:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#f5f1ff;background:#07050d;font-synthesis:none;--cyan: #76f7ff;--violet: #a85bff;--bone: #ede3cf;--ink: #090611;--panel: rgba(14, 9, 28, .88)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% -10%,rgba(141,70,255,.3),transparent 38%),linear-gradient(160deg,#0a0712,#05040a 65%,#0b0714)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(118deg,transparent 47%,rgba(118,247,255,.12) 48%,transparent 49%),linear-gradient(62deg,transparent 47%,rgba(168,91,255,.1) 48%,transparent 49%);background-size:130px 170px,190px 210px}button,input{font:inherit}button{color:inherit}[hidden]{display:none!important}.gate{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,430px);align-content:center;gap:clamp(2rem,7vw,8rem);width:min(1160px,calc(100% - 3rem));margin:0 auto}.gate-art{position:absolute;z-index:-1;left:-8rem;width:min(52vw,620px);opacity:.54;transform:rotate(-7deg)}.fracture{fill:none;stroke:#9b62ff;stroke-width:3;opacity:.7}.fracture.thin{stroke:#6ef6ff;stroke-width:1.5}.gate-copy{align-self:center}.eyebrow{color:var(--cyan);font-size:.68rem;font-weight:800;letter-spacing:.22em}.gate h1{margin:.16em 0 0;font-size:clamp(4.6rem,10vw,8.5rem);line-height:.78;letter-spacing:-.075em;font-weight:900}.gate h1 b{color:transparent;-webkit-text-stroke:2px var(--cyan);filter:drop-shadow(0 0 15px rgba(118,247,255,.34))}.gate-copy p{max-width:38rem;margin:2.2rem 0 0;color:#aaa0bd;font-size:1rem;line-height:1.7}.join-panel{display:grid;gap:1.2rem;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid rgba(168,91,255,.35);border-radius:1.2rem;background:var(--panel);box-shadow:0 30px 80px #00000070,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.join-panel label{display:grid;gap:.55rem;color:#a99cba;font-size:.69rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.join-panel input{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:.6rem;outline:none;color:#fff;background:#040209b8}.join-panel input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #76f7ff1a}#room-input{text-transform:uppercase;letter-spacing:.18em}#descend-button{min-height:3.5rem;border:1px solid var(--cyan);border-radius:.6rem;color:#080510;background:var(--cyan);box-shadow:0 0 28px #76f7ff38;cursor:pointer;font-size:.78rem;font-weight:900;letter-spacing:.17em}#gate-status{min-height:1rem;margin:0;color:#ff87aa;font-size:.72rem}.game{width:min(100vw,900px);height:100vh;margin:0 auto;display:grid;grid-template-rows:52px minmax(0,1fr) 30px;border-inline:1px solid rgba(255,255,255,.06);background:#040209ad}.game header{z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.08);background:#08050fe0}.wordmark{font-size:.83rem;font-weight:900;letter-spacing:-.03em}.wordmark b{color:var(--cyan)}#room-code{border:0;color:#9d91ae;background:none;cursor:pointer;font-size:.62rem;font-weight:800;letter-spacing:.15em}#connection-state{justify-self:end;color:var(--cyan);font-size:.55rem;font-weight:800;letter-spacing:.14em}#game-svg{display:block;width:100%;height:100%;min-height:0;background:radial-gradient(circle at 50% 15%,rgba(117,55,212,.26),transparent 40%),#090611;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-hint{display:flex;justify-content:space-between;align-items:center;padding:0 .8rem;color:#746a82;background:#08050f;font-size:.5rem;font-weight:800;letter-spacing:.12em}#world-root{will-change:transform}.hit-stop>g{animation-delay:40ms;animation-play-state:paused}.floor-tile{fill:#151025;stroke:#352650;stroke-width:1}.floor-tile.variant{fill:#18122c}.floor-wall-top{fill:#21133a;stroke:#7b43bd;stroke-width:1.2}.floor-wall-side{fill:#0d0918;stroke:#3b245b;stroke-width:1}.portal-tile{fill:#321b59;stroke:var(--cyan);stroke-width:2;filter:url(#world-glow);animation:portal-pulse 1.6s ease-in-out infinite}.shop-tile{fill:#4b301a;stroke:#ffc46b;stroke-width:2}.actor{transition:opacity 90ms linear;will-change:transform}.actor-shadow{fill:#0000007a}.enemy-health-back{fill:#130b19;stroke:#ffffff2e;stroke-width:1}.enemy-health-fill{fill:#ff5b8e}.projectile{fill:#ff6bf6;stroke:#fff;stroke-width:2;filter:url(#world-glow)}.particle{fill:var(--cyan);pointer-events:none;opacity:0}.particle.burst{animation:particle-burst .4s ease-out forwards}.dash-ghost{opacity:0;filter:url(#world-glow)}.dash-ghost.active{animation:ghost-fade .36s ease-out forwards}.shake{animation:screen-shake .2s steps(2,end)}.health-back,.dash-back{fill:#05030ad9;stroke:#ffffff29;stroke-width:2}.health-fill{fill:url(#health-gradient);filter:url(#hud-glow);transition:width .12s ease-out}.dash-fill{fill:var(--cyan);transition:width 50ms linear}.hud-label,.overlay-kicker{fill:#857792;font-size:16px;font-weight:800;letter-spacing:3px}.hud-small{fill:#f8f3ff;font-size:14px;font-weight:800}.hud-score{fill:#f8f3ff;font-size:35px;font-weight:900;letter-spacing:2px}.hud-combo{fill:#75f7ff;font-size:32px;font-weight:900}.hud-depth{fill:#d8c9e9;font-size:18px;font-weight:900;letter-spacing:5px}.combo-group.pulse{transform-origin:845px 112px;animation:combo-pulse .26s ease-out}.hud-overlay{pointer-events:all}.overlay-back{fill:#0a0614f5;stroke:#7650ad;stroke-width:2;filter:url(#hud-shadow)}.overlay-back.end{stroke:#75f7ff}.overlay-title{fill:#f7f1ff;font-size:34px;font-weight:900;letter-spacing:2px}.perk-card{cursor:pointer;outline:none}.perk-card-back{fill:#151024;stroke:#614285;stroke-width:2;transition:fill .12s}.perk-card:hover .perk-card-back,.perk-card:focus .perk-card-back{fill:#24163d;stroke:#75f7ff}.perk-glyph{fill:#75f7ff;filter:url(#hud-glow)}.school-steel .perk-glyph{fill:#ede3cf}.perk-name{fill:#f4effa;font-size:22px;font-weight:900;letter-spacing:1px}.perk-description{fill:#a99bb7;font-size:15px}.perk-take{fill:#75f7ff;font-size:14px;font-weight:900;letter-spacing:2px}.end-stat{fill:#d8c9e9;font-size:27px;font-weight:800;letter-spacing:3px}.restart-button{cursor:pointer}.restart-button rect{fill:#75f7ff;stroke:#fff;stroke-width:1;filter:url(#hud-glow)}.restart-text{fill:#090611;font-size:22px;font-weight:900;letter-spacing:3px}.toast{position:fixed;z-index:20;left:50%;bottom:1.5rem;max-width:calc(100% - 2rem);padding:.85rem 1rem;border:1px solid rgba(118,247,255,.28);border-radius:.6rem;background:#120c1d;opacity:0;pointer-events:none;transform:translate(-50%,1rem);transition:.18s ease}.toast.visible{opacity:1;transform:translate(-50%)}@keyframes portal-pulse{50%{opacity:.58}}@keyframes particle-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.1)}}@keyframes ghost-fade{0%{opacity:.42}to{opacity:0}}@keyframes screen-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px,4px)}40%{transform:translate(7px,-5px)}60%{transform:translate(-5px,-2px)}80%{transform:translate(4px,5px)}}@keyframes combo-pulse{50%{transform:scale(1.28);filter:drop-shadow(0 0 12px #75f7ff)}}@media(max-width:720px){.gate{grid-template-columns:1fr;align-content:center;gap:2.4rem;width:min(100% - 2rem,440px);padding:2rem 0}.gate-art{top:-6rem;left:40%;width:25rem;opacity:.28}.gate h1{font-size:clamp(4rem,21vw,6rem)}.gate-copy p{margin-top:1.4rem;font-size:.88rem}.game{border:0}}@media(pointer:fine){.mobile-hint{justify-content:center;gap:3rem}.mobile-hint span:first-child:after{content:" / WASD"}.mobile-hint span:last-child:after{content:" / SPACE"}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}