:root{font-family:Aptos,Segoe UI,sans-serif;color:#edf5f7;background:#0b111b;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark;--surface: #0b111b;--surface-2: #111d29;--surface-3: #192838;--line: #2b3d4e;--muted: #9aabb6;--text: #edf5f7;--yellow: #f6c945;--teal: #54c9bd;--danger: #e95e52;--radius: 14px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--surface)}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 88% 8%,rgba(84,201,189,.07),transparent 30rem),var(--surface)}button,input{font:inherit}button{border:0;border-radius:var(--radius);cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s ease,border-color .18s ease}button:active:not(:disabled){transform:translateY(1px) scale(.985)}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline:3px solid rgba(246,201,69,.65);outline-offset:3px}.lobby-shell,.waiting-shell{min-height:100dvh;padding:0 clamp(20px,5vw,76px)}.site-nav{width:min(100%,1440px);height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:15px;font-weight:900;letter-spacing:.16em}.brand svg{width:28px;height:28px;color:var(--yellow)}.connection-state{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:700}.connection-state span{width:9px;height:9px;border:2px solid var(--muted);border-radius:50%}.connection-state.is-online span{border-color:var(--teal);background:var(--teal)}.lobby-grid{width:min(100%,1440px);min-height:calc(100dvh - 72px);margin:0 auto;display:grid;grid-template-columns:minmax(420px,.94fr) minmax(520px,1.06fr);align-items:center;gap:clamp(48px,7vw,110px);padding:48px 0 58px}.hero-copy{max-width:620px;padding-bottom:2vh}.eyebrow{margin:0 0 20px;color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.18em}.hero-copy h1{margin:0;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:clamp(56px,6vw,92px);line-height:.93;letter-spacing:-.065em;text-wrap:balance}.hero-lead{max-width:580px;margin:28px 0 32px;color:#bdcad1;font-size:clamp(16px,1.35vw,20px);line-height:1.55}.room-form{max-width:560px}.room-form>label{display:block;margin-bottom:9px;color:#c8d4da;font-size:13px;font-weight:800}.room-form input{width:100%;min-height:52px;padding:0 16px;border:1px solid #3b4f61;border-radius:var(--radius);color:var(--text);background:var(--surface-2)}.room-form input::placeholder{color:#7e919d}.room-form>input{margin-bottom:12px}.room-actions{display:grid;grid-template-columns:.82fr 1.18fr;gap:12px}.primary-button{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#17202a;background:var(--yellow);font-weight:900;white-space:nowrap}.primary-button:hover:not(:disabled){background:#ffdb67}.primary-button svg,.text-button svg,.join-row button svg,.finish-actions button svg{width:20px;height:20px}.join-row{display:grid;grid-template-columns:minmax(115px,1fr) auto;gap:8px}.join-row input{letter-spacing:.12em;font-weight:900}.join-row button{min-width:86px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #4a6172;color:var(--text);background:var(--surface-3);font-weight:850}.join-row button:hover:not(:disabled){border-color:var(--teal)}.form-error{margin:12px 0 0;color:#ff8f83;font-size:14px;font-weight:700}.scene-column{min-width:0}.lobby-scene{position:relative;min-height:clamp(400px,58vh,590px);overflow:hidden;border:1px solid #33495a;border-radius:var(--radius);background:#101b27;box-shadow:0 32px 80px #040b126b;isolation:isolate}.scene-moon{position:absolute;top:12%;right:13%;width:130px;aspect-ratio:1;border-radius:50%;background:#dce8e9;opacity:.8}.scene-cliff{position:absolute;inset:auto auto 25% 0;width:52%;height:29%;background:#1a2a38;clip-path:polygon(0 54%,28% 18%,48% 57%,72% 0,100% 61%,100% 100%,0 100%)}.scene-cliff-two{right:-5%;left:auto;width:62%;height:35%;background:#203444;transform:scaleX(-1)}.scene-floor{position:absolute;inset:auto 0 0;height:25%;border-top:7px solid #405d70;background:#26394a}.scene-player{position:absolute;z-index:3;bottom:calc(25% + 7px);width:38px;height:56px;border-radius:11px 11px 7px 7px;animation:scene-bob 1.2s ease-in-out infinite alternate}.scene-player:before,.scene-player:after{content:"";position:absolute;bottom:-9px;width:10px;height:16px;border-radius:4px;background:inherit}.scene-player:before{left:5px}.scene-player:after{right:5px}.scene-player span{position:absolute;top:14px;right:8px;width:6px;height:8px;border-radius:2px;background:var(--surface)}.scene-player-one{left:21%;background:var(--yellow)}.scene-player-two{left:39%;background:var(--teal);animation-delay:.26s}.scene-tether{position:absolute;z-index:2;left:calc(21% + 19px);bottom:calc(25% + 37px);width:18%;height:2px;background:#54c9bda6;transform:rotate(3deg);transform-origin:left}.scene-gate{position:absolute;z-index:2;right:20%;bottom:25%;width:68px;height:190px;border:12px solid #435a6c;border-bottom:0}.scene-gate i{display:block;width:100%;height:17px;margin-top:18px;background:#c9554d}.lobby-scene>p{position:absolute;z-index:4;left:26px;top:22px;margin:0;max-width:220px;color:#dce8e9;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:20px;font-weight:800}.mechanic-notes{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:1px;background:var(--line)}.mechanic-notes p{margin:0;padding:20px 2px 0 0;display:grid;gap:5px;background:var(--surface)}.mechanic-notes strong{color:var(--text);font-size:14px}.mechanic-notes span{color:var(--muted);font-size:13px;line-height:1.45}@keyframes scene-bob{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.text-button{padding:10px 2px;display:inline-flex;align-items:center;gap:8px;color:#b8c7ce;background:transparent;font-weight:750}.text-button:hover{color:var(--text)}.waiting-shell{display:flex;flex-direction:column}.waiting-panel{width:min(100%,980px);margin:auto;padding:56px 0 72px}.room-code-block{margin-bottom:50px;text-align:center}.room-code-block p{margin:0 0 12px;color:var(--muted);font-weight:700}.room-code-block button{padding:14px 22px;display:inline-flex;align-items:center;gap:16px;border:1px solid #42586a;color:var(--text);background:var(--surface-2)}.room-code-block strong{font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:clamp(35px,6vw,64px);letter-spacing:.15em}.room-code-block svg{width:26px;height:26px;color:var(--yellow)}.player-slots{display:grid;grid-template-columns:1fr 1fr;gap:16px}.player-slot{min-height:128px;padding:24px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;border:1px dashed #3f5364;border-radius:var(--radius);color:var(--muted);background:#111d2980}.player-slot.is-filled{border-style:solid;color:var(--text);background:var(--surface-2)}.player-avatar{width:62px;aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius);color:#16202a;background:#667784;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:26px;font-weight:900}.slot-1.is-filled .player-avatar{background:var(--yellow)}.slot-2.is-filled .player-avatar{background:var(--teal)}.player-slot small{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.15em}.player-slot strong{display:block;font-size:20px}.ready-label{grid-column:1 / -1;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:750}.is-filled .ready-label{color:var(--teal)}.waiting-actions{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.waiting-actions p{margin:0;color:var(--muted)}.game-shell{width:100%;min-height:100dvh;display:flex;flex-direction:column;padding:14px clamp(12px,2vw,28px) 10px;background:#080e16}.game-header,.game-footer{width:min(100%,1560px);margin:0 auto;display:grid;align-items:center}.game-header{min-height:64px;grid-template-columns:.72fr 1.7fr .72fr;gap:20px;padding:0 4px 12px}.game-room{display:flex;align-items:center;gap:9px}.game-room svg{width:24px;height:24px;color:var(--yellow)}.game-room span,.game-objective small{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.13em}.game-room strong{color:var(--text);font-size:14px;letter-spacing:.11em}.game-objective{display:flex;align-items:baseline;justify-content:center;gap:12px;text-align:center}.game-objective strong{font-size:14px}.game-stats{display:flex;justify-content:flex-end;gap:18px;color:#c4d0d5;font-size:13px;font-weight:800}.game-stage{position:relative;width:min(100%,1560px);margin:auto}.game-canvas-wrap{position:relative;overflow:hidden;border:1px solid #314657;border-radius:var(--radius);background:var(--surface);box-shadow:0 24px 80px #02080d80}.game-canvas-wrap canvas{display:block;width:100%;aspect-ratio:16 / 9;max-height:calc(100dvh - 156px);object-fit:contain}.touch-controls{position:absolute;inset:auto 14px 14px;display:none;justify-content:space-between;pointer-events:none}.touch-cluster{display:flex;gap:10px;pointer-events:auto}.touch-controls button{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(237,245,247,.32);color:var(--text);background:#0b111bc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none}.touch-controls svg{width:25px;height:25px}.touch-actions button:last-child{color:#17202a;background:#f6c945e6}.rescue-callout{position:absolute;top:18px;left:50%;width:min(340px,calc(100% - 36px));padding:14px 16px;transform:translate(-50%);border:1px solid rgba(233,94,82,.56);border-radius:var(--radius);background:#111d29eb;text-align:center}.rescue-callout strong,.rescue-callout span{display:block}.rescue-callout strong{color:#ff958a}.rescue-callout span{margin-top:4px;color:#c8d4da;font-size:13px}.charge-track{height:4px;margin-top:11px;overflow:hidden;border-radius:4px;background:#304151}.charge-track span{display:block;width:100%;height:100%;transform-origin:left;background:var(--yellow);transition:transform 80ms linear}.finish-overlay{position:absolute;inset:0;display:grid;place-items:center;border-radius:var(--radius);background:#050a10d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.finish-overlay>div{width:min(520px,calc(100% - 32px));text-align:center}.finish-overlay>div>svg{width:52px;height:52px;color:var(--yellow)}.finish-overlay p{margin:16px 0 8px;color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.16em}.finish-overlay h2{margin:0;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.04em}.finish-overlay>div>span{display:block;margin-top:16px;color:#b8c7ce}.finish-actions{margin-top:26px;display:flex;justify-content:center;gap:10px}.finish-actions button{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #486071;color:var(--text);background:var(--surface-3);font-weight:850}.finish-actions .primary-button{border-color:var(--yellow);color:#17202a;background:var(--yellow)}.game-footer{min-height:50px;grid-template-columns:.7fr 1.6fr .7fr;gap:20px;padding-top:10px}.player-legend{display:flex;gap:14px;font-size:12px;font-weight:850}.player-legend span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:7px;border-radius:3px;background:var(--yellow)}.player-legend .legend-2:before{background:var(--teal)}.game-footer>p{margin:0;color:var(--muted);font-size:12px;text-align:center}kbd{min-width:23px;margin:0 2px;padding:3px 6px;display:inline-block;border:1px solid #435667;border-bottom-width:3px;border-radius:6px;color:#dce6ea;background:#192634;font:700 11px Consolas,monospace}.game-footer .text-button{justify-self:end;font-size:12px}@media(max-width:1050px){.lobby-grid{grid-template-columns:1fr 1fr;gap:42px}.room-actions{grid-template-columns:1fr}.game-objective,.game-objective small,.game-objective strong{display:block}}@media(max-width:767px){.lobby-shell,.waiting-shell{padding:0 16px}.site-nav{height:64px}.connection-state{font-size:0}.lobby-grid{min-height:auto;grid-template-columns:1fr;gap:38px;padding:42px 0 54px}.hero-copy{width:100%;padding:0}.hero-copy h1{font-size:clamp(48px,15vw,70px)}.hero-lead{margin:22px 0 26px}.room-actions,.join-row{width:100%}.lobby-scene{min-height:390px}.mechanic-notes,.player-slots{grid-template-columns:1fr}.waiting-panel{padding:42px 0 54px}.room-code-block{margin-bottom:34px}.player-slot{min-height:110px}.waiting-actions{align-items:stretch;flex-direction:column;text-align:center}.game-shell{padding:8px}.game-header{min-height:62px;grid-template-columns:auto 1fr;gap:10px;padding:0 3px 8px}.game-room span,.game-stats span:last-child{display:none}.game-objective{text-align:right}.game-objective strong{margin-top:2px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.game-stats{display:none}.game-canvas-wrap canvas{min-height:56dvh;max-height:calc(100dvh - 86px);object-fit:cover}.touch-controls{display:flex}.game-footer{display:none}.finish-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}