/* Focused refinements to the approved Muse + HyperWumpus direction. */
.socials a{--social:#e5e5f0;color:var(--social);border-color:color-mix(in srgb,var(--social) 30%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--social) 10%,transparent);background:#ffffff02}
.socials a svg{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--social) 50%,transparent));flex:none}
.socials a[href*="github.com"]{--social:#ece8ff}
.socials a[href*="youtube.com"]{--social:#ff4545}
.socials a[href*="twitch.tv"]{--social:#ae7bff}
.socials a[href*="linkedin.com"]{--social:#58b5ff}
.socials a[href*="instagram.com"]{--social:#ff79b3}
.socials a[href*="tiktok.com"]{--social:#58f8ef}
.socials a:hover,.socials a:focus-visible{color:var(--social);border-color:var(--social);box-shadow:0 0 24px color-mix(in srgb,var(--social) 30%,transparent),inset 0 0 20px color-mix(in srgb,var(--social) 8%,transparent);background:color-mix(in srgb,var(--social) 7%,transparent)}
.instagram-social:hover svg{filter:drop-shadow(-2px 0 6px #ff793a) drop-shadow(2px 0 6px #d94fff)}
.tiktok-social svg{filter:drop-shadow(-1px -1px 0 #fe2c55) drop-shadow(1px 1px 0 #25f4ee)!important}
.tiktok-social:hover{box-shadow:-4px 0 22px #25f4ee33,4px 0 22px #fe2c5533!important}
.portrait-flip{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer;perspective:1200px;text-align:center;border-radius:28px}
.portrait-card{position:relative;display:block;aspect-ratio:1;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.25,1)}
.portrait-front,.portrait-back{display:block;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:28px 90px 28px 28px;background:#120b23}
.portrait-front img,.portrait-back img{transform:none!important;width:100%;height:100%;object-fit:cover;box-shadow:none}
.portrait-back{transform:rotateY(180deg)}
.portrait-back img{object-position:50% 35%}
.portrait-flip[aria-pressed=true] .portrait-card{transform:rotateY(180deg)}
.flip-hint{position:absolute;bottom:15px;left:12px;right:12px;z-index:2;display:block;border:1px solid #a16b91;padding:9px 12px;border-radius:25px;background:#0b0714db;color:#faf2ff;font:10px var(--font-mono);backdrop-filter:blur(8px)}
.hero-portrait figcaption{margin-top:18px}
.full-span{grid-column:1/-1}
.card .visual-drawer{border-top:1px solid var(--line);margin:10px 0 0;min-width:0}
.visual-drawer>summary{list-style:none;display:flex;justify-content:space-between;gap:22px;align-items:center;padding:19px 0;font:13px var(--font-head);font-weight:600;color:var(--ink);cursor:pointer}
.visual-drawer>summary::-webkit-details-marker{display:none}
.visual-drawer>summary:before{content:'+';color:var(--project-accent,var(--cyan));font:22px var(--font-mono)}
.visual-drawer[open]>summary:before{content:'−'}
.visual-drawer>summary>span:first-child{flex:1}
.drawer-arrow{font-size:22px;color:var(--project-accent,var(--cyan));transition:transform .25s}
.visual-drawer[open] .drawer-arrow{transform:rotate(90deg)}
.drawer-body{padding:0 0 20px;min-width:0}
.drawer-body img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}
.drawer-body .preview-caption,.embed-help{font:12px/1.8 var(--font-head);color:var(--muted);margin:12px 0 18px}
.zoom-art{display:block;cursor:zoom-in}
.card .visual-drawer .drawer-body p{font-size:13px}
.lead-demo{padding:24px;background:#080f20;border:1px solid #284c73;border-radius:12px;margin-bottom:8px}
.demo-intro h4{font-size:26px;line-height:1.2;margin-bottom:12px}
.demo-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:26px}
.demo-columns label{display:block;font-size:12px;color:#c8d9ef;margin:16px 0 7px}
.demo-columns label:first-child{margin-top:0}
.demo-columns input,.demo-columns select,.demo-columns textarea{width:100%;font:14px/1.6 var(--font-head);padding:12px;border:1px solid #355475;border-radius:7px;background:#111f33;color:#f6f8ff;resize:vertical;min-width:0}
.demo-columns input:focus,.demo-columns textarea:focus,.demo-columns select:focus{outline:2px solid #53bbff;outline-offset:2px}
.demo-columns button{margin-top:20px}
.demo-result{background:#101b2c;padding:22px;border-radius:10px;min-width:0}
.demo-score{display:flex;gap:15px;align-items:center;margin-bottom:18px}
.demo-score strong{font:52px/1 var(--font-head);font-weight:700;color:#72ccff}
.demo-score span{font:13px var(--font-mono);color:#b6c8de}
.demo-score b{display:block;font-size:12px;color:#75ead4;margin-top:6px}
.demo-followup{color:#80cfff!important;margin-top:16px!important}
.builder-art{position:relative;padding:0 0 40px}
.builder-art img{width:100%;max-height:340px;object-fit:cover;border-radius:15px;border:1px solid #567e4666}
.builder-art .companion-caption{bottom:0}
.scouter-preview{background:radial-gradient(circle at 85% 30%,#341751,#0b101f 65%);border:1px solid #564079;border-radius:12px;padding:25px}
.scouter-preview-head{display:flex;justify-content:space-between;gap:20px;font:10px var(--font-mono);letter-spacing:1px;color:#bca7d9;border-bottom:1px solid #4d3563;padding-bottom:17px}
.scouter-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:28px 0 5px}
.scouter-preview-grid h4{font-size:35px;line-height:1.1;margin:10px 0 20px}
.preview-radar{position:relative;border:1px solid #57f2dc88;border-radius:50%;aspect-ratio:1;max-width:285px;width:100%;margin:auto;background:repeating-radial-gradient(circle,transparent 0 42px,#42efcf25 43px 44px);box-shadow:0 0 60px #744fff22}
.preview-radar>span{position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 50%,#42efcf33 95%,transparent);animation:orbit 9s linear infinite}
.preview-radar img{position:absolute;width:62%;height:62%;object-fit:contain;left:19%;top:19%;border:0;z-index:1}
.signal{position:absolute;display:block;width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px currentColor;background:currentColor;z-index:2;animation:signal-drift 5s ease-in-out infinite alternate}
.signal.pink{color:#ff3f98;top:15%;left:50%}.signal.green{color:#42efcf;top:65%;left:18%;animation-delay:-2s}.signal.gold{color:#ffc44d;top:70%;left:76%;animation-delay:-3s}.signal.blue{color:#8585ff;top:27%;left:80%;animation-delay:-1s}
@keyframes signal-drift{to{transform:translate(9px,-7px);opacity:.35}}
.glitch-stage .blip{z-index:3;animation:signal-drift 4s ease-in-out infinite alternate}
.glitch-stage .b2{animation-delay:-1.3s}.glitch-stage .b3{animation-delay:-2.6s}
.watch-section{padding-top:10px}
.media-grid{display:grid;grid-template-columns:1fr;gap:28px}
.media-card{padding:25px;border:1px solid #423052;border-radius:14px;background:#100b1d;min-width:0}
.twitch-media{--media-accent:#ae7bff}.youtube-media{--media-accent:#ff6262}
.twitch-media .media-stage{background:linear-gradient(#0b071435,#0b0714aa),url('rebrand-assets/legacy-gaming.webp') center/cover no-repeat}
.early-builder-art{margin-top:25px}
#artwork-viewer{width:min(96vw,1500px);max-width:96vw;max-height:94vh;margin:auto;padding:20px;background:#100a1c;border:1px solid #7c5e4f;border-radius:12px;color:var(--ink)}
#artwork-viewer::backdrop{background:#06030bd9;backdrop-filter:blur(5px)}
#artwork-viewer button{display:block;margin:0 0 15px auto;background:#241c33;border:1px solid #665475;border-radius:7px;color:var(--ink);padding:10px 17px;cursor:pointer}
#artwork-viewer img{width:100%;height:auto}
.media-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.media-heading h3{font-size:20px;color:var(--media-accent)}
.media-heading a{font-size:12px;color:var(--muted);text-underline-offset:5px}
.media-stage{aspect-ratio:16/9;min-height:300px;border:1px solid color-mix(in srgb,var(--media-accent) 45%,transparent);border-radius:10px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--media-accent) 15%,transparent),transparent 70%),#080611;display:grid;place-items:center;overflow:hidden}
.media-stage iframe{width:100%;height:100%;min-height:300px;border:0}
.play-button{border:1px solid var(--media-accent);border-radius:35px;padding:18px 26px;background:#140b23cc;color:var(--media-accent);font-weight:600;font-size:16px;box-shadow:0 0 25px color-mix(in srgb,var(--media-accent) 13%,transparent);cursor:pointer;margin:20px}
.play-button:hover{box-shadow:0 0 38px color-mix(in srgb,var(--media-accent) 30%,transparent)}
.project-embed-slot iframe{display:block;width:100%;height:620px;border:1px solid var(--line);border-radius:10px;margin-top:20px;background:#10141a}
.resume-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.resume-download{--resume-accent:#42efcf;display:block;padding:30px;text-decoration:none;border:1px solid #354a50;background:#101824;border-radius:14px;transition:box-shadow .2s,border-color .2s}
.resume-download:hover{border-color:var(--resume-accent);box-shadow:0 0 26px color-mix(in srgb,var(--resume-accent) 14%,transparent)}
.resume-download>span{font:10px var(--font-mono);color:var(--resume-accent);letter-spacing:2px}
.resume-download h3{font-size:24px;margin:12px 0}
.resume-download p{color:var(--muted);font-size:14px;line-height:1.7}
.resume-download b{display:block;font-size:13px;color:var(--resume-accent);margin-top:24px}
.creator-resume{--resume-accent:#ff8ab6;background:#1c101f;border-color:#4c2b40}
@media(max-width:860px){.full-span{flex-basis:100%;width:100%}.demo-columns{gap:18px}.scouter-preview-grid h4{font-size:29px}}
@media(max-width:620px){.portrait-front,.portrait-back{border-radius:22px 65px 22px 22px}.flip-hint{font-size:8px;padding:8px}.featured .full-span{order:2}.demo-columns,.scouter-preview-grid,.resume-grid{grid-template-columns:1fr}.lead-demo,.demo-result,.scouter-preview{padding:18px}.demo-intro h4{font-size:23px}.demo-columns .btn{width:100%;justify-content:center}.media-card{padding:18px}.media-heading h3{font-size:18px}.media-stage{min-height:230px}.media-stage iframe{min-height:230px}.play-button{font-size:14px;padding:16px}.resume-download{padding:25px}.project-embed-slot iframe{height:580px}.scouter-preview-head{font-size:8px}.scouter-preview-grid h4{font-size:30px}.preview-radar{max-width:230px}}
@media(prefers-reduced-motion:reduce){.portrait-card{transition:none}.signal{animation:none!important}}