@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&family=IBM+Plex+Mono:wght@500;700&family=IBM+Plex+Sans:wght@400;600;700&display=swap";.move-pad{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:radial-gradient(circle,#ffffff0f 0%,#0000 55%),linear-gradient(#1a3048 0%,#121c28 100%);width:100%;height:100%;position:relative;overflow:hidden}.move-pad.active{cursor:grabbing;background:radial-gradient(circle,#5ec4ff1f 0%,#0000 55%),linear-gradient(#1e3a55 0%,#121c28 100%)}.move-pad.running{background:radial-gradient(circle,#ffb4462e 0%,#0000 55%),linear-gradient(#3a2a18 0%,#1a1510 100%)}.move-pad.running .move-pad-knob{background:#ffb84a}.move-pad.disabled{opacity:.45;pointer-events:none}.move-pad.ghost{cursor:default;background:0 0}.move-pad.ghost.active,.move-pad.ghost.running{cursor:grabbing;background:0 0}.move-pad.ghost .move-pad-base{background:#00000059;border:2px solid #fff6;width:88px;height:88px;margin:-44px 0 0 -44px}.move-pad.ghost .move-pad-knob{width:42px;height:42px;margin:-21px 0 0 -21px}.move-pad.ghost.running .move-pad-knob{background:#ffb84a}.move-pad-label{letter-spacing:.12em;opacity:.35;pointer-events:none;font-size:clamp(28px,8vw,48px);font-weight:800;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.move-pad-hint{opacity:.4;pointer-events:none;font-size:13px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.move-pad-base{pointer-events:none;background:#00000040;border:2px solid #ffffff59;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:absolute}.move-pad-knob{will-change:transform;background:#5ec4ff;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000059}.aim-pad{background:radial-gradient(circle,#ff78641a 0%,#0000 55%),linear-gradient(#48201a 0%,#281412 100%)}.aim-pad.active{background:radial-gradient(circle,#ff8c782e 0%,#0000 55%),linear-gradient(#5a2820 0%,#281412 100%)}.aim-pad.firing{background:radial-gradient(circle,#ff644647 0%,#0000 55%),linear-gradient(#7a3028 0%,#301816 100%)}.aim-pad.empty{background:radial-gradient(circle,#ffffff0d 0%,#0000 55%),linear-gradient(#2a2220 0%,#181414 100%)}.aim-knob{background:#ff7a5c}.aim-base{border-color:#ffb4a066}.controller-page{box-sizing:border-box;color:#eef3f7;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;height:100%;min-height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#0d1218;flex-direction:column;font-family:IBM Plex Sans,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.controller-topbar{z-index:40;pointer-events:auto;touch-action:manipulation;background:#151c26;border-bottom:1px solid #ffffff14;flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex;position:relative}.player-badge{letter-spacing:.06em;border-radius:8px;flex:none;padding:10px 12px;font-size:14px;font-weight:800}.player-badge.p1{color:#e8f4ff;background:#2f6a8a}.player-badge.p2{color:#fff4e8;background:#8a5a3d}.player-chip{letter-spacing:.06em;border-radius:4px;margin-right:8px;padding:4px 8px;font-size:13px;font-weight:800}.player-chip.p1{background:#2f6a8a}.player-chip.p2{background:#8a5a3d}.top-btn{color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;padding:12px 14px;font-size:15px;font-weight:700}.top-btn:disabled{opacity:.4}.top-btn.recenter{background:#c9831a;flex:1}.top-btn.enable{background:#2f6fed;flex:1}.top-btn.stop{background:#6a3d4a;flex:1}.top-btn.leave{background:#8a3030;flex:none}.panel-overlay-actions{align-items:center;gap:8px;display:flex}.panel-overlay-actions .top-btn{padding:10px 12px;font-size:14px}.top-btn.toggle{background:#ffffff1a;flex:none;font-size:13px;font-weight:600}.top-btn.icon-btn{background:#ffffff1a;flex:none;justify-content:center;align-items:center;width:46px;height:46px;margin-left:auto;padding:0;display:inline-flex}.top-btn.icon-btn.open{background:#ffffff38}.mode-toggle{border:1px solid #ffffff2e;border-radius:8px;flex:none;display:flex;overflow:hidden}.mode-btn{color:#ffffffb3;font:inherit;letter-spacing:.04em;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:none;padding:12px 14px;font-size:13px;font-weight:700}.mode-btn.active{color:#fff;background:#2f6fed}.controller-panel{z-index:30;touch-action:pan-y;background:#121820fa;border-bottom:1px solid #ffffff14;flex:none;max-height:min(42vh,360px);padding:10px 12px 12px;position:relative;overflow:auto}.controller-panel-overlay{z-index:35;box-sizing:border-box;width:100%;height:100%;max-height:none;padding:58px 14px calc(16px + env(safe-area-inset-bottom)) 14px;background:#0a0e14f7;border-bottom:none;flex-direction:column;flex:none;display:flex;position:absolute;inset:0;overflow:hidden}.panel-overlay-header{flex:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-top:4px;display:flex}.panel-overlay-header h2{letter-spacing:.04em;margin:0;font-size:20px;font-weight:800}.controller-panel-overlay .status-grid{flex:none}.controller-panel-overlay .panel-actions{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:auto}.join-screen{z-index:15;touch-action:manipulation;background:#0d1218;flex-direction:column;flex:1;justify-content:center;gap:20px;min-height:0;padding:20px 18px 28px;display:flex;overflow:hidden}.join-screen .join-form{gap:12px;width:100%;max-width:420px;margin:0 auto}.join-screen .join-form input{padding:16px 12px;font-size:clamp(24px,8vw,32px)}.join-screen .join-form .btn.primary{width:100%;padding:16px;font-size:18px}.join-status{width:100%;max-width:420px;margin:0 auto}.seat-picker{text-align:center;flex-direction:column;gap:16px;width:100%;max-width:420px;margin:0 auto;display:flex}.seat-picker-title{letter-spacing:.02em;margin:0;font-size:clamp(22px,6vw,28px);font-weight:800}.seat-picker-subtitle{opacity:.75;margin:0;font-size:15px}.seat-picker-buttons{flex-direction:column;gap:12px;display:flex}.seat-picker-btn{letter-spacing:.04em;color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;width:100%;padding:18px 16px;font-size:20px;font-weight:800}.seat-picker-btn:disabled{opacity:.55}.seat-picker-btn.p1{background:#2f6a8a}.seat-picker-btn.p2{background:#8a5a3d}.seat-picker-back{align-self:center;margin-top:4px}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.status-item{background:#ffffff0f;border-left:3px solid #6a7380;padding:6px 8px}.status-item.ok{border-left-color:#3caa68}.status-label{letter-spacing:.08em;text-transform:uppercase;opacity:.65;font-size:10px;display:block}.status-value{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.join-form{flex-direction:column;gap:8px;display:flex}.join-form label{opacity:.8;font-size:13px}.join-form input{letter-spacing:.28em;text-align:center;color:#fff;touch-action:manipulation;background:#0f141b;border:2px solid #4a5a6c;border-radius:8px;padding:12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:28px}.panel-actions{flex-direction:column;gap:10px;display:flex}.panel-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.leave-room-btn{background:#8a3030;flex:1 0 100%;order:-1;width:100%;padding:14px 16px;font-size:16px}.panel-links a,.linkish{color:#9cc7ef;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.btn{color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;padding:14px 16px;font-size:18px;font-weight:700}.btn:disabled{opacity:.45}.btn.primary,.btn.motion{background:#2f6fed}.hint{opacity:.75;margin:0;font-size:12px;line-height:1.4}.join-or{text-align:center;opacity:.55!important;margin:4px 0!important;font-size:12px!important}.sens-label{justify-content:space-between;align-items:baseline;gap:8px;margin-top:10px;font-size:13px;font-weight:600;display:flex}.sens-label span{font-variant-numeric:tabular-nums;opacity:.8}.sens-slider{accent-color:#4cb0e8;width:100%;margin:4px 0 8px}.axis-panel{background:#00000047;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;margin-top:8px;padding:10px;display:flex}.axis-panel-title{letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin:0 0 2px;font-size:12px;font-weight:700}.axis-row{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;display:grid}.axis-row.off{opacity:.45}.axis-toggle{cursor:pointer;flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:8px;font-size:14px;font-weight:600;display:flex}.axis-toggle input{accent-color:#4cb0e8;width:18px;height:18px}.axis-name{min-width:7ch}.axis-hint{opacity:.65;font-size:12px;font-weight:500}.axis-sens{justify-self:end;margin:0;font-size:12px}.axis-row .sens-slider{grid-column:1/-1;margin:0 0 4px}.opt-toggle{border-top:1px solid #ffffff14;margin-top:4px;padding-top:8px}.error{color:#ff8f8f;margin:0;font-size:13px}.debug{background:#00000073;max-height:140px;margin:0;padding:8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;line-height:1.45;overflow:auto}.join-prompt{text-align:center;opacity:.85;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.play-layout{z-index:1;isolation:isolate;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.ammo-bar{background:#101820;border-bottom:1px solid #ffffff14;flex:none;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 14px;display:flex}.ammo-count{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.ammo-count small{opacity:.55;margin-left:2px;font-size:16px;font-weight:600}.ammo-count.empty{color:#ff8f8f}.ammo-hint{opacity:.55;font-size:13px}.shoot-zone{color:#fff;letter-spacing:.1em;touch-action:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#b83333 0%,#8e2424 100%);border:none;border-bottom:2px solid #00000059;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;margin:0;padding:0;font-size:clamp(36px,10vw,56px);font-weight:800;display:flex}.shoot-zone small{letter-spacing:0;opacity:.75;font-size:13px;font-weight:500}.shoot-zone.cooling{background:linear-gradient(#6e2a2a 0%,#4a1c1c 100%)}.shoot-zone.firing{background:linear-gradient(#e04a3a 0%,#b02820 100%);box-shadow:inset 0 0 0 3px #ffdcb459}.shoot-zone.locked,.shoot-zone:disabled{opacity:.55}.shoot-zone:active:not(:disabled){background:linear-gradient(#d64545 0%,#a52e2e 100%)}.shoot-zone.empty{background:linear-gradient(#4a4545 0%,#2e2a2a 100%)}.pad-zone{flex:1;min-height:0}.tilt-action-row{z-index:6;border-top:1px solid #ffffff1f;border-bottom:1px solid #00000059;flex:none;min-height:72px;display:flex}.stop-motion-zone,.set-neutral-zone{letter-spacing:.06em;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;color:#eef6ff;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;padding:12px 10px;font-weight:800;display:flex}.stop-motion-zone{background:linear-gradient(#8a3a3a 0%,#5c2424 100%);border-right:1px solid #00000059;flex:0 0 25%;width:25%;font-size:clamp(14px,3.8vw,18px)}.stop-motion-zone.resuming{background:linear-gradient(#2f7a4a 0%,#1e5534 100%)}.set-neutral-zone{background:linear-gradient(#2a5f8a 0%,#1e4566 100%);flex:75%;width:75%;font-size:clamp(20px,5.5vw,30px)}.stop-motion-zone small,.set-neutral-zone small{letter-spacing:0;opacity:.7;font-size:11px;font-weight:500}.stop-motion-zone:active:not(:disabled){filter:brightness(1.12)}.set-neutral-zone:active:not(:disabled){background:linear-gradient(#3a78a8 0%,#2a5f8a 100%)}.stop-motion-zone:disabled,.set-neutral-zone:disabled{opacity:.5}.motion-gate{z-index:5;touch-action:manipulation;pointer-events:auto;background:#152033;border-bottom:1px solid #ffffff14;flex-direction:column;flex:none;align-items:center;gap:8px;padding:12px 16px;display:flex}.motion-gate .btn{width:min(100%,320px)}.sideways-stage{z-index:1;isolation:isolate;--stage-w:100%;--stage-h:100%;flex:1;min-height:0;position:relative;overflow:hidden}.sideways-content{width:var(--stage-h);height:var(--stage-w);touch-action:none;background:#0d1218;flex-direction:row;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.sideways-move,.sideways-aim{flex:1;min-width:0;min-height:0}.sideways-center{background:#101820;border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;flex-direction:column;flex:0 0 88px;justify-content:center;align-items:stretch;gap:10px;display:flex}.sideways-ammo{text-align:center;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px}.sideways-ammo .player-chip{margin-right:0}.sideways-ammo .ammo-hint{font-size:11px}.sideways-ready{margin:0 8px;padding:10px 8px;font-size:14px}body.controller-lock{touch-action:manipulation;width:100%;position:fixed;inset:0;overflow:hidden}.mobile-game-controls{z-index:5;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.mobile-game-controls.disabled{opacity:.55}.mobile-look-layer{pointer-events:auto;touch-action:none;z-index:0;position:absolute;inset:0}.mobile-move-wrap{z-index:2;pointer-events:auto;width:48%;box-shadow:none;background:0 0;border-radius:0;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.mobile-move-wrap .move-pad{background:0 0;border:none;border-radius:0}.mobile-move-wrap .move-pad.active,.mobile-move-wrap .move-pad.running{background:0 0}.mobile-actions{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:2;pointer-events:auto;grid-template-rows:auto auto;grid-template-columns:auto auto;place-items:end;gap:10px;display:grid;position:absolute}.mobile-action-btn,.mobile-shoot{color:#fff;font:inherit;letter-spacing:.08em;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border:none;margin:0;font-weight:800;box-shadow:0 6px 20px #0006}.mobile-action-btn:disabled,.mobile-shoot:disabled{opacity:.5;pointer-events:none}.mobile-jump{background:#2a5a7a;border-radius:14px;grid-area:1/2;width:min(28vw,108px);height:56px;font-size:14px}.mobile-jump:active{background:#3a7aaa}.mobile-crouch{background:#3a4555;border-radius:16px;grid-area:2/1;width:min(26vw,100px);height:min(26vw,100px);font-size:13px}.mobile-crouch.active,.mobile-crouch:active{background:#5a6a80;box-shadow:inset 0 0 0 3px #ffffff47}.mobile-shoot{background:#b83333;border-radius:50%;flex-direction:column;grid-area:2/2;justify-content:center;align-items:center;gap:4px;width:min(34vw,132px);height:min(34vw,132px);font-size:clamp(16px,4.5vw,22px);display:flex}.mobile-shoot small{letter-spacing:0;opacity:.8;font-size:11px;font-weight:600}.mobile-shoot.firing{background:#e04a3a;box-shadow:inset 0 0 0 3px #ffdcb459,0 6px 20px #0006}.mobile-shoot.empty{background:#4a4545}.mobile-shoot:active:not(.empty){background:#d64545}@media (orientation:landscape) and (height<=480px){.mobile-move-wrap{width:42%}.mobile-actions{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));gap:8px}.mobile-shoot{width:min(26vh,100px);height:min(26vh,100px)}.mobile-crouch{width:min(20vh,76px);height:min(20vh,76px)}.mobile-jump{width:min(22vh,88px);height:42px;font-size:12px}}.game-page{color:#f2f5f8;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#1a222c;width:100%;height:100dvh;max-height:100dvh;font-family:IBM Plex Sans,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.game-page input,.game-page textarea,.game-page [contenteditable=true]{-webkit-user-select:text;user-select:text}.game-canvas{position:absolute;inset:0}.game-canvas>div{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.game-canvas canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block;width:100%!important;height:100%!important}.player-badge{z-index:5;letter-spacing:.04em;color:#f2f5f0;text-shadow:0 2px 12px #000000a6;pointer-events:none;opacity:.92;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:800;position:absolute;top:4.5rem;left:50%;transform:translate(-50%)}.split-divider{z-index:5;pointer-events:none;background:#ffffff59;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 12px #00000059}.crosshair{pointer-events:none;z-index:5;border:2px solid #ffffffd9;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;box-shadow:0 0 0 1px #00000059}.crosshair.left{left:25%}.crosshair.right{left:75%}.crosshair.solo{left:50%}.crosshair.third{top:48%}.score-health{opacity:.9;margin-top:2px;font-size:12px}.player-score.solo-hud{left:18px;right:auto}.game-page.touch-play .player-score.solo-hud{top:4.5rem;bottom:auto;left:18px}.game-page.touch-play .calibrate-banner{font-size:16px;top:18%}@media (orientation:landscape) and (height<=500px){.game-page.touch-play .game-hud{background:linear-gradient(#0c12188c,#0000);gap:6px 10px;padding:4px 10px}.game-page.touch-play .hud-block{flex-direction:row;align-items:baseline;gap:4px}.game-page.touch-play .hud-label{font-size:9px}.game-page.touch-play .hud-code{font-size:14px}.game-page.touch-play .hud-pill,.game-page.touch-play .hud-view-btn,.game-page.touch-play .hud-link{padding:2px 6px;font-size:11px}.game-page.touch-play .player-badge{display:none}.game-page.touch-play .player-score.solo-hud{padding:6px 10px;top:2.25rem}.game-page.touch-play .score-value{font-size:22px}.game-page.touch-play .game-help{display:none}}.game-error{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.game-error a{color:#cfe8ff}.lobby-shell{z-index:7;pointer-events:none;position:absolute;top:72px;right:18px}.lobby-shell>*{pointer-events:auto}.lobby-panel{background:#0a0e14c7;border:1px solid #ffffff29;width:min(380px,52vw);max-height:calc(100dvh - 120px);padding:14px 16px;overflow-y:auto}.lobby-shell-mobile{right:max(12px, env(safe-area-inset-right));top:max(56px, calc(env(safe-area-inset-top) + 48px));flex-direction:column;align-items:flex-end;gap:8px;max-width:min(360px,100vw - 24px);display:flex}.lobby-dock{pointer-events:auto;align-items:stretch;gap:8px;display:flex}.lobby-dock-start{color:#fff;min-height:48px;font:inherit;letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:#1f6b4a;border:none;border-radius:12px;margin:0;padding:0 18px;font-size:15px;font-weight:800;box-shadow:0 6px 18px #00000059}.lobby-dock-start:disabled{opacity:.45;cursor:not-allowed}.lobby-dock-start:not(:disabled):active{background:#25855c}.lobby-dock-waiting{opacity:.85;background:#0a0e14c7;border:1px solid #ffffff29;border-radius:12px;align-items:center;min-height:48px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.lobby-dock-players{color:#e8eef4;cursor:pointer;background:#0a0e14e0;border:1px solid #fff3;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;padding:0;display:grid;position:relative;box-shadow:0 6px 18px #00000059}.lobby-dock-players.active{background:#284664f2;border-color:#78b4e673}.lobby-dock-icon{opacity:.92;display:block}.lobby-dock-count{color:#0a1018;background:#4cb0e8;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.lobby-panel.lobby-panel-sheet{background:#0a0e14f0;border-radius:12px;width:min(360px,100vw - 24px);max-height:min(62vh,100dvh - 140px);box-shadow:0 12px 36px #00000073}.lobby-panel.lobby-panel-sheet.hidden,.lobby-panel.lobby-panel-sheet[hidden]{display:none}@media (orientation:landscape) and (height<=500px){.lobby-shell-mobile{top:max(36px, calc(env(safe-area-inset-top) + 28px))}.lobby-dock-start,.lobby-dock-waiting,.lobby-dock-players{height:40px;min-height:40px}.lobby-dock-players{width:40px}.lobby-dock-start{padding:0 14px;font-size:13px}.lobby-panel.lobby-panel-sheet{max-height:min(70vh,100dvh - 96px)}}.lobby-panel h2{margin:0 0 6px;font-family:Fraunces,Times New Roman,serif;font-size:16px}.lobby-panel p{opacity:.85;margin:0 0 10px;font-size:13px;line-height:1.4}.lobby-slots{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.lobby-slot{background:#ffffff0f;border:1px solid #ffffff1a;grid-template-columns:36px minmax(48px,1fr) auto;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:grid}.lobby-invite{border-top:1px solid #ffffff14;grid-column:1/-1;align-items:center;gap:12px;margin-top:4px;padding-top:8px;display:flex}.lobby-invite-code{flex-direction:column;gap:2px;display:flex}.lobby-invite-label{opacity:.65;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.lobby-invite-code strong{letter-spacing:.12em;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:22px}.invite-qr{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.invite-qr img{background:#fff;border-radius:6px;display:block}.invite-qr figcaption{opacity:.75;font-size:11px}.invite-qr-fallback{opacity:.7;background:#ffffff14;border-radius:6px;place-items:center;font-size:12px;display:grid}.lobby-slot.closed,.lobby-slot.empty{opacity:.55}.lobby-slot.host,.lobby-slot.local,.lobby-slot.online,.lobby-slot.bot{border-color:#4cb0e859}.lobby-slot.open{opacity:.7;border-color:#e8c44c4d}.lobby-slot-id{letter-spacing:.04em;font-weight:700}.lobby-slot-controls{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.lobby-slot-btn{color:#e8eef4;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:600}.lobby-slot-btn.active{background:#1f6b4a;border-color:#26855c}.lobby-slot-btn:disabled{opacity:.4;cursor:not-allowed}.lobby-ready{color:#7dcea0;text-transform:uppercase;font-size:11px}.lobby-wait{color:#e8c44c;text-transform:uppercase;font-size:11px}.lobby-actions{flex-direction:column;gap:8px;display:flex}.lobby-btn{color:#fff;font:inherit;cursor:pointer;background:#1f6b4a;border:none;border-radius:6px;padding:10px 12px;font-size:13px;font-weight:600}.lobby-btn-start{background:#1a5f8a;padding:12px;font-size:14px}.lobby-btn-start:hover{background:#2174a8}.lobby-btn:hover:not(.lobby-btn-start){background:#26855c}.lobby-hint{opacity:.75;margin:0;font-size:12px;line-height:1.35}.results-panel{text-align:center;z-index:10;background:#0a0e14eb;border:1px solid #fff3;flex-direction:column;gap:12px;width:min(720px,94vw);max-height:min(88vh,900px);padding:22px 24px 20px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.results-panel h2{margin:0;font-family:Fraunces,Times New Roman,serif;font-size:clamp(22px,4vw,28px)}.results-sub{opacity:.8;margin:0;font-size:14px}.results-tables{text-align:left;flex-direction:column;flex:1;gap:14px;min-height:0;display:flex;overflow:auto}.results-table{border-collapse:collapse;width:100%;font-size:13px}.results-table caption{caption-side:top;text-align:left;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin-bottom:6px;font-size:11px}.results-table th,.results-table td{border-bottom:1px solid #ffffff1a;padding:7px 10px}.results-table th{opacity:.7;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.results-table tbody tr:last-child td{border-bottom:none}.results-table tr.winner td{background:#4cb0e824}.results-table tr.headshot td{color:#ffc9a0}.results-time{font-variant-numeric:tabular-nums;opacity:.9;font-family:IBM Plex Mono,ui-monospace,monospace}.results-empty{text-align:center;opacity:.55;font-style:italic}.results-elims{max-height:240px;display:block;overflow:auto}.results-elims thead,.results-elims tbody,.results-elims tr{table-layout:fixed;width:100%;display:table}.results-panel .lobby-btn{align-self:center;margin-top:4px}.results-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:4px;display:flex}.results-actions .lobby-btn{min-width:140px;margin-top:0}.results-waiting{opacity:.75;margin:0;font-size:13px}.crosshair:before,.crosshair:after{content:"";background:#ffffffd9;position:absolute}.crosshair:before{width:2px;height:30px;margin-left:-1px;top:-6px;left:50%}.crosshair:after{width:30px;height:2px;margin-top:-1px;top:50%;left:-6px}.player-score{z-index:6;pointer-events:none;background:#0a0e148c;border:1px solid #ffffff29;flex-direction:column;gap:2px;min-width:88px;padding:10px 14px;display:flex;position:absolute;bottom:48px}.player-score.left{border-color:#4cb0e873;left:18px}.player-score.right{text-align:right;border-color:#e89a4c73;right:18px}.kill-board{z-index:6;pointer-events:none;background:#0a0e149e;border:1px solid #ffffff29;flex-direction:column;gap:6px;min-width:120px;padding:10px 12px;display:flex;position:absolute;top:72px;right:18px}.kill-board-title{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:11px}.kill-board-row{justify-content:space-between;gap:16px;font-size:13px;display:flex}.kill-board-row.dead{opacity:.45}.kill-board-name{opacity:.9}.kill-board-meta{align-items:baseline;gap:10px;display:flex}.kill-board-hp{opacity:.75;text-align:right;min-width:3.2em;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.kill-board-kills{font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:700}.damage-vignette{z-index:7;pointer-events:none;background:radial-gradient(#0000 35%,#7800008c 100%),linear-gradient(#a0141440,#0000 40% 60%,#780a0a4d);animation:.28s ease-out forwards damage-flash;position:absolute;inset:0}@keyframes damage-flash{0%{opacity:1}to{opacity:0}}.hit-marker{z-index:8;pointer-events:none;width:14px;height:14px;margin:-7px 0 0 -7px;animation:.18s ease-out forwards hit-marker-pop;position:absolute;top:50%;left:50%}.hit-marker:before,.hit-marker:after{content:"";background:#f2f2f0;position:absolute;box-shadow:0 0 4px #000000b3}.hit-marker:before{width:2px;height:100%;margin-left:-1px;top:0;left:50%}.hit-marker:after{width:100%;height:2px;margin-top:-1px;top:50%;left:0}@keyframes hit-marker-pop{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}.combat-log{z-index:8;pointer-events:none;flex-direction:column;gap:4px;max-width:min(220px,38vw);display:flex;position:absolute;inset:220px 18px auto auto}.combat-log-row{background:#080c12b8;border:1px solid #ffffff1a;align-items:baseline;gap:6px;padding:4px 8px;font-size:12px;animation:.25s ease-out combat-in;display:flex}.combat-killer{color:#9fd4ff;font-weight:700}.combat-verb{opacity:.65;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.combat-victim{color:#ffb4a8;font-weight:700}@keyframes combat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.death-overlay{z-index:9;text-align:center;pointer-events:none;text-shadow:0 2px 16px #000000b3;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.death-title{letter-spacing:.08em;text-transform:uppercase;opacity:.9;font-size:clamp(1.4rem,4vw,2rem);font-weight:800}.death-countdown{font-variant-numeric:tabular-nums;margin:6px 0;font-size:clamp(3rem,10vw,5rem);font-weight:800;line-height:1}.death-hint{opacity:.75;font-size:14px}.match-countdown-overlay{z-index:10;pointer-events:none;text-shadow:0 4px 28px #000000bf;background:radial-gradient(#080c1259,#0000 65%);place-content:center;display:grid;position:absolute;inset:0}.match-countdown-num{font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center;font-size:clamp(4.5rem,18vw,9rem);font-weight:800;line-height:.9;animation:.35s ease-out match-count-pop}.match-countdown-num.go{letter-spacing:.12em;color:#ffe08a}.match-countdown-hint{text-align:center;letter-spacing:.22em;text-transform:uppercase;opacity:.8;margin-top:10px;font-size:clamp(.85rem,2.2vw,1.1rem)}@keyframes match-count-pop{0%{opacity:.35;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.crosshair.hidden{opacity:0}.score-label{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:11px}.score-value{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:32px;font-weight:700;line-height:1}.score-ammo{opacity:.85;margin-top:2px;font-size:13px}.game-hud{z-index:6;pointer-events:none;background:linear-gradient(#0c1218b8,#0000);flex-wrap:wrap;align-items:center;gap:12px 18px;padding:14px 18px;display:flex;position:absolute;top:0;left:0;right:0}.hud-block{flex-direction:column;gap:2px;display:flex}.hud-label{letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:11px}.hud-code{letter-spacing:.18em;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:28px;font-weight:700}.hud-pill{text-transform:uppercase;letter-spacing:.04em;background:#ffffff1f;border-radius:4px;padding:2px 8px;font-size:13px;display:inline-block}.hud-pill.ok,.hud-pill.connected{background:#2f7d4a}.hud-pill.wait,.hud-pill.connecting{background:#8a6a20}.hud-pill.disconnected{background:#8a3030}.hud-link{pointer-events:auto;color:#cfe8ff;margin-left:auto;font-size:13px}.hud-view-btn{pointer-events:auto;color:#fff;font:inherit;cursor:pointer;text-transform:none;letter-spacing:0;background:#ffffff1f;border:1px solid #ffffff59;border-radius:4px;padding:4px 10px;font-size:13px}.hud-view-btn:hover{background:#ffffff38}.hud-view-btn.active{background:#4cb0e859;border-color:#4cb0e88c}.hud-view-btn.warn{background:#e88c4c59;border-color:#e88c4c8c}.phone-qr-panel{z-index:12;pointer-events:auto;background:#060a108c;place-items:center;display:grid;position:absolute;inset:0}.phone-qr-panel-inner{text-align:center;background:#0a0e14eb;border:1px solid #ffffff2e;flex-direction:column;align-items:center;gap:10px;width:min(320px,92vw);padding:18px 20px;display:flex}.phone-qr-panel-inner h2{margin:0;font-family:Fraunces,Times New Roman,serif;font-size:17px}.phone-qr-panel-inner p{opacity:.85;margin:0;font-size:13px;line-height:1.4}.calibrate-banner{text-align:center;z-index:6;pointer-events:none;background:#0a0e14c7;border:1px solid #ffffff2e;max-width:min(560px,90vw);padding:16px 20px;font-size:18px;line-height:1.4;position:absolute;top:22%;left:50%;transform:translate(-50%)}.calibrate-hint{opacity:.75;margin-top:10px;font-size:13px}.client-hint{z-index:6;pointer-events:none;white-space:nowrap;background:#0a0e14b3;border:1px solid #ffffff24;padding:8px 14px;font-size:13px;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.game-help{opacity:.8;z-index:6;pointer-events:none;background:linear-gradient(#0000,#0c1218a6);padding:10px 16px 14px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.home-page{text-align:center;color:#1c2430;background:linear-gradient(160deg,#d7e6f2,#f3efe6 55%,#e4d7c3);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100%;padding:24px;font-family:IBM Plex Sans,Segoe UI,sans-serif;display:flex}.home-page h1{letter-spacing:-.02em;margin:0;font-family:Fraunces,Times New Roman,serif;font-size:clamp(42px,8vw,72px);font-weight:700}.home-page p{opacity:.85;max-width:420px;margin:0 0 12px;line-height:1.45}.home-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.home-btn{color:#fff;font-weight:600;font:inherit;cursor:pointer;border:none;border-radius:8px;padding:14px 22px;text-decoration:none;display:inline-block}.home-btn.game{background:#1f6b4a}.home-btn.controller{background:#2f6fed}.home-btn.join{background:#8a4a20}.home-btn:disabled{opacity:.45;cursor:not-allowed}.home-join{flex-direction:column;align-items:center;gap:8px;margin-top:12px;display:flex}.home-join-label{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:12px}.home-join-row{gap:8px;display:flex}.home-join-input{letter-spacing:.2em;text-align:center;color:#1c2430;background:#ffffffbf;border:1px solid #8a7a68;border-radius:8px;width:7ch;padding:12px 14px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:20px;font-weight:700}*,:before,:after{box-sizing:border-box}html,body,#root{touch-action:manipulation;overscroll-behavior:none;width:100%;height:100dvh;max-height:100dvh;margin:0;overflow:hidden}body{color:#eef3f7;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:#10161d;font-family:IBM Plex Sans,Segoe UI,sans-serif}a{color:inherit}