.menus-root{pointer-events:none;color:#fff;z-index:20;font:15px/1.4 system-ui,sans-serif;position:absolute;inset:0}.menus-root[hidden]{display:none}.menu-root{pointer-events:auto;background:radial-gradient(circle at 50% 30%,#2a3240,#0b0e13 70%);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.menu-root.overlay{background:#080a0ed1}.menu-panel{background:#12161ef0;border-radius:12px;width:min(560px,100%);padding:22px 24px;box-shadow:0 12px 40px #00000073}.menu-panel h2{margin:0 0 14px;font-size:22px}.menu-title{letter-spacing:.08em;text-align:center;margin:0;font-size:54px}.menu-tagline{text-align:center;color:#c2c9d3;margin:4px 0 20px}.menu-stack{flex-direction:column;gap:10px;display:flex}.menu-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.menu-button{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#273041;border:1px solid #4b5566;border-radius:8px;padding:8px 18px;font-weight:600}.menu-button:hover:not(:disabled){background:#323d52}.menu-button.primary{background:#2f66c4;border-color:#3d7be0}.menu-button.primary:hover:not(:disabled){background:#3a74d6}.menu-button.secondary{background:0 0}.menu-button:disabled{opacity:.55;cursor:default}.menu-button:focus-visible,.map-card:focus-visible,.key-button:focus-visible,.choice:focus-visible,.settings-tab:focus-visible{outline-offset:2px;outline:2px solid #9cc4ff}.menu-hint{color:#c2c9d3;margin:10px 0 0;font-size:14px}.menu-error{color:#ffb4ab;margin:10px 0 0;font-weight:600}.menu-busy{color:#9cc4ff;margin:10px 0 0}.map-list{gap:8px;display:grid}.map-card{color:#fff;font:inherit;text-align:left;cursor:pointer;background:#1f2633;border:1px solid #3a4352;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.map-card.selected{background:#24324a;border-color:#6aa5ff}.map-name{font-weight:700}.map-detail{color:#c2c9d3;font-size:14px}.join-field{flex-direction:column;gap:6px;display:flex}.join-field input{color:#fff;letter-spacing:.2em;text-transform:uppercase;background:#0f131a;border:1px solid #4b5566;border-radius:8px;padding:10px 12px;font:700 22px/1.2 ui-monospace,monospace}.settings-tabs{border-bottom:1px solid #3a4352;gap:4px;margin-bottom:12px;display:flex}.settings-tab{color:#c2c9d3;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px}.settings-tab.selected{color:#fff;border-bottom-color:#6aa5ff;font-weight:700}.settings-body{max-height:min(60vh,520px);overflow-y:auto}.settings-row{grid-template-columns:minmax(120px,1fr) minmax(0,2fr) auto;align-items:center;gap:12px;min-height:38px;display:grid}.settings-row input[type=range]{width:100%}.settings-row input[type=checkbox]{justify-self:start;width:18px;height:18px}.settings-value{color:#c2c9d3;text-align:right;font-variant-numeric:tabular-nums;min-width:4ch}.settings-choices{flex-wrap:wrap;gap:6px;display:flex}.choice{color:#fff;font:inherit;cursor:pointer;background:#1f2633;border:1px solid #4b5566;border-radius:6px;padding:6px 12px}.choice.selected{background:#2f66c4;border-color:#6aa5ff}.keys-table{border-collapse:collapse;width:100%}.keys-table th{text-align:left;padding:4px 0;font-weight:500}.keys-table td{text-align:right}.key-button{color:#fff;min-width:130px;font:inherit;cursor:pointer;background:#1f2633;border:1px solid #4b5566;border-radius:6px;padding:5px 10px}.key-button.listening{color:#ffd27f;border-color:#ffd27f}.lobby-panel{text-align:center;pointer-events:auto;background:#0a0c10d1;border-radius:10px;width:min(460px,100% - 32px);padding:14px 18px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.lobby-title{font-size:18px;font-weight:700}.lobby-map{color:#c2c9d3}.lobby-code{letter-spacing:.25em;margin:8px 0;font:800 34px/1 ui-monospace,monospace}.lobby-link{gap:8px;display:flex}.lobby-link input{color:#fff;background:#0f131a;border:1px solid #4b5566;border-radius:6px;flex:1;min-width:0;padding:6px 8px;font:13px ui-monospace,monospace}.scoreboard{background:#0a0c10db;border-radius:10px;width:min(640px,100% - 32px);padding:14px 18px;position:absolute;top:80px;left:50%;transform:translate(-50%)}.match-end .scoreboard{width:100%;margin:12px 0;position:static;transform:none}.scoreboard-head{color:#c2c9d3;margin-bottom:8px}.scoreboard table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.scoreboard th,.scoreboard td{text-align:right;padding:6px 8px}.scoreboard th:first-child{text-align:left}.scoreboard thead th{color:#c2c9d3;border-bottom:1px solid #3a4352;font-weight:500}.scoreboard tr.you th{color:#7fb7ff}.scoreboard tr.them th{color:#ff8a80}.scoreboard-rounds{color:#d6dbe2;margin:10px 0 0;padding-left:20px;font-size:14px}.match-end{pointer-events:auto;background:#080a0eb3;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.match-end>*{width:min(640px,100%)}.match-end-title{text-align:center;font-size:40px;font-weight:800}.match-end-title.win{color:#8fe3a4}.match-end-title.loss{color:#ff8a80}@media (width<=480px){.settings-row{grid-template-columns:1fr auto}.settings-row input[type=range]{grid-area:2/1/auto/-1}.menu-title{font-size:40px}}.play-overlay .play-overlay__settings{z-index:11;position:absolute;bottom:16px;left:16px}.loading-screen{z-index:25}.loading-bar{background:#273041;border-radius:4px;height:8px;overflow:hidden}.loading-bar__fill{background:#3d7be0;height:100%;transition:width .12s linear}.loading-groups{margin:14px 0 0;padding:0;list-style:none}.loading-group{color:#b8c2d0;justify-content:space-between;padding:3px 0;display:flex}.loading-group.done{color:#fff}.loading-group.failed .loading-group__detail{color:#ffb4ab}.loading-group__detail{font-variant-numeric:tabular-nums}.loading-actions{gap:10px;margin-top:12px;display:flex}.touch-controls{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.touch-controls[hidden]{display:none}.touch-stick{left:calc(14% + var(--safe-left));opacity:.4;pointer-events:none;background:#0000002e;border:2px solid #fff6;border-radius:50%;width:112px;height:112px;position:absolute;top:68%;transform:translate(-50%,-50%)}.touch-stick.active{opacity:.85}.touch-stick.sprint{border-color:#ffc14d}.touch-knob{background:#ffffff8c;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.touch-btn{color:#fff;letter-spacing:.02em;background:#00000059;border:2px solid #ffffff73;border-radius:50%;place-items:center;width:56px;height:56px;font:600 12px/1 system-ui,sans-serif;display:grid;position:absolute}.touch-btn[hidden]{display:none}.touch-btn.pressed{background:#ffffff59}.touch-btn.on{background:#ffc14d59;border-color:#ffc14d}.touch-fire{right:calc(28px + var(--safe-right));border-color:#ff7864b3;width:84px;height:84px;font-size:14px;bottom:118px}.touch-fire-left{left:calc(28px + var(--safe-left));border-color:#ff7864b3;width:64px;height:64px;top:26%}.touch-aim{right:calc(126px + var(--safe-right));width:60px;height:60px;bottom:146px}.touch-use{right:calc(132px + var(--safe-right));border-color:#ffc14d;width:60px;height:60px;bottom:222px}.touch-jump{right:calc(28px + var(--safe-right));width:64px;height:64px;bottom:28px}.touch-crouch{right:calc(108px + var(--safe-right));bottom:34px}.touch-stealth{right:calc(180px + var(--safe-right));bottom:34px}.touch-slot,.touch-light{border-radius:10px;width:44px;height:40px;font-size:14px}.touch-slot{top:64px}.touch-slot-1{right:calc(116px + var(--safe-right))}.touch-slot-2{right:calc(66px + var(--safe-right))}.touch-slot-3{right:calc(16px + var(--safe-right))}.touch-light{top:112px;right:calc(16px + var(--safe-right));font-size:11px}.touch-pause{top:12px;left:calc(12px + var(--safe-left));border-radius:10px;width:40px;height:40px;font-size:13px}.touch-mode .hud-vitals{transform-origin:bottom;bottom:8px;left:50%;right:auto;transform:translate(-50%)scale(.85)}.touch-mode .hud-feed{top:12px;right:auto;left:calc(64px + env(safe-area-inset-left,0px))}.touch-mode .stats{top:auto;bottom:8px;left:calc(8px + env(safe-area-inset-left,0px));font-size:10px}html,body{color:#eee;overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#111;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}button,input,select,label{touch-action:manipulation}#app{width:100%;height:100%;position:relative}#app canvas{touch-action:none;display:block}.stats{white-space:pre;pointer-events:none;background:#0000008c;border-radius:4px;padding:4px 8px;font:12px/1.4 ui-monospace,monospace;position:absolute;top:8px;left:8px}.session-badge{z-index:3;background:#0009;border-radius:4px;max-width:360px;padding:6px 10px;font:13px/1.5 system-ui,sans-serif;position:absolute;top:8px;right:8px}.session-badge.error{background:#781414cc}.session-badge strong{letter-spacing:.1em;font-family:ui-monospace,monospace}.session-badge a{color:#9cd3ff;word-break:break-all}.session-badge button{font:inherit;margin-left:4px}