:root{--cyan:#00eaff;--pink:#ff2bd6;--bg:#01050b}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--bg);color:white;font-family:Segoe UI,Arial,sans-serif}body{overflow-x:hidden}.page{display:none;min-height:100vh}.page.active{display:grid;place-items:center}.design-stage{position:relative;width:min(100vw,calc(100vh * 1.5));aspect-ratio:3/2;margin:auto;overflow:hidden;background:#01050b;box-shadow:0 0 80px #000}.design-img{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}.hotspot{position:absolute;z-index:10;cursor:pointer;border:0;background:transparent}.hotspot:after{content:"";position:absolute;inset:0;border:1px solid transparent;transition:.18s;pointer-events:none}.hotspot:hover:after,.hotspot:focus-visible:after{border-color:#00eaff99;background:#00eaff08;box-shadow:inset 0 0 22px #00eaff22,0 0 18px #00eaff22}.nav-home{left:32.05%;top:1.55%;width:3.55%;height:5.05%}.nav-portfolio{left:37.65%;top:1.55%;width:4.35%;height:5.05%}.nav-lab{left:43.75%;top:1.55%;width:2.45%;height:5.05%}.nav-gaming{left:47.85%;top:1.55%;width:4.25%;height:5.05%}.nav-about{left:53.55%;top:1.55%;width:4.65%;height:5.05%}.nav-contact{left:59.85%;top:1.55%;width:4.25%;height:5.05%}.connect{left:86.95%;top:1.65%;width:11.25%;height:4.25%}.portal{top:57.6%;height:32.15%;transition:transform .22s,filter .22s}.portal:hover{transform:translateY(-5px);filter:brightness(1.09)}.portal span{opacity:0;position:absolute;right:4%;bottom:4%;padding:5px 8px;font-size:9px;letter-spacing:2px;color:#001018;background:#00eaff;transition:.18s}.portal:hover span{opacity:1}.p-portfolio{left:1.82%;width:30.73%}.p-lab{left:34.50%;width:30.99%}.p-gaming{left:67.58%;width:30.73%}.p-gaming:hover:after{border-color:#ff2bd699;box-shadow:inset 0 0 22px #ff2bd622,0 0 18px #ff2bd622}

.floating-home{position:absolute;z-index:30;left:1.3%;top:1.5%;padding:.65% 1%;border:1px solid #00aeea;background:#020914dd;color:#dffaff;font-weight:700;cursor:pointer;box-shadow:0 0 16px #00aeea44}.player-zone{position:absolute;z-index:12;left:.65%;top:12.15%;width:68.10%;height:75.75%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.player-ui{position:absolute;inset:0;background:rgba(1,6,13,.88);border:1px solid #009cff;opacity:0;transition:.25s;display:grid;place-items:center;box-shadow:inset 0 0 70px #0077ff25}.player-zone:hover .player-ui,.player-zone:focus .player-ui{opacity:.95}.player-live{position:absolute;top:2%;right:2%;font-size:clamp(9px,1vw,16px);font-weight:800;color:#ff355e}.player-center{text-align:center;color:#dffaff}.player-center .play{margin:auto auto 10px;width:clamp(40px,4vw,64px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-size:clamp(14px,1.5vw,24px);box-shadow:0 0 24px #00eaff55}.player-center strong{display:block;font-size:clamp(12px,1.5vw,24px);letter-spacing:.18em}.player-center small{display:block;margin-top:8px;color:#78a8bd;font-size:clamp(8px,.8vw,13px)}.gaming-twitch{left:70.55%;top:18.95%;width:19.55%;height:5.70%}.gaming-youtube{left:70.55%;top:25.35%;width:19.55%;height:5.70%}.g-config{left:69.50%;top:37.80%;width:29.35%;height:25.75%}.g-games{left:69.50%;top:64.55%;width:29.35%;height:23.35%}

.pending{position:relative;background:radial-gradient(circle at 50% 35%,#0b334a 0,#020812 38%,#01040a 80%);text-align:center;align-content:center;justify-items:center;padding:80px 20px}.pending.active{display:grid}.pending:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,234,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,234,255,.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.pending img{width:min(260px,55vw);border-radius:50%;filter:drop-shadow(0 0 25px #00eaff88);z-index:1}.pending p{color:#00eaff;font:12px Consolas;letter-spacing:4px;margin:25px 0 5px;z-index:1}.pending h1{font-size:clamp(32px,5vw,72px);margin:0;z-index:1}.pending strong{color:#00eaff;letter-spacing:4px;margin-top:18px;z-index:1}.pending span{color:#82a8bb;margin-top:10px;z-index:1}.pending-back{position:absolute;left:25px;top:25px;z-index:2;border:1px solid #00eaff;background:#03121d;color:#dffaff;padding:11px 16px;cursor:pointer}
#toast{position:fixed;z-index:1000;right:24px;bottom:24px;padding:13px 18px;background:#04121d;border:1px solid #00eaff;color:#dffaff;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}
@media(max-aspect-ratio:3/2){.design-stage{width:100vw;height:auto}}@media(min-aspect-ratio:3/2){.design-stage{height:100vh;width:auto}}
/* v0.6 — real social links; deliberately subtle so the validated mockup is preserved */
.socials{display:flex;align-items:center;gap:7px;letter-spacing:0}
.socials a{width:25px;height:25px;display:grid;place-items:center;text-decoration:none;color:#9ddbe8;
font:700 8px/1 Consolas,monospace;border:1px solid #17617a;background:#03121c;transition:.18s}
.socials a:hover,.socials a:focus-visible{color:#001018;background:#00eaff;border-color:#00eaff;
box-shadow:0 0 14px #00eaff88;transform:translateY(-2px)}
.gaming-twitch,.gaming-youtube{display:block}

/* v0.8 — production behavior; no redesign */
.twitch-embed{position:absolute;inset:0;margin:auto;width:100%;height:100%;border:0;display:none;background:#02060d;z-index:1}
.player-zone.production .twitch-embed{display:block}
.player-zone.production .player-ui{display:none}