.lobby{--accent:#5BB8D0;--mx:50%;--my:50%;--px:0;--py:0;position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;align-items:center;padding:calc(var(--nav-h) + var(--space-8)) 0 var(--space-12);background:#050d14;color:#e8f6fb;transition:--accent .4s}.lobby[data-active="it"]{--accent:#38BDF8}.lobby[data-active="code"]{--accent:#A78BFA}.lobby[data-active="design"]{--accent:#F472B6}.lobby-stage{position:absolute;inset:0;z-index:-1}.lobby-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,16,.78) 0%,rgba(3,10,16,.28) 38%,rgba(3,10,16,.82) 100%);pointer-events:none}.scene{position:absolute;inset:-4%;width:108%;height:108%;max-width:none;object-fit:cover;opacity:0;transform:translate(calc(var(--px) * -16px),calc(var(--py) * -10px)) scale(1.08);transition:opacity .6s ease,transform 1s var(--ease-out);will-change:opacity,transform}.lobby[data-active="it"] .scene[data-scene="it"],.lobby[data-active="code"] .scene[data-scene="code"],.lobby[data-active="design"] .scene[data-scene="design"]{opacity:.95;transform:translate(calc(var(--px) * -16px),calc(var(--py) * -10px)) scale(1)}.lobby-floor{position:absolute;left:-25%;right:-25%;bottom:-8%;height:52%;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:64px 64px;transform:perspective(520px) rotateX(64deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 90%);mask-image:linear-gradient(to top,#000 10%,transparent 90%);opacity:.55;transition:opacity .5s}.lobby[data-active] .lobby-floor{opacity:.35}.lobby-spot{position:absolute;inset:0;background:radial-gradient(circle 340px at var(--mx) var(--my),color-mix(in srgb,var(--accent) 26%,transparent),transparent 72%);pointer-events:none;transition:background .3s}.lobby-inner{position:relative;text-align:center}.lobby-head{max-width:760px;margin:0 auto}.lobby-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--r-full);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 14%,rgba(5,13,20,.6));color:var(--accent);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--space-5);transition:color .3s,border-color .3s,background .3s}.lobby-title{font-size:clamp(2rem,1.2rem + 3.4vw,3.5rem);font-weight:var(--fw-extrabold);letter-spacing:-0.035em;line-height:1.1;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.5);margin-bottom:var(--space-4)}.lobby-hint{color:#bcd6e0;font-size:var(--text-lg);max-width:54ch;margin:0 auto}.hint-touch{display:none}@media (hover:none){.hint-pointer{display:none}.hint-touch{display:inline}}.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);max-width:940px;margin:clamp(2.5rem,6vw,4rem) auto var(--space-8)}.door{--accent:#5BB8D0;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-4) var(--space-5);background:none;border:0;color:inherit;font:inherit;cursor:pointer;border-radius:var(--r-2xl,28px);-webkit-tap-highlight-color:transparent}.door:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.door-frame{position:relative;width:168px;height:248px;border-radius:84px 84px 14px 14px;background:#02070b;border:3px solid rgba(255,255,255,.18);box-shadow:inset 0 0 40px rgba(0,0,0,.9),0 18px 40px rgba(0,0,0,.45);perspective:900px;transition:transform .45s var(--ease-spring),border-color .3s,box-shadow .4s}.door-light{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 75%,var(--accent) 0%,color-mix(in srgb,var(--accent) 40%,transparent) 45%,transparent 75%);opacity:.12;transition:opacity .5s}.door-panel{position:absolute;inset:0;border-radius:80px 80px 10px 10px;background:linear-gradient(160deg,#1a3647 0%,#0a1a24 100%);border-right:3px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;transform-origin:left center;transition:transform .7s var(--ease-out),background .4s;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.door-panel::before{content:"";position:absolute;inset:22px 18px 34px;border-radius:60px 60px 8px 8px;border:1.5px solid rgba(255,255,255,.08)}.door-icon{font-size:3.1rem;color:var(--accent);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 70%,transparent));position:relative}.door-knob{position:absolute;right:16px;top:56%;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.door-label{display:flex;flex-direction:column;gap:4px}.door-name{font-size:var(--text-2xl);font-weight:var(--fw-extrabold);letter-spacing:-0.02em;color:#fff}.door-desc{font-size:var(--text-sm);color:#b3cfda}.door-cta{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--r-full);border:1.5px solid var(--accent);color:var(--accent);font-size:var(--text-sm);font-weight:var(--fw-bold);opacity:.0;transform:translateY(8px);transition:opacity .3s,transform .3s var(--ease-out),background .3s,color .3s}.door.is-near .door-frame,.door:focus-visible .door-frame{transform:translateY(-10px) scale(1.04);border-color:var(--accent);box-shadow:inset 0 0 40px rgba(0,0,0,.6),0 0 0 6px color-mix(in srgb,var(--accent) 18%,transparent),0 0 60px color-mix(in srgb,var(--accent) 55%,transparent),0 24px 50px rgba(0,0,0,.5)}.door.is-near .door-light,.door:focus-visible .door-light{opacity:1}.door.is-near .door-panel,.door:focus-visible .door-panel{transform:rotateY(-42deg)}.door.is-near .door-cta,.door:focus-visible .door-cta{opacity:1;transform:none;background:var(--accent);color:#06121a}.lobby[data-active]:not([data-active=""]) .door:not(.is-near){opacity:.55}.door{transition:opacity .3s}.lobby-skip{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);color:#a9c6d2;font-size:var(--text-sm);font-weight:var(--fw-medium);border-bottom:1px dashed rgba(255,255,255,.25)}.lobby-skip:hover{color:#fff}@media (max-width:768px){.lobby{min-height:auto;padding-bottom:var(--space-10)}.doors{grid-template-columns:1fr;gap:var(--space-4);max-width:460px}.door{flex-direction:row;text-align:left;gap:var(--space-5);padding:var(--space-4);background:rgba(6,17,26,.62);border:1px solid color-mix(in srgb,var(--accent) 40%,rgba(255,255,255,.08));border-radius:var(--r-xl,22px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.door-frame{flex:none;width:76px;height:112px;border-width:2px;border-radius:38px 38px 8px 8px}.door-panel{border-radius:34px 34px 6px 6px}.door-panel::before{inset:10px 8px 14px;border-radius:26px 26px 4px 4px}.door-icon{font-size:1.7rem}.door-knob{width:7px;height:7px;right:8px}.door-label{flex:1;min-width:0}.door-cta{display:none}.lobby[data-active]:not([data-active=""]) .door:not(.is-near){opacity:1}.lobby-hint{font-size:var(--text-base)}}@media (max-width:768px){.lobby-stage::after{background:linear-gradient(180deg,rgba(3,10,16,.9) 0%,rgba(3,10,16,.7) 45%,rgba(3,10,16,.88) 100%)}.lobby[data-active="it"] .scene[data-scene="it"],.lobby[data-active="code"] .scene[data-scene="code"],.lobby[data-active="design"] .scene[data-scene="design"]{opacity:.8}}@media (min-width:769px) and (max-height:920px){.lobby{padding-top:calc(var(--nav-h) + var(--space-4));padding-bottom:var(--space-6)}.lobby-tag{margin-bottom:var(--space-3)}.lobby-title{font-size:clamp(2rem,6vh,3rem);margin-bottom:var(--space-3)}.lobby-hint{font-size:var(--text-base)}.doors{margin:var(--space-6) auto var(--space-3)}.door{gap:var(--space-3);padding-bottom:var(--space-2)}.door-frame{height:clamp(176px,27vh,248px);width:auto;aspect-ratio:168 / 248}.door-name{font-size:var(--text-xl)}.door-cta{min-height:38px}}a.door{text-decoration:none}.door.nudge .door-frame{animation:nudge .7s ease-in-out 2;border-color:var(--accent)}@keyframes nudge{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.lobby-skip{text-decoration:none;flex-wrap:wrap;text-align:center;border-bottom:1px dashed rgba(255,255,255,.25)}.lobby-skip small{color:#8fb0be;font-size:var(--text-xs)}.lock-ico{font-size:.85em}a.is-locked .lock-ico{opacity:.85}.nav-link .lock-ico{margin-left:4px;vertical-align:-1px}.portal{--ox:50%;--oy:50%;position:fixed;inset:0;z-index:3000;background:#050d14;clip-path:circle(0px at var(--ox) var(--oy));transition:clip-path .72s cubic-bezier(.7,0,.2,1);pointer-events:none}.portal.go{clip-path:circle(160vmax at var(--ox) var(--oy))}.portal img{width:100%;height:100%;max-width:none;object-fit:cover;opacity:.85}.portal::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ox) var(--oy),color-mix(in srgb,var(--accent) 45%,transparent),transparent 60%)}.lock-toast{position:fixed;left:50%;bottom:var(--space-8);z-index:1500;transform:translate(-50%,24px);opacity:0;display:flex;align-items:center;gap:var(--space-3);width:max-content;max-width:min(92vw,520px);padding:var(--space-4) var(--space-5);border-radius:var(--r-xl,20px);background:rgba(6,17,26,.94);border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#fff;font-size:var(--text-sm);line-height:1.5;transition:opacity .35s,transform .35s var(--ease-out)}.lock-toast[hidden]{display:none}.lock-toast.show{opacity:1;transform:translate(-50%,0)}.lock-toast .icon{flex:none;font-size:1.2rem;color:#fbbf24}@media (prefers-reduced-motion:reduce){.portal,.lock-toast{transition-duration:.01ms}.door.nudge .door-frame{animation:none}}.hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-8)}.hero-meta li{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--r-full);background:rgba(91,184,208,.1);border:1px solid var(--clr-border);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--clr-text-muted)}.hero-meta .icon{color:var(--clr-ink)}.hero-cta{margin-bottom:0}@media (max-width:992px){.hero-meta{justify-content:center}}.home-room{background:#050d14;color:#e8f6fb;margin:0}.home .lobby{padding:var(--space-8) 0}.intro{display:inline-flex;align-items:center;gap:var(--space-4);text-align:left;margin-bottom:var(--space-4)}.intro-avatar{flex:none;width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid color-mix(in srgb,var(--accent) 70%,#fff);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 18%,transparent),0 0 34px color-mix(in srgb,var(--accent) 45%,transparent);transition:border-color .4s,box-shadow .4s}.intro-name{font-size:clamp(1.75rem,1.2rem + 1.8vw,2.5rem);font-weight:var(--fw-extrabold);letter-spacing:-0.04em;line-height:1.05;color:#fff}.intro-real{font-size:var(--text-sm);color:#b3cfda;margin-top:4px}.intro-role{color:var(--accent);font-weight:var(--fw-semibold);transition:color .4s}.intro-about{max-width:52ch;margin:0 auto var(--space-10);color:#a9c6d2;font-size:var(--text-sm);line-height:1.7}.home .lobby-head{margin-top:0}.home .lobby-title{font-size:clamp(2rem,1.2rem + 3.6vw,3.5rem)}.home .lobby-hint{font-size:var(--text-sm);color:#8fb0be}@media (min-width:769px) and (max-height:920px){.intro-about{margin-bottom:var(--space-6)}.intro-avatar{width:64px;height:64px}}@media (max-width:480px){.intro{flex-direction:column;text-align:center}}@media (min-width:769px) and (max-height:860px){.home .lobby{padding:var(--space-4) 0}.intro{margin-bottom:var(--space-2)}.intro-about{margin-bottom:var(--space-4);font-size:var(--text-xs)}.home .lobby-title{font-size:clamp(1.75rem,5.4vh,2.75rem);margin-bottom:var(--space-2)}.home .lobby-hint{display:none}.home .doors{margin:var(--space-4) auto 0}.door-frame{height:clamp(150px,26vh,230px)}}.intro{display:block;text-align:center;margin-bottom:var(--space-6)}.intro-name{font-size:clamp(2rem,1.2rem + 3vw,3.25rem);font-weight:var(--fw-extrabold);letter-spacing:-0.045em;line-height:1;color:#fff;text-shadow:0 0 40px color-mix(in srgb,var(--accent) 55%,transparent);transition:text-shadow .4s}.intro-role-line{margin-top:var(--space-2);font-size:var(--text-lg);font-weight:var(--fw-medium);color:#b3cfda}.intro-role{color:var(--accent);font-weight:var(--fw-bold);transition:color .4s}.home .lobby-title{font-size:clamp(1.75rem,1rem + 3vw,2.75rem)}.cv-corner{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:30;display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--r-full);text-decoration:none;font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.08em;color:#cfe3ec;background:rgba(6,17,26,.7);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,border-color .2s,background .2s}.cv-corner:hover{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(6,17,26,.9)}@media (min-width:769px) and (max-height:860px){.intro{margin-bottom:var(--space-3)}}.npc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.npc{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);max-width:560px;padding:var(--space-3) var(--space-5) var(--space-3) var(--space-3);border-radius:var(--r-xl,20px);background:rgba(6,17,26,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--accent,#5BB8D0) 50%,rgba(255,255,255,.1));box-shadow:0 12px 36px rgba(0,0,0,.4);text-align:left;min-height:3.6rem}.npc-name{flex:none;align-self:flex-start;padding:2px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.06em;color:#06121a;background:var(--accent,#5BB8D0);transition:background .4s}.npc-line{color:#e8f6fb;font-size:var(--text-sm);line-height:1.6;min-height:3.2em}.npc.typing .npc-text::after{content:"▍";margin-left:2px;color:var(--accent,#5BB8D0);animation:npcBlink .8s steps(2) infinite}@keyframes npcBlink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.npc.typing .npc-text::after{animation:none}}.sfx-toggle{position:fixed;left:var(--space-5);bottom:var(--space-5);z-index:30;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;color:#cfe3ec;background:rgba(6,17,26,.7);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,border-color .2s,background .2s}.sfx-toggle:hover{color:#fff;border-color:rgba(255,255,255,.5)}.sfx-toggle .sfx-on{display:none}.sfx-toggle[aria-pressed="true"]{color:#FBBF24;border-color:rgba(251,191,36,.6)}.sfx-toggle[aria-pressed="true"] .sfx-on{display:block}.sfx-toggle[aria-pressed="true"] .sfx-off{display:none}.sfx-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}.home-npc{margin:var(--space-2) auto 0;align-items:center}.home-npc .npc-line{min-height:3.2em;display:flex;align-items:center}.home .npc{--accent:inherit}.lobby[data-active="it"] .home-npc{--accent:#38BDF8}.lobby[data-active="code"] .home-npc{--accent:#A78BFA}.lobby[data-active="design"] .home-npc{--accent:#F472B6}@media (min-width:769px) and (max-height:860px){.home-npc{min-height:0;padding-block:var(--space-2)}.home-npc .npc-line{min-height:2.6em}}@media (max-width:768px){.home-npc{max-width:100%}.sfx-toggle{bottom:var(--space-4);left:var(--space-4)}}@media (max-width:768px){.home .lobby{padding-bottom:calc(var(--space-12) + 44px)}}.home-npc{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s var(--ease-out),visibility 0s .25s}.home-npc.show{opacity:1;visibility:visible;transform:none;transition-delay:0s}@media (prefers-reduced-motion:reduce){.home-npc{transition-duration:.01ms}}@media (hover:none){.home-npc{display:none}}.lobby-inner{position:static}.lobby{position:relative}.glimpse{position:absolute;z-index:2;width:max-content;max-width:210px;padding:var(--space-3) var(--space-4);border-radius:var(--r-xl,18px);background:rgba(6,17,26,.55);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .8s,transform 0s .8s}.glimpse.show{opacity:.95;transform:translateY(-14px);transition:opacity .9s,transform 6.5s linear}.glimpse-tag{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.14em;text-transform:uppercase;color:#FBBF24}.glimpse-text{margin-top:4px;font-size:var(--text-sm);line-height:1.5;color:#e8f6fb}@media (prefers-reduced-motion:reduce){.glimpse.show{transform:none;transition:opacity .3s}}@media (max-width:900px){.glimpse{position:relative;left:auto !important;right:auto !important;top:auto !important;margin:0 auto var(--space-4);text-align:center;transform:none !important;max-width:90%}}.not-found{min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center}.nf-code{font-size:clamp(5rem,18vw,9rem);font-weight:var(--fw-extrabold);letter-spacing:-0.06em;line-height:1;color:#38BDF8;text-shadow:0 0 60px rgba(56,189,248,.5)}.nf-text{color:#b3cfda;margin:var(--space-4) auto var(--space-8);max-width:44ch}.nf-btn{margin-inline:auto}.npc .npc-line{display:grid;align-items:center}.npc .npc-line::before{content:attr(data-full);visibility:hidden;grid-area:1 / 1}.npc .npc-line>.npc-text{grid-area:1 / 1}