:root{color-scheme:dark;font-family:Quantico,Segoe UI,sans-serif;--font-ui: "Quantico", "Segoe UI", sans-serif;--font-display: "Black Ops One", "Impact", sans-serif;--font-dialogue: "Special Elite", "Courier New", monospace;--font-status: "Special Elite", "Courier New", monospace;--panel-border: rgba(255, 226, 189, .18);--panel-bg: linear-gradient(180deg, rgba(17, 17, 18, .78), rgba(10, 10, 11, .56));--accent: #ffba6b;--accent-strong: #ff7c43;--danger: #ff5b47;--text: #fff4df;--muted: #d5d9dd;--icon-score: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23f9e5c6' d='M16 2.5l3.4 6.8 7.5 1.1-5.4 5.3 1.3 7.4L16 19.6 9.2 23l1.3-7.4-5.4-5.3 7.5-1.1z'/%3E%3Ccircle cx='16' cy='13' r='3.1' fill='%23302218'/%3E%3Cpath fill='%23302218' d='M15 6h2v4h-2zm0 10h2v9h-2zm-9-4h4v2H6zm16 0h4v2h-4z'/%3E%3C/svg%3E");--icon-distance: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23f9e5c6' d='M8 4h16l-4 24H12z'/%3E%3Cpath fill='%23302218' d='M14 5h4l-2 7zm-1 11h6l-2 12h-2z'/%3E%3Cpath fill='%23302218' d='M7 25h18v3H7z' opacity='.75'/%3E%3C/svg%3E");--icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='18' r='10.5' fill='%23f9e5c6'/%3E%3Cpath fill='%23302218' d='M14 2h4v4h-4zm-4 1h12v3H10zM15 11h2v7h-2zm1 6 5 2-.8 1.9-5.7-2.5z'/%3E%3C/svg%3E");--icon-skull: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23f3e7d4' d='M16 3c-6 0-10 4.4-10 10.1 0 3.4 1.6 6 4.1 7.6V25c0 .8.6 1.5 1.4 1.5h1.6V29h2v-2.5h2V29h2v-2.5h1.6c.8 0 1.4-.7 1.4-1.5v-4.3c2.5-1.6 4.1-4.2 4.1-7.6C26 7.4 22 3 16 3z'/%3E%3Ccircle cx='12.1' cy='13.4' r='2.4' fill='%23261b14'/%3E%3Ccircle cx='19.9' cy='13.4' r='2.4' fill='%23261b14'/%3E%3Cpath fill='%23261b14' d='M16 16.1 13.9 19h4.2zM12 22h8v2h-8z'/%3E%3C/svg%3E");--icon-skull-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ff5448' d='M16 3c-6 0-10 4.4-10 10.1 0 3.4 1.6 6 4.1 7.6V25c0 .8.6 1.5 1.4 1.5h1.6V29h2v-2.5h2V29h2v-2.5h1.6c.8 0 1.4-.7 1.4-1.5v-4.3c2.5-1.6 4.1-4.2 4.1-7.6C26 7.4 22 3 16 3z'/%3E%3Ccircle cx='12.1' cy='13.4' r='2.4' fill='%23240a08'/%3E%3Ccircle cx='19.9' cy='13.4' r='2.4' fill='%23240a08'/%3E%3Cpath fill='%23240a08' d='M16 16.1 13.9 19h4.2zM12 22h8v2h-8z'/%3E%3C/svg%3E");--icon-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ff4d53' d='M16 28.6 4.9 17.8C1.8 14.8 1.7 10 4.5 7.1c2.7-2.7 7-2.8 9.8-.3l1.7 1.6 1.7-1.6c2.9-2.5 7.1-2.4 9.8.3 2.9 2.9 2.8 7.7-.3 10.7z'/%3E%3Cpath fill='%23ffd0d2' d='M9.4 7.3c-2.2 1.1-3.6 3.2-3.6 5.6 0 1.7.7 3.4 2 4.7l8.2 8 8.2-8c1.3-1.3 2-3 2-4.7 0-2.4-1.4-4.5-3.6-5.6 1.2 1.2 1.9 2.8 1.9 4.4 0 1.7-.7 3.3-1.9 4.5L16 22.8l-6.5-6.6c-1.3-1.2-2-2.8-2-4.5 0-1.6.6-3.2 1.9-4.4z' opacity='.45'/%3E%3C/svg%3E");--icon-scope: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11.5' fill='none' stroke='%23f5e8cf' stroke-width='2.4'/%3E%3Ccircle cx='16' cy='16' r='4.4' fill='none' stroke='%23f5e8cf' stroke-width='1.8'/%3E%3Cpath d='M16 2.8v7.1M16 22.1v7.1M2.8 16h7.1M22.1 16h7.1' stroke='%23f5e8cf' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");--icon-chain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23f4e6cd' d='M12.3 11.1 15 8.4a5.1 5.1 0 1 1 7.2 7.2l-3.2 3.1-1.8-1.8 3.2-3.2a2.5 2.5 0 0 0-3.6-3.5l-2.7 2.7zM13 23.6 9.8 26.8a5.1 5.1 0 1 1-7.2-7.2l2.7-2.7 1.8 1.8-2.7 2.7A2.5 2.5 0 0 0 8 24.9l3.2-3.1z'/%3E%3Cpath fill='%23f4e6cd' d='m11.1 19.1-1.8-1.8 11.8-11.8 1.8 1.8z' opacity='.88'/%3E%3C/svg%3E");--icon-check-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3.5' y='3.5' width='25' height='25' rx='6' fill='none' stroke='%23ffba6b' stroke-width='2.5'/%3E%3Cpath d='M9 16.7 13.6 21l9.4-10.1' fill='none' stroke='%23ffba6b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--icon-check-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3.5' y='3.5' width='25' height='25' rx='6' fill='none' stroke='%2391897d' stroke-width='2.5'/%3E%3C/svg%3E");--icon-sfx: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23f4e6cd' d='M6 12h5l7-6v20l-7-6H6z'/%3E%3Cpath d='M22 11c2 1.5 3 3.1 3 5s-1 3.5-3 5M24.8 7.8c3.2 2.4 4.7 5.2 4.7 8.2s-1.5 5.8-4.7 8.2' fill='none' stroke='%23f4e6cd' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");--icon-music: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23f4e6cd' d='M20 6v15.2a4.4 4.4 0 1 1-2-3.7V10.4l9-2.4v11.2a4.4 4.4 0 1 1-2-3.7V5.5z'/%3E%3C/svg%3E");--icon-lightning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffcf72' d='M18.2 2 8.7 16.2h6L12.5 30 23.3 14.7h-6.1z'/%3E%3Cpath fill='%23fff4cc' d='M17.4 4.9 11.5 15h4.7l-1.5 9.2 6.9-9.9h-4.8z' opacity='.78'/%3E%3C/svg%3E");--icon-solo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffba6b' d='M16 4a6 6 0 1 1 0 12 6 6 0 0 1 0-12zm0 15c5.2 0 9.5 3.3 10.5 8H5.5c1-4.7 5.3-8 10.5-8z'/%3E%3C/svg%3E");--icon-coop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffba6b' d='M11 5a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm10 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9zM3 27c.8-5.1 4-8.5 8-8.5s7.2 3.4 8 8.5zm14 0c-.3-2.4-1.2-4.5-2.5-6.1 1.4-1.2 3.2-1.9 5.1-1.9 4 0 7.1 3.1 8.4 8z'/%3E%3C/svg%3E");--icon-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffcf72' d='M9 14V9.8C9 5.5 12 2.5 16 2.5s7 3 7 7.3V14h2.2c1 0 1.8.8 1.8 1.8v11.4c0 1-.8 1.8-1.8 1.8H6.8c-1 0-1.8-.8-1.8-1.8V15.8c0-1 .8-1.8 1.8-1.8zm4 0h6V9.8c0-2.1-1.2-3.4-3-3.4s-3 1.3-3 3.4z'/%3E%3C/svg%3E");--menu-role-dot: url(/ui/menu/role-callout-dot.png)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at top,rgba(255,180,96,.16),transparent 34%),linear-gradient(180deg,#1d2530,#101317 62%,#0b0c0d)}body{color:var(--text);font-family:var(--font-ui);font-weight:400}#app{position:relative}.game-shell,.game-canvas{width:100%;height:100%;display:block;touch-action:none}.ui-root{position:absolute;inset:0;pointer-events:none;font-family:var(--font-ui)}.mobile-controls{position:absolute;inset:auto 0 18px;display:flex;justify-content:space-between;align-items:end;gap:18px;padding:0 18px;pointer-events:none;z-index:9}.mobile-controls[hidden]{display:none}.mobile-controls-group{display:inline-flex;align-items:end;gap:12px;pointer-events:none}.mobile-controls-group--right{align-items:stretch}.mobile-control{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,226,189,.18);background:radial-gradient(circle at 50% 30%,rgba(255,227,181,.14),transparent 58%),linear-gradient(180deg,#181614f0,#090a0be0);color:#fff1d9eb;font-family:var(--font-ui);font-weight:900;letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #fff5df14,0 14px 28px #00000038;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-control:after{content:"";position:absolute;inset:7px;border-radius:inherit;border:1px solid rgba(255,240,214,.05);pointer-events:none}.mobile-control--lane{width:88px;height:88px;border-radius:999px;font-size:.7rem}.mobile-control--reload{width:94px;height:54px;border-radius:16px;font-size:.6rem}.mobile-control--fire{width:112px;height:112px;border-radius:999px;font-size:.82rem;color:#ffd7a7;border-color:#ffb4623d;box-shadow:inset 0 1px #fff5df1a,0 0 0 1px #ff913c0f,0 18px 34px #0000003d}.mobile-control[data-active=true]{transform:translateY(1px) scale(.98);color:#fff3de;border-color:#ffcd8a52;box-shadow:inset 0 1px #fff5df1f,0 0 18px #ff93491a,0 10px 20px #0000002e}.hud{position:absolute;inset:0;z-index:4;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;gap:14px}.hud-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-start;gap:16px}.hud-middle{display:flex;flex:1;justify-content:flex-end;align-items:flex-start;gap:10px;padding-top:18px}.hud-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:auto}.hud-panel,.stats-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 40px #00000042}.hud-panel{min-width:250px;padding:14px 16px 15px}.hud-panel--health{width:min(178px,24vw);min-width:0;padding:9px 10px 10px;border-radius:14px}.hud-panel--ammo{width:auto;min-width:0;justify-self:end;padding:5px 6px;margin-bottom:44px;border-radius:10px;background:linear-gradient(180deg,#363430c2,#1e1d1bd1),linear-gradient(180deg,#fff5dc0d,#0000);transform:scale(1);transform-origin:right bottom}.panel-label{display:block;margin-bottom:10px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#c9d1d6}.hud-panel--ammo .panel-label{margin-bottom:2px;font-size:.52rem;letter-spacing:.18em;text-align:center;color:#ebd3ae}.weapon-header{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-bottom:3px;width:clamp(86px,9vw,110px)}.weapon-icon{width:100%;height:clamp(38px,4.2vw,52px);object-fit:contain;object-position:center center;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}.weapon-name{font-size:.56rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f2dec0}.health-header,.ammo-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.health-header{justify-content:flex-start;gap:6px}.health-header:before{content:"";width:15px;height:15px;flex:0 0 15px;align-self:center;background:center / contain no-repeat var(--icon-heart);filter:drop-shadow(0 1px 4px rgba(255,52,74,.3))}.ammo-header{justify-content:center;align-items:baseline;gap:4px;margin-top:2px}.panel-value{display:block;font-size:.88rem;font-weight:800;letter-spacing:.04em}.health-bar{width:100%;height:9px;margin-top:8px;overflow:hidden;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.health-fill{width:100%;height:100%;transform-origin:left center}.ammo-value,.ammo-reserve{display:inline-flex;align-items:center}.ammo-value{font-size:.98rem;font-weight:900;line-height:1;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.36)}.ammo-reserve{padding:0;border-radius:0;background:transparent;border:0;font-size:.9rem;font-weight:800;line-height:1;color:#fff5df;text-shadow:0 1px 0 rgba(0,0,0,.36)}.ammo-reserve:before{content:"/";margin-right:2px;color:#fff5dfd1}.ammo-value[data-state=reloading],.ammo-reserve[data-state=reloading]{color:var(--accent)}.ammo-value[data-state=empty],.ammo-reserve[data-state=empty]{color:var(--danger)}.ammo-rack{position:relative;display:grid;grid-template-columns:repeat(var(--ammo-columns, 6),max-content);justify-content:center;gap:1px 2px;align-items:end;margin-top:0;padding:3px 4px 2px;border-radius:5px;background:linear-gradient(180deg,#201a14f5,#15120ef5);box-shadow:inset 0 1px #fff6dc0d,0 1px 6px #00000029}.hud-panel--ammo[data-ammo-ratio="3"] .ammo-rack:after{content:"x3";position:absolute;right:-1px;bottom:-10px;font-size:.42rem;font-weight:900;letter-spacing:.08em;color:#ffe2b0b8;text-shadow:0 1px 2px rgba(0,0,0,.55)}.ammo-round{position:relative;justify-self:center;width:4px;height:9px;border-radius:2px 2px 1px 1px;background:linear-gradient(180deg,#e6cf95,#b78648 56%,#6a4325 56%,#50311d);border:1px solid rgba(255,238,199,.14);box-shadow:inset 0 1px #fff4d63d,0 1px 1px #0000001f;transform-origin:center bottom;transition:opacity .12s ease,transform .12s ease,filter .12s ease}.ammo-round:before{content:"";position:absolute;left:50%;top:-3px;width:3px;height:4px;transform:translate(-50%);clip-path:polygon(50% 0%,100% 100%,0% 100%);background:linear-gradient(180deg,#ffe8b4,#d7a759);box-shadow:inset 0 1px #fff7e347}.ammo-round[data-shape=shell]{width:6px;height:9px;border-radius:2px;background:linear-gradient(180deg,#ffe8b4,#d7a759 30%,#9a2f24 30%,#c24032)}.ammo-round[data-shape=shell]:before{top:0;width:4px;height:2px;border-radius:2px 2px 1px 1px;clip-path:none;background:linear-gradient(180deg,#fff0c5,#d7a759);box-shadow:none}.ammo-round[data-shape=rocket]{width:7px;height:12px;border-radius:2px;background:linear-gradient(180deg,#d3d0cb,#8f8a82 58%,#5b5751)}.ammo-round[data-shape=rocket]:before{top:-4px;width:5px;height:5px;clip-path:polygon(50% 0%,100% 100%,0% 100%);background:linear-gradient(180deg,#ffb083,#ca5b2d);box-shadow:none}.ammo-round:after{content:"";position:absolute;left:1px;right:1px;bottom:0;height:1px;border-radius:999px;background:#fff7e226}.ammo-round[data-loaded=false]{opacity:.12;filter:saturate(.2);transform:translateY(1px) scale(.82)}.reload-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,#1212148f,#0a0a0b5c);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 8px 18px #0000002e}.reload-hint-text{font-size:.62rem;font-weight:700;letter-spacing:.04em;color:#e7ddd1}.reload-key{min-width:20px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border-radius:5px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#fafbfc2e,#8c919614);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0000003d,0 2px 6px #0000002e;font-size:.7rem;font-weight:900;letter-spacing:.03em;color:#f9fbff}.reload-label{font-size:.62rem;font-weight:700;letter-spacing:.02em;color:#ece2d4}.reload-hint[data-driver=true]{gap:10px;padding-inline:12px}.driver-drive-meter{display:grid;grid-template-columns:auto 58px;align-items:center;gap:6px;min-width:104px}.driver-drive-meter[hidden],.reload-hint[data-driver=false] .driver-drive-meter{display:none}.driver-drive-meter-label{font-size:.52rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#f2e0c2c7;white-space:nowrap}.driver-drive-meter-track{position:relative;height:7px;overflow:hidden;border-radius:999px;background:linear-gradient(180deg,#ffffff1a,#0000001f),#07080ab8;border:1px solid rgba(255,231,194,.14);box-shadow:inset 0 0 8px #0000006b}.driver-drive-meter-fill{display:block;width:100%;height:100%;transform:scaleX(1);transform-origin:left center;border-radius:inherit;transition:transform 90ms linear,filter .12s ease}.driver-drive-meter--boost .driver-drive-meter-fill{background:linear-gradient(90deg,#f1cc5b,#ff9f38 64%,#ff6f2d);box-shadow:0 0 12px #ff9d3775}.driver-drive-meter--brake .driver-drive-meter-fill{background:linear-gradient(90deg,#82d7ff,#5f9fff 56%,#b38cff);box-shadow:0 0 12px #6aa6ff70}.driver-drive-meter[data-active=true] .driver-drive-meter-label{color:#fff0cf}.driver-drive-meter[data-active=true] .driver-drive-meter-fill{filter:brightness(1.28) saturate(1.22)}.driver-drive-meter[data-depleted=true] .driver-drive-meter-label{color:#ff8262e6}.driver-drive-meter[data-depleted=true] .driver-drive-meter-track{border-color:#ff5d404d}.ui-root[data-state=menu] .reload-hint,.ui-root[data-state=paused] .reload-hint,.ui-root[data-state=dead] .reload-hint{opacity:0}.ui-root[data-state=menu] .hud,.ui-root[data-state=paused] .hud,.ui-root[data-state=dead] .hud,.ui-root[data-state=menu] .mobile-controls,.ui-root[data-state=paused] .mobile-controls,.ui-root[data-state=dead] .mobile-controls,.ui-root[data-state=menu] .lane-request-hud,.ui-root[data-state=paused] .lane-request-hud,.ui-root[data-state=dead] .lane-request-hud,.ui-root[data-state=menu] .driver-panel,.ui-root[data-state=paused] .driver-panel,.ui-root[data-state=dead] .driver-panel,.ui-root[data-state=menu] .latch-warning,.ui-root[data-state=paused] .latch-warning,.ui-root[data-state=dead] .latch-warning,.ui-root[data-state=menu] .reward-callout,.ui-root[data-state=paused] .reward-callout,.ui-root[data-state=dead] .reward-callout,.ui-root[data-state=menu] .accolade-banner,.ui-root[data-state=paused] .accolade-banner,.ui-root[data-state=dead] .accolade-banner,.ui-root[data-state=menu] .reload-hint,.ui-root[data-state=paused] .reload-hint,.ui-root[data-state=dead] .reload-hint,.ui-root[data-state=menu] .crosshair,.ui-root[data-state=paused] .crosshair,.ui-root[data-state=dead] .crosshair,.ui-root[data-state=menu] .rain-overlay,.ui-root[data-state=paused] .rain-overlay,.ui-root[data-state=dead] .rain-overlay{opacity:0!important;visibility:hidden;pointer-events:none}.radar-panel{width:min(440px,54vw);pointer-events:none;margin:0 auto}.reward-hud{display:inline-flex;flex-direction:column;align-items:stretch;gap:9px;min-width:188px;justify-self:start}.radar-track{position:relative;height:34px;border-radius:999px;background:linear-gradient(180deg,#f0f6ff14,#4d67850d),linear-gradient(180deg,#0810184d,#080c121f);border:1px solid rgba(223,236,252,.18);box-shadow:inset 0 1px #ffffff0f,0 10px 26px #00000024}.radar-track:before{content:"";position:absolute;left:16px;right:16px;top:16px;height:2px;border-radius:999px;background:linear-gradient(90deg,#e2f0ff00,#e2f0ffad 12% 88%,#e2f0ff00)}.radar-track:after{content:"";position:absolute;left:20px;right:20px;top:8px;height:10px;background:repeating-linear-gradient(90deg,#ddecff00 0 24px,#ddecff7a 24px 25px);opacity:.8}.radar-contacts{position:absolute;inset:0 14px}.radar-caret{position:absolute;left:50%;top:5px;width:10px;height:8px;transform:translate(-50%);clip-path:polygon(50% 100%,0 0,100% 0);background:linear-gradient(180deg,#fff5cf,#ecd087);filter:drop-shadow(0 2px 4px rgba(0,0,0,.22))}.radar-dot{position:absolute;top:16px;width:7px;height:7px;border-radius:999px;background:radial-gradient(circle at 35% 35%,#ffb7b0,#ff5448 58%,#8c0c05);box-shadow:0 0 10px #ff4e4459,0 0 0 1px #ffd6d624}.radar-dot[data-type=tank]{background:radial-gradient(circle at 35% 35%,#ffd0c4,#ff6754 58%,#7c0505)}.stats-panel{display:inline-flex;align-items:center;gap:10px;padding:10px 12px}.stats-panel--side{flex-direction:column;align-items:flex-end;gap:7px;min-width:0;justify-self:end;align-self:flex-start;padding:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.stat-chip{position:relative;display:grid;grid-template-columns:30px 1fr;align-items:center;min-height:46px;padding:8px 12px 8px 9px;border-radius:6px 14px 5px 10px;background:linear-gradient(180deg,#383027e6,#181512eb),linear-gradient(180deg,#ffeecf0f,#0000);border:1px solid rgba(255,224,182,.18);box-shadow:inset 0 1px #fff4d614,0 10px 22px #0000002e;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,6px 50%);color:#f4e8d6;text-transform:uppercase}.stat-chip--score{width:208px}.stat-chip--distance{width:172px}.stat-chip--time{width:144px}.stat-body{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.stat-label{font-size:.48rem;font-weight:700;letter-spacing:.26em;color:#faebd19e}.stat-value{display:block;min-width:0;font-size:.94rem;font-weight:900;letter-spacing:.08em;line-height:1;color:#fff2dc;text-shadow:0 1px 0 rgba(0,0,0,.34)}.stat-chip--score .stat-value{font-size:1rem}.stat-chip--time .stat-value{font-size:.88rem}.stat-icon{width:20px;height:20px;justify-self:center;align-self:center;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))}.stat-icon--score{background-image:var(--icon-score)}.stat-icon--distance{background-image:var(--icon-distance)}.stat-icon--time{background-image:var(--icon-time)}.stat-chip--reward{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:13px;border:1px solid rgba(255,215,158,.18);background:radial-gradient(circle at 50% 0,rgba(255,239,198,.14),transparent 58%),linear-gradient(180deg,#3a2b1ff0,#140f0cf5);box-shadow:inset 0 1px #fff4d61f,inset 0 0 0 1px #ffffff08,0 12px 28px #00000038;clip-path:none;color:#ffe2a8;font-size:1.08rem;font-weight:400;line-height:1;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-shadow:-1px -1px 0 rgba(24,15,10,.88),1px -1px 0 rgba(24,15,10,.88),-1px 1px 0 rgba(24,15,10,.88),1px 1px 0 rgba(24,15,10,.88),0 0 10px rgba(0,0,0,.2)}.stat-chip--reward:after{content:"";position:absolute;inset:4px;border-radius:9px;border:1px solid rgba(255,230,187,.08);pointer-events:none}.stat-chip--reward[data-tier=ready]{color:#ffe3b0;border-color:#ffd59a29}.stat-chip--reward[data-tier=low]{color:#ffd06f;border-color:#ffb75042;box-shadow:inset 0 1px #fff4d61f,inset 0 0 0 1px #ffffff08,0 0 0 1px #ffa94f14,0 12px 28px #00000038}.stat-chip--reward[data-tier=mid]{color:#ff9f61;border-color:#ff855347;box-shadow:inset 0 1px #fff4d61f,inset 0 0 0 1px #ffffff08,0 0 18px #ff814a1f,0 12px 28px #00000038}.stat-chip--reward[data-tier=high]{color:#ff765d;border-color:#ff66524d;box-shadow:inset 0 1px #fff4d61f,inset 0 0 0 1px #ffffff08,0 0 20px #ff584824,0 12px 28px #00000038}.stat-chip--reward[data-tier=overdrive]{color:#ffe8d0;border-color:#ffe5b357;box-shadow:inset 0 1px #fff8e229,inset 0 0 0 1px #ffffff0a,0 0 24px #ffb15029,0 12px 28px #00000038}.chain-panel{position:relative;overflow:hidden;width:max-content;max-width:min(210px,42vw);min-height:38px;padding:0 13px;border-radius:12px;background:linear-gradient(180deg,#2c221bf0,#110e0cf5),linear-gradient(90deg,#ffe7bd0a,#fff0);border:1px solid rgba(255,216,164,.14);box-shadow:inset 0 1px #fff8e214,0 10px 22px #0000002e}.chain-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 36%);pointer-events:none}.chain-panel[data-active=false]{opacity:.92}.chain-fill{position:absolute;inset:4px;border-radius:9px;transform-origin:left center;background:linear-gradient(90deg,#ffbc6552,#ff674766),repeating-linear-gradient(115deg,#fff4dc1f 0 9px,#fff4dc05 9px 18px);box-shadow:0 0 18px #ff8e4e29}.chain-panel[data-ready=true] .chain-fill{background:linear-gradient(90deg,#bac8d424,#7587982e),repeating-linear-gradient(115deg,#f5f8fc14 0 10px,#f5f8fc05 10px 20px);box-shadow:none}.chain-panel[data-tier=mid] .chain-fill{background:linear-gradient(90deg,#ffa85661,#ff764975),repeating-linear-gradient(115deg,#fff7e624 0 9px,#fff7e608 9px 18px)}.chain-panel[data-tier=high] .chain-fill{background:linear-gradient(90deg,#ff745861,#ff49437a),repeating-linear-gradient(115deg,#fff5eb29 0 9px,#fff5eb08 9px 18px)}.chain-panel[data-tier=overdrive] .chain-fill{background:linear-gradient(90deg,#ffd77f6b,#ff8f5680),repeating-linear-gradient(115deg,#fffaed2e 0 9px,#fffaed0a 9px 18px)}.chain-label{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:38px;font-size:.68rem;font-weight:700;font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#f6ead4;text-shadow:0 1px 0 rgba(0,0,0,.42);white-space:nowrap}.chain-label:before{content:"";width:16px;height:16px;flex:0 0 16px;background:center / contain no-repeat var(--icon-scope);filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.reward-callout{position:absolute;left:50%;top:64px;display:inline-flex;align-items:center;gap:10px;min-height:32px;padding:6px 12px;font-size:.84rem;font-weight:900;font-family:var(--font-status);letter-spacing:.12em;text-transform:uppercase;color:#f3ead5;text-shadow:-1px -1px 0 rgba(15,11,8,.9),1px -1px 0 rgba(15,11,8,.9),-1px 1px 0 rgba(15,11,8,.9),1px 1px 0 rgba(15,11,8,.9),0 0 10px rgba(0,0,0,.28);transform:translate(-50%,-10px);opacity:0;transition:opacity .14s ease,transform .14s ease}.reward-callout:before,.reward-callout:after{content:"";width:16px;height:16px;flex:0 0 16px;background:center / contain no-repeat var(--icon-skull);filter:drop-shadow(0 2px 4px rgba(0,0,0,.24));opacity:0}.reward-callout[data-combo=true]:before,.reward-callout[data-combo=true]:after{opacity:.95}.reward-callout[data-visible=true]{opacity:1;transform:translate(-50%)}.accolade-banner{position:absolute;left:50%;top:104px;max-width:min(420px,calc(100vw - 32px));padding:10px 18px;border-radius:999px;background:linear-gradient(180deg,#1c130ae6,#0c0a08d1),linear-gradient(180deg,#ffd28e1f,#0000);border:1px solid rgba(255,215,153,.22);box-shadow:0 14px 34px #0000004d,0 0 28px #ffb2601f;font-size:.82rem;font-weight:900;font-family:var(--font-status);letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#f4ebd8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%,-12px) scale(.96);opacity:0;transition:opacity .14s ease,transform .14s ease}.accolade-banner[data-visible=true]{opacity:1;transform:translate(-50%) scale(1)}.accolade-banner[data-tone=tank]{color:#ffd9cf;border-color:#ff8d703d}.accolade-banner[data-tone=wipe]{color:#fff0cf;border-color:#ffc67647}.accolade-banner[data-tone=survive]{color:#dcecff;border-color:#98ccff3d}.accolade-banner[data-tone=clutch]{color:#ffe6d4;border-color:#ffa6783d}.crosshair{position:absolute;--crosshair-gap: 6px;--crosshair-arm-length: 8px;--crosshair-bracket-width: 10px;--crosshair-bracket-height: 28px;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%);color:#ffefd5d6;filter:drop-shadow(0 0 8px rgba(255,248,234,.14))}.crosshair-line,.crosshair-dot,.crosshair-bracket{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.crosshair-line,.crosshair-dot{background:currentColor;border-radius:999px;opacity:1}.crosshair-line--left,.crosshair-line--right{width:var(--crosshair-arm-length);height:2px}.crosshair-line--top,.crosshair-line--bottom{width:2px;height:var(--crosshair-arm-length)}.crosshair-line--left{left:calc(50% - var(--crosshair-gap) - var(--crosshair-arm-length) * .5)}.crosshair-line--right{left:calc(50% + var(--crosshair-gap) + var(--crosshair-arm-length) * .5)}.crosshair-line--top{top:calc(50% - var(--crosshair-gap) - var(--crosshair-arm-length) * .5)}.crosshair-line--bottom{top:calc(50% + var(--crosshair-gap) + var(--crosshair-arm-length) * .5)}.crosshair-dot{width:2px;height:2px}.crosshair-bracket{width:var(--crosshair-bracket-width);height:var(--crosshair-bracket-height);border-top:2px solid currentColor;border-bottom:2px solid currentColor;opacity:0}.crosshair-bracket--left{left:calc(50% - var(--crosshair-gap) - var(--crosshair-bracket-width) * .5 - 3px);border-left:2px solid currentColor;border-right:0;border-radius:999px 0 0 999px}.crosshair-bracket--right{left:calc(50% + var(--crosshair-gap) + var(--crosshair-bracket-width) * .5 + 3px);border-right:2px solid currentColor;border-left:0;border-radius:0 999px 999px 0}.crosshair[data-style=pistol]{color:#67ef87;filter:drop-shadow(0 0 8px rgba(70,219,118,.18))}.crosshair[data-style=shotgun]{color:#ffefd5e0;filter:drop-shadow(0 0 10px rgba(255,224,182,.18))}.crosshair[data-style=bazooka]{color:#ffdc96eb;filter:drop-shadow(0 0 10px rgba(255,195,108,.2))}.crosshair[data-style=assaultRifle]{color:#ffe1a3;filter:drop-shadow(0 0 10px rgba(255,178,82,.24))}.crosshair[data-style=shotgun] .crosshair-line,.crosshair[data-style=shotgun] .crosshair-dot{opacity:0}.crosshair[data-style=shotgun] .crosshair-bracket{opacity:1}.crosshair[data-style=pistol] .crosshair-bracket{opacity:0}.crosshair[data-hit=true]{color:var(--accent-strong);filter:drop-shadow(0 0 12px rgba(255,124,67,.45))}.overlay{--overlay-inset: clamp(12px, 2.1vw, 24px);--overlay-gap: clamp(10px, 1.8vw, 24px);position:absolute;inset:0;padding:var(--overlay-inset);pointer-events:auto;overflow:hidden}.overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 58%,rgba(255,204,133,.08),transparent 24%),linear-gradient(90deg,#050506e0,#08090cb8 20%,#0a0b0e33 45%,#090a0e33 55%,#060709bd 80%,#040405e6),linear-gradient(180deg,#040506d6,#07080b42 28%,#08090c33 70%,#040405e0);pointer-events:none}.overlay[data-mode=dialog]:before{background:radial-gradient(circle at center,rgba(255,160,87,.12),transparent 28%),#0c080694}.overlay[data-mode=menu]:after{content:"";position:absolute;inset:var(--overlay-inset);border-radius:clamp(18px,2.8vw,30px);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 12%,transparent 88%,rgba(0,0,0,.14)),repeating-linear-gradient(180deg,#ffffff03 0 2px,#0000 2px 5px);mix-blend-mode:soft-light;opacity:.5;pointer-events:none}.overlay[hidden]{display:none}.overlay-menu[hidden],.overlay-state[hidden],.overlay-dialog[hidden],.overlay-state-panel[hidden]{display:none!important}.overlay-title,.overlay-text,.overlay-button,.overlay-menu-playmode,.overlay-menu-toggle{margin:0}.overlay-menu,.overlay-state,.overlay-dialog{position:absolute;z-index:1}.overlay-menu{top:var(--overlay-inset);bottom:var(--overlay-inset);left:50%;width:min(calc(100vw - 56px),1080px);transform:translate(-50%);display:grid;grid-template-columns:minmax(210px,270px) minmax(360px,1fr) minmax(210px,280px);gap:clamp(10px,1.7vw,24px);align-items:center;min-width:0;min-height:0;overflow:visible}.overlay-dialog{left:50%;top:50%;width:min(640px,calc(100vw - 48px));padding:28px 30px 30px;border-radius:26px;transform:translate(-50%,-50%);background:radial-gradient(circle at top,rgba(255,187,94,.16),transparent 48%),linear-gradient(180deg,#16120ff0,#080809eb);border:1px solid rgba(255,221,181,.18);box-shadow:inset 0 1px #fff6e414,0 20px 48px #0000006b;text-align:center}.overlay-state{top:var(--overlay-inset);bottom:var(--overlay-inset);left:50%;width:min(calc(100vw - 48px),1040px);transform:translate(-50%);display:grid;grid-template-columns:fit-content(360px) minmax(180px,1fr) fit-content(310px);align-items:stretch;gap:clamp(18px,3.2vw,46px);min-width:0;min-height:0;overflow:hidden}.overlay-state-left{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(8px,1.6vh,14px);min-width:0;min-height:0;padding:clamp(8px,2vh,20px) 0 clamp(8px,2vh,20px) clamp(0px,.8vw,10px)}.overlay-state-right{grid-column:3;display:flex;flex-direction:column;justify-content:center;justify-self:end;gap:clamp(10px,1.8vh,16px);align-items:flex-start;width:clamp(230px,23vw,310px);max-width:100%;min-width:0;min-height:0;overflow:hidden}.overlay-state-logo{width:clamp(138px,min(21vw,36vh),300px);height:auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.34))}.overlay-state-title{margin:0;font-size:clamp(2.5rem,min(8vw,10vh),6.2rem);line-height:.9;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:#f5ebd7;text-shadow:-2px -2px 0 rgba(12,8,6,.92),2px -2px 0 rgba(12,8,6,.92),-2px 2px 0 rgba(12,8,6,.92),2px 2px 0 rgba(12,8,6,.92),0 0 18px rgba(0,0,0,.22)}.overlay-state[data-kind=dead] .overlay-state-title{color:#efe2cd}.overlay-state-subtitle{max-width:24ch;margin:0;font-size:clamp(.78rem,min(1.55vw,2vh),1.02rem);line-height:1.38;font-family:var(--font-ui);letter-spacing:.04em;color:#f8ead3e0}.overlay-state-actions{display:flex;flex-direction:column;gap:clamp(7px,1.2vh,10px);width:clamp(230px,25vw,310px);max-width:100%}.overlay-state-button{width:100%;min-height:clamp(44px,7.2vh,58px);padding:0 clamp(12px,1.8vw,18px);border-radius:11px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease}.overlay-state-button:hover{transform:translateY(-1px)}.overlay-state-button--primary{border:1px solid rgba(255,183,80,.46);background:radial-gradient(circle at 18% 50%,rgba(255,183,80,.18),transparent 28%),linear-gradient(180deg,#141210b8,#07080975);color:#ffb44d;font-size:clamp(1.08rem,min(2.8vw,4.8vh),1.8rem);box-shadow:inset 0 1px #ffdfa81f,0 0 20px #ff8b2f14,0 14px 24px #0000002e}.overlay-state-button--secondary{border:1px solid rgba(255,227,187,.14);background:linear-gradient(180deg,#1212138a,#0607085c);color:#f1e6d1;font-size:clamp(.98rem,min(2.2vw,3.8vh),1.22rem);box-shadow:inset 0 1px #fff4df0f,0 12px 22px #00000024}.overlay-state-button--lobby{color:#ffd59be6;border-color:#ffb45033;font-size:clamp(.82rem,min(1.8vw,3.1vh),1.04rem)}.overlay-state-hint{font-size:clamp(.58rem,min(1.1vw,1.6vh),.74rem);font-weight:700;font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#ffce8bd6}.overlay-state-panel{position:relative;width:clamp(230px,23vw,310px);max-width:100%;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(255,225,182,.2);border-radius:14px;background:radial-gradient(circle at top right,rgba(255,171,61,.08),transparent 42%),linear-gradient(180deg,#0e0d0c94,#0506075c);box-shadow:inset 0 1px #fff5db14,0 0 0 1px #05050561,0 18px 34px #0000002e;-webkit-backdrop-filter:blur(5px) contrast(1.04) saturate(.86);backdrop-filter:blur(5px) contrast(1.04) saturate(.86)}.overlay-state-panel:after{content:"";position:absolute;inset:6px;border-radius:10px;border:1px solid rgba(255,235,204,.04);pointer-events:none}.overlay-state-panel--controls,.overlay-state-panel--summary{display:flex;flex-direction:column;gap:clamp(7px,1.45vh,12px);padding:clamp(12px,2vw,18px) clamp(12px,2vw,18px) clamp(11px,1.8vw,16px)}.overlay-state-panel--cause{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(6px,1.2vh,10px) clamp(8px,1.2vw,12px);padding:clamp(12px,2vw,18px) clamp(12px,2vw,18px) clamp(11px,1.8vw,16px)}.overlay-state-panel-title{margin:0 0 4px;font-size:clamp(.92rem,min(1.8vw,2.7vh),1.18rem);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#ffab3d}.overlay-state-panel-title--danger{grid-column:1 / -1;grid-row:1;align-self:center;margin:0;color:#ff705e}.overlay-summary-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:clamp(7px,1.1vw,10px);min-height:clamp(28px,5.2vh,42px);padding:0 0 2px;border-bottom:1px solid rgba(255,232,198,.08)}.overlay-summary-row:last-child{border-bottom:0}.overlay-summary-icon{width:18px;height:18px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.24))}.overlay-summary-icon--score{background-image:var(--icon-score)}.overlay-summary-icon--distance{background-image:var(--icon-distance)}.overlay-summary-icon--time{background-image:var(--icon-time)}.overlay-summary-icon--chain{background-image:var(--icon-chain)}.overlay-summary-icon--skull{background-image:var(--icon-skull)}.overlay-summary-label{font-size:clamp(.58rem,min(1.1vw,1.8vh),.76rem);font-weight:700;font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:#f4ecdfcc}.overlay-summary-value{font-size:clamp(.82rem,min(1.7vw,2.3vh),1.06rem);font-weight:900;font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:#f7ead3}.overlay-state-cause-badge{grid-column:1;grid-row:2;align-self:center;width:clamp(34px,6.4vh,54px);height:clamp(34px,6.4vh,54px);border-radius:clamp(10px,1.6vw,14px);border:1px solid rgba(255,107,91,.24);background:linear-gradient(180deg,#ff52441f,#120909c7);box-shadow:inset 0 1px #ffb6ae14,0 0 20px #ff584814;background-image:var(--icon-skull-red);background-repeat:no-repeat;background-position:center;background-size:26px 26px}.overlay-state-cause-title{grid-column:2;grid-row:2;align-self:center;margin:0;font-size:clamp(.94rem,min(2vw,3vh),1.28rem);line-height:1;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:#ff705e}.overlay-state-cause-body{grid-column:1 / -1;grid-row:3;font-size:clamp(.66rem,min(1.15vw,1.9vh),.84rem);line-height:1.38;color:#f4e6dadb}.overlay-menu-panel,.overlay-menu-card{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(255,225,182,.2);border-radius:14px;background:radial-gradient(circle at top right,rgba(255,171,61,.08),transparent 42%),linear-gradient(180deg,#0e0d0c94,#05060752);box-shadow:inset 0 1px #fff5db14,0 0 0 1px #05050561,0 18px 34px #0000002e;-webkit-backdrop-filter:blur(5px) contrast(1.04) saturate(.86);backdrop-filter:blur(5px) contrast(1.04) saturate(.86)}.overlay-menu-panel:after,.overlay-menu-card:after{content:"";position:absolute;inset:6px;border-radius:10px;border:1px solid rgba(255,235,204,.04);pointer-events:none}.overlay-menu-panel--left{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(7px,1.35vh,12px);justify-self:start;padding:clamp(8px,1.4vw,14px) 0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.overlay-menu-panel--left:after{display:none}.overlay-menu-right{grid-column:3;display:flex;flex-direction:column;justify-content:center;justify-self:end;gap:clamp(10px,1.9vh,18px);width:clamp(210px,21vw,280px);max-width:100%;min-width:0;min-height:0;overflow:hidden}.overlay-menu-center{grid-column:2;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.overlay-menu-role-panel{position:relative;display:flex;flex-direction:column;justify-content:center;gap:clamp(7px,1.15vh,10px);width:100%;max-width:min(500px,40vw);min-width:0;min-height:0;overflow:visible}.overlay-menu-logo{width:clamp(156px,min(21vw,32vh),260px);height:auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.36))}.overlay-menu-eyebrow,.overlay-menu-section-label{font-size:.64rem;font-weight:700;font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:#ffd296c7}.overlay-menu-tagline{margin:-2px 0 0;font-size:clamp(.72rem,min(1.35vw,2vh),.92rem);line-height:1.36;font-family:var(--font-ui);color:#f9f0e2e6}.overlay-menu-playmodes{display:flex;flex-direction:column;gap:clamp(5px,.75vh,7px);width:100%}.overlay-menu-playmode{position:relative;width:clamp(210px,21vw,270px);max-width:100%;min-height:clamp(34px,5.2vh,44px);display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:0 clamp(10px,1.5vw,15px);overflow:hidden;border:1px solid rgba(255,184,82,.26);border-radius:10px;background:linear-gradient(90deg,#ffa12d1f,#ffa12d05 42%,#0000002e),linear-gradient(180deg,#121110bd,#07080985);color:#ffb44d;font-size:clamp(.78rem,min(1.55vw,2.7vh),1.08rem);font-family:var(--font-display);letter-spacing:.055em;text-transform:uppercase;text-align:left;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px #ffdfa814,0 10px 22px #0000002e;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease}.overlay-menu-playmode:before{content:"";width:17px;height:17px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.28))}.overlay-menu-playmode[data-kind=single]:before{background-image:var(--icon-solo)}.overlay-menu-playmode[data-kind=coop]:before{background-image:var(--icon-coop)}.overlay-menu-playmode:hover,.overlay-menu-playmode[data-selected=true]{transform:translateY(-1px);color:#ffc974;border-color:#ffc56ab8;background:linear-gradient(90deg,#ffa12d33,#ffa12d0a 48%,#0000002e),linear-gradient(180deg,#16120fc7,#0708098a);box-shadow:inset 0 1px #ffdfa81a,0 14px 24px #0000002e,0 0 24px #ff8f3829}.overlay-menu-playmode[data-selected=false]{color:#f2e7d3b8;border-color:#ffe3bb24;box-shadow:inset 0 1px #ffdfa80f,0 12px 22px #00000024}.overlay-menu-copy,.overlay-menu-stats{width:clamp(210px,21vw,270px);max-width:100%;margin:0;white-space:pre-line;line-height:1.38;font-size:clamp(.62rem,min(1vw,1.55vh),.78rem);color:#eee3d5d6}.overlay-menu-copy{max-width:34ch}.overlay-menu-stats{padding:clamp(7px,1.4vh,10px) clamp(8px,1.5vw,12px);border-radius:10px;background:linear-gradient(180deg,#ffa8500d,#00000024);border:1px solid rgba(255,217,173,.12);font-size:clamp(.6rem,min(1vw,1.5vh),.76rem);font-weight:700;letter-spacing:.04em;color:#ffeed4e0}.overlay-menu-options{display:flex;flex-direction:column;gap:clamp(6px,1vh,8px);width:clamp(210px,21vw,270px);max-width:100%}.overlay-role-select{position:relative;width:100%;height:clamp(290px,60vh,640px);min-width:0;isolation:isolate;overflow:visible}.overlay-role-card{position:absolute;bottom:0;display:block;flex-direction:column;justify-content:flex-end;min-width:0;height:100%;padding:0;overflow:visible;border:0;background:transparent;color:#f4e7d1;cursor:pointer;box-shadow:none;transition:transform .14s ease,opacity .14s ease}.overlay-role-card[data-role=driver]{left:3%;width:59%;z-index:4}.overlay-role-card[data-role=gunner]{left:40%;width:56%;z-index:3;transform:translateY(2%) scale(.94)}.overlay-role-card:hover{z-index:8}.overlay-role-card[data-role=driver]:hover,.overlay-role-card[data-role=driver][data-selected=true]{transform:translateY(-1%) scale(1.025)}.overlay-role-card[data-role=gunner]:hover,.overlay-role-card[data-role=gunner][data-selected=true]{transform:translateY(0) scale(1)}.overlay-role-card[data-selected=true]{opacity:1;z-index:7}.overlay-role-card[data-selected=false]{opacity:.86}.overlay-role-card:disabled{cursor:default}.ui-root[data-menu-play-mode=single] .overlay-role-card[data-role=driver]{pointer-events:none}.ui-root[data-menu-play-mode=single] .overlay-role-card[data-role=driver] .overlay-role-character{opacity:.34;filter:grayscale(1) brightness(.42) contrast(1.18) drop-shadow(0 22px 24px rgba(0,0,0,.56));transform:translateY(7%) scale(.92)}.ui-root[data-menu-play-mode=single] .overlay-role-card[data-role=driver] .overlay-role-character-stage:before{content:"";position:absolute;left:50%;top:38%;z-index:3;width:clamp(28px,5vh,48px);height:clamp(28px,5vh,48px);transform:translate(-50%);background:center / contain no-repeat var(--icon-lock);filter:drop-shadow(0 8px 16px rgba(0,0,0,.36))}.overlay-role-character-stage{position:absolute;inset:0;display:grid;place-items:end center;pointer-events:none}.overlay-role-character-stage:after{content:"";position:absolute;left:15%;right:10%;bottom:4px;height:24px;border-radius:999px;background:radial-gradient(ellipse,rgba(0,0,0,.62),transparent 70%);filter:blur(3px)}.overlay-role-character{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:.48;filter:grayscale(.68) brightness(.48) contrast(1.2) drop-shadow(0 24px 28px rgba(0,0,0,.56));transform:translateY(4%) scale(.96);transition:filter .16s ease,opacity .16s ease,transform .16s ease}.overlay-role-card[data-role=driver] .overlay-role-character{object-position:left bottom}.overlay-role-card[data-role=gunner] .overlay-role-character{object-position:right bottom}.overlay-role-card:hover .overlay-role-character,.overlay-role-card[data-selected=true] .overlay-role-character{opacity:1;filter:grayscale(0) brightness(1) contrast(1.02) saturate(1.08) drop-shadow(0 26px 30px rgba(0,0,0,.58)) drop-shadow(0 0 22px rgba(255,163,66,.12));transform:translateY(0) scale(1.03)}.overlay-role-card[data-confirmed=true] .overlay-role-character{transform:translateY(-1%) scale(1.07)}.overlay-role-select:hover .overlay-role-card:not(:hover):not([data-selected=true]) .overlay-role-character{opacity:.36;filter:grayscale(.88) brightness(.34) contrast(1.18) drop-shadow(0 22px 24px rgba(0,0,0,.54));transform:translateY(7%) scale(.92)}.overlay-role-body{position:absolute;left:5%;right:5%;bottom:clamp(4px,1vh,10px);z-index:2;display:flex;flex-direction:column;gap:6px;min-width:0;padding:0;border-radius:0;background:transparent;text-shadow:0 2px 8px rgba(0,0,0,.6);opacity:.78;transition:opacity .14s ease,transform .14s ease}.overlay-role-card[data-role=driver] .overlay-role-body{left:0;right:auto;text-align:left}.overlay-role-card[data-role=gunner] .overlay-role-body{left:auto;right:0;text-align:right}.overlay-role-card:hover .overlay-role-body,.overlay-role-card[data-selected=true] .overlay-role-body{opacity:1;transform:translateY(-2px)}.overlay-role-title{font-family:var(--font-dialogue);font-size:clamp(1rem,min(2.2vw,3.2vh),1.44rem);letter-spacing:.035em;text-transform:none;color:#ffb44d}.overlay-role-card[data-selected=true] .overlay-role-title{text-decoration:underline;text-decoration-color:#ffba6bf2;text-decoration-thickness:2px;text-underline-offset:.18em}.overlay-role-callout{position:relative;z-index:1;display:block;width:min(100%,220px);pointer-events:none;opacity:0;filter:drop-shadow(0 6px 11px rgba(0,0,0,.5));transition:opacity .15s ease,transform .15s ease}.overlay-role-card[data-role=driver] .overlay-role-callout{text-align:right;transform:translateY(2px)}.overlay-role-card[data-role=gunner] .overlay-role-callout{text-align:left;transform:translateY(2px)}.overlay-role-card:hover .overlay-role-callout,.overlay-role-card[data-details-open=true] .overlay-role-callout{opacity:1;transform:translateY(0)}.overlay-role-callout-line,.overlay-role-card[data-role=driver] .overlay-role-callout-line{display:none}.overlay-role-callout-text,.overlay-role-hint{font-size:clamp(.46rem,min(.78vw,1.18vh),.58rem);font-weight:700;line-height:1.22;letter-spacing:.06em;color:#f6ebd8c2}.overlay-role-callout-text{display:grid;gap:2px;min-width:0}.overlay-role-callout-item{position:relative;display:inline-flex;align-items:center;gap:5px;width:100%;max-width:100%;color:#ffeacadb;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.7)}.overlay-role-callout-item:before{content:"";flex:0 0 auto;width:clamp(10px,1.3vw,14px);height:clamp(10px,1.3vw,14px);background:center / contain no-repeat var(--menu-role-dot);filter:drop-shadow(0 1px 0 rgba(0,0,0,.72)) drop-shadow(0 0 6px rgba(255,142,52,.22))}.overlay-role-card[data-role=driver] .overlay-role-callout-item{justify-content:flex-end}.overlay-role-card[data-role=driver] .overlay-role-callout-item:before{order:2}.overlay-role-card[data-role=gunner] .overlay-role-callout-item{justify-content:flex-start}.overlay-role-hint{margin:0}.overlay-role-card[data-locked=singleplayer] .overlay-role-body:after{content:none;display:none}.overlay-role-lock-hint{position:absolute;left:50%;top:calc(38% + clamp(36px,5.5vh,58px));z-index:4;display:none;width:min(150px,56%);transform:translate(-50%);padding-top:clamp(3px,.4vh,6px);color:#ffc36f;font-size:clamp(.42rem,min(.72vw,1.08vh),.52rem);font-weight:900;line-height:1.08;letter-spacing:.1em;text-align:center;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.72),0 0 10px rgba(255,154,50,.16);pointer-events:none}.ui-root[data-menu-play-mode=single] .overlay-role-card[data-role=driver] .overlay-role-lock-hint{display:block}.ui-root[data-menu-play-mode=single] .overlay-menu-options--coop{display:none}.overlay-menu-options--coop{align-self:center;gap:clamp(5px,.9vh,7px);width:min(100%,clamp(280px,28vw,360px));text-align:center}.overlay-menu-options--coop .overlay-menu-section-label{text-align:center}.overlay-menu-right .overlay-menu-options{width:100%}.overlay-menu-coop-status{min-height:30px;padding:7px 9px;border-radius:10px;background:linear-gradient(180deg,#0d10129e,#0607086b);border:1px solid rgba(255,231,190,.1);font-size:clamp(.54rem,min(1vw,1.5vh),.68rem);font-weight:700;line-height:1.25;letter-spacing:.06em;color:#f4eadad1}.overlay-menu-lobby-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.overlay-menu-lobby-label{color:#f4eadaa8;font-size:.54rem;letter-spacing:.16em;text-transform:uppercase}.overlay-menu-lobby-code{padding:3px 7px;border-radius:7px;border:1px solid rgba(255,174,60,.42);background:#ff9a1d1f;color:#ffad3d;font-size:.72rem;letter-spacing:.18em}.overlay-menu-lobby-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:7px}.overlay-menu-lobby-slot{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 7px;border-radius:8px;border:1px solid rgba(255,231,190,.12);background:#0506075c}.overlay-menu-lobby-slot[data-state=you],.overlay-menu-lobby-slot[data-state=joined]{border-color:#ffa63070;background:#ff94231a}.overlay-menu-lobby-slot[data-state=open]{border-style:dashed;opacity:.72}.overlay-menu-lobby-slot-role{color:#f3dfbd;letter-spacing:.14em;text-transform:uppercase}.overlay-menu-lobby-slot-state{color:#f4eada9e;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase}.overlay-menu-lobby-line{color:#f4eadab8}.overlay-menu-room-row{display:grid;grid-template-columns:minmax(88px,.42fr) minmax(160px,.58fr);gap:7px}.overlay-menu-room-input{width:100%;min-width:0;min-height:34px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,222,176,.18);background:linear-gradient(180deg,#121213b8,#0708099e);color:#ffe9c7;font-family:var(--font-ui);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;outline:none}.overlay-menu-toggle.overlay-menu-toggle--coop{grid-template-columns:1fr;justify-items:center;width:100%;min-height:clamp(34px,5vh,42px);overflow:hidden;color:#ffe0a6;font-size:clamp(.62rem,min(1.05vw,1.7vh),.78rem);letter-spacing:.08em;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(26,10,5,.8),0 0 8px rgba(255,141,54,.15)}.overlay-menu-options--coop .overlay-menu-toggle--coop:not(.overlay-menu-solo-action){border-color:#ffb8523d;background:linear-gradient(90deg,#ffa12d21,#ffa12d06 46%,#0003),linear-gradient(180deg,#121110b8,#07080980);box-shadow:inset 0 1px #ffdfa814,0 10px 22px #00000029}.overlay-menu-toggle--coop:before,.overlay-menu-toggle--coop:after{display:none}.overlay-menu-toggle{position:relative;display:grid;width:100%;grid-template-columns:22px 1fr 18px;align-items:center;gap:clamp(8px,1.2vw,12px);min-height:clamp(34px,5.2vh,42px);padding:0 clamp(10px,1.5vw,14px);border-radius:10px;border:1px solid rgba(255,227,187,.16);background:linear-gradient(180deg,#13141694,#0607085c);color:#f2e7d3;font-size:clamp(.62rem,min(1.15vw,1.8vh),.82rem);font-weight:800;font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.overlay-menu-toggle:hover{transform:translateY(-1px)}.overlay-menu-solo-action{align-self:center;justify-self:center;width:clamp(170px,18vw,228px);min-width:0;max-width:min(72vw,250px);min-height:clamp(38px,5.9vh,50px);grid-template-columns:1fr;padding:0 clamp(16px,2vw,24px);border:1px solid rgba(255,184,82,.42);border-radius:12px;background:linear-gradient(90deg,#ff9c2b33,#ff9c2b0f 54%,#0003),linear-gradient(180deg,#14100dc7,#07070894);color:#ffe0a6;font-family:var(--font-display);font-size:clamp(.76rem,min(1.55vw,2.45vh),1rem);letter-spacing:.08em;text-align:center;white-space:nowrap;text-shadow:0 2px 0 rgba(30,10,6,.9),0 0 10px rgba(255,136,54,.22);box-shadow:inset 0 1px #ffdda41a,0 12px 24px #0003,0 0 18px #ff852c14}.overlay-menu-solo-action:hover{transform:translateY(-1px) scale(1.015);color:#fff0c9;border-color:#ffcf72b8;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.overlay-menu-toggle:before,.overlay-menu-toggle:after{content:"";background-repeat:no-repeat;background-position:center;background-size:contain}.overlay-menu-toggle:before{width:18px;height:18px;background-image:var(--icon-check-off)}.overlay-menu-toggle:after{width:18px;height:18px;justify-self:end;opacity:.8}.overlay-menu-toggle[data-enabled=true]{color:#ffd487;border-color:#ffbf5e52;box-shadow:inset 0 0 0 1px #ffa84014}.overlay-menu-toggle[data-enabled=true]:before{background-image:var(--icon-check-on)}.overlay-menu-toggle[data-enabled=false]{color:#e0d6c8b8;border-color:#ffffff14}.overlay-menu-toggle[data-kind=sfx]:after{background-image:var(--icon-sfx)}.overlay-menu-toggle[data-kind=music]:after{background-image:var(--icon-music)}.overlay-menu-hint{margin-top:auto;padding-top:6px;font-size:clamp(.56rem,min(1vw,1.6vh),.74rem);font-weight:700;font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#ffd08ed1}.overlay-menu-card{display:flex;flex-direction:column;gap:clamp(7px,1.4vh,12px);width:100%;padding:clamp(12px,2vw,18px) clamp(12px,2vw,18px) clamp(11px,1.8vw,16px)}.overlay-menu-card-title{margin:0;font-size:clamp(.92rem,min(1.8vw,2.7vh),1.18rem);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#ffab3d}.overlay-menu-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(7px,1.1vw,10px);min-width:0}.overlay-menu-key{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(42px,5vw,62px);min-height:clamp(26px,4.4vh,34px);padding:0 clamp(7px,1vw,10px);border-radius:10px;border:1px solid rgba(255,218,168,.18);background:linear-gradient(180deg,#1b1e23eb,#0b0c0ee6);color:#fff1d8;font-size:clamp(.54rem,min(1vw,1.6vh),.74rem);font-weight:900;font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase}.overlay-menu-control-label{font-size:clamp(.62rem,min(1.1vw,1.75vh),.82rem);line-height:1.26;color:#f4ecdfe0;min-width:0;overflow-wrap:anywhere}.overlay-menu-point{position:relative;padding-left:clamp(12px,1.5vw,18px);font-size:clamp(.62rem,min(1.1vw,1.75vh),.82rem);line-height:1.28;color:#f4ecdfe0;overflow-wrap:anywhere}.overlay-menu-point:before{content:"";position:absolute;left:0;top:.48em;width:8px;height:8px;border-radius:999px;background:linear-gradient(180deg,#ffba59,#ff7f48);box-shadow:0 0 10px #ff924a3d}.overlay-title{font-size:clamp(2.4rem,5vw,4.6rem);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase}.overlay-text{max-width:580px;margin-top:14px;text-align:center;line-height:1.5;font-family:var(--font-ui);color:var(--muted)}.overlay-meta,.overlay-breakdown{margin-top:14px;text-align:center;white-space:pre-line;line-height:1.7;font-size:.92rem;font-family:var(--font-ui);letter-spacing:.04em;color:#f9eedde6}.overlay-breakdown{margin-top:10px;color:#ffdbafeb}.overlay-button{margin-top:26px;padding:14px 26px;border:1px solid rgba(255,215,170,.32);border-radius:999px;background:linear-gradient(180deg,#ffb45e,#ff7e42);color:#29140c;font-size:1rem;font-weight:800;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.overlay-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #ff7c4357}.damage-vignette{position:absolute;inset:0;background:radial-gradient(circle,transparent 52%,rgba(255,68,42,.72) 100%);opacity:0;transition:opacity 90ms linear}.rain-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:saturate(1.05);transition:opacity .18s ease;z-index:1}.rain-overlay[data-visible=true]{opacity:1}.reward-callout,.accolade-banner,.reload-hint,.crosshair,.lane-request-hud,.driver-panel,.latch-warning{z-index:5}.segment-chip{display:none;align-items:center;justify-content:center;min-height:34px;min-width:110px;padding:0 14px;margin-right:auto;border-radius:999px;background:linear-gradient(180deg,#13161ad6,#0c0e1094);border:1px solid rgba(255,232,198,.16);font-size:.72rem;font-weight:900;font-family:var(--font-status);letter-spacing:.12em;text-transform:uppercase;color:#f1e7d0;box-shadow:0 12px 26px #00000029}.event-chip,.buff-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:linear-gradient(180deg,#13161ad6,#0c0e1094);border:1px solid rgba(255,232,198,.14);font-size:.66rem;font-weight:900;font-family:var(--font-status);letter-spacing:.11em;text-transform:uppercase;color:#f1e7d0;box-shadow:0 12px 26px #00000029}.event-chip{position:absolute;left:50%;top:21%;min-height:0;min-width:0;max-width:min(82vw,760px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:clamp(1.6rem,4.8vw,3.8rem);font-weight:400;font-family:var(--font-display);letter-spacing:.14em;line-height:.96;text-align:center;text-shadow:-1px -1px 0 rgba(10,8,8,.82),1px -1px 0 rgba(10,8,8,.82),-1px 1px 0 rgba(10,8,8,.82),1px 1px 0 rgba(10,8,8,.82),0 0 18px rgba(0,0,0,.34);-webkit-text-stroke:1px rgba(8,7,7,.7);transform:translate(-50%,-50%) scale(.94);opacity:0;transition:opacity .14s ease,transform .14s ease;z-index:7}.event-chip[data-visible=true]{opacity:1;transform:translate(-50%,-50%) scale(1)}.boss-hud{position:absolute;left:50%;top:10%;width:min(520px,62vw);transform:translate(-50%);z-index:8;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#ffe8c7;font-family:var(--font-status);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.74)}.boss-hud[hidden]{display:none}.boss-title{color:#ffb15e;white-space:nowrap}.boss-meta{color:#ffe8c6b8;white-space:nowrap}.boss-bar{height:8px;overflow:hidden;border:1px solid rgba(255,169,92,.45);border-radius:999px;background:#0808089e;box-shadow:inset 0 0 12px #000000a6}.boss-fill{width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#ff3d2f,#ff9a45,#ffe0a2);box-shadow:0 0 16px #ff553275}.boss-hud[data-warning=true] .boss-meta{color:#ff4f43;animation:boss-warning-pulse .26s steps(2,end) infinite}.boss-hud[data-hit=true] .boss-fill{filter:brightness(1.8) saturate(1.3)}.event-chip[hidden],.buff-panel[hidden],.buff-chip[hidden]{display:none}.event-chip[data-event=berserkWave]{color:#ff4f43;text-shadow:-1px -1px 0 rgba(14,8,8,.9),1px -1px 0 rgba(14,8,8,.9),-1px 1px 0 rgba(14,8,8,.9),1px 1px 0 rgba(14,8,8,.9),0 0 22px rgba(255,70,56,.32)}.event-chip[data-event=slipperyRoad]{color:#9fe5ff;text-shadow:-1px -1px 0 rgba(8,12,14,.9),1px -1px 0 rgba(8,12,14,.9),-1px 1px 0 rgba(8,12,14,.9),1px 1px 0 rgba(8,12,14,.9),0 0 22px rgba(120,213,255,.26)}.event-chip[data-event=rampJump]{color:#ffe0a2;text-shadow:-1px -1px 0 rgba(15,10,5,.9),1px -1px 0 rgba(15,10,5,.9),-1px 1px 0 rgba(15,10,5,.9),1px 1px 0 rgba(15,10,5,.9),0 0 24px rgba(255,174,82,.3)}.event-chip[data-event=blackoutStretch]{color:#d5ddf4;text-shadow:-1px -1px 0 rgba(6,8,10,.92),1px -1px 0 rgba(6,8,10,.92),-1px 1px 0 rgba(6,8,10,.92),1px 1px 0 rgba(6,8,10,.92),0 0 20px rgba(180,194,255,.2)}.buff-panel{display:inline-flex;align-items:center;gap:8px;margin-right:auto}.buff-chip{position:relative;background:linear-gradient(180deg,#181c20db,#0a0c0f99);font-size:.58rem}.buff-chip[data-buff=nitro]{padding-left:34px}.buff-chip[data-buff=nitro]:before{content:"";position:absolute;left:10px;top:50%;width:14px;height:14px;transform:translateY(-50%);background:center / contain no-repeat var(--icon-lightning);filter:drop-shadow(0 0 5px rgba(255,181,68,.28)) drop-shadow(0 0 10px rgba(255,151,44,.18))}.buff-chip:first-child{color:#d9f5f1;border-color:#87f7ff33}.buff-chip:last-child{color:#f9e0b9;border-color:#ffc57a38}.segment-chip[data-segment=rest]{color:#e8ffd2}.segment-chip[data-segment=chaos]{color:#ffd2be;border-color:#ffa47c3d}.segment-chip[data-segment=dark]{color:#c9defa;border-color:#add1ff38}.lane-request-hud,.driver-panel,.latch-warning{position:absolute;pointer-events:none}.lane-request-hud{inset:0}.lane-request{--lane-request-progress: 0;position:absolute;bottom:138px;width:168px;display:flex;flex-direction:column;align-items:center;gap:9px;opacity:0;transform:translateY(10px) scale(.92);transition:opacity .12s ease,transform .12s ease}.lane-request[hidden]{display:none}.lane-request--left{left:18px}.lane-request--right{right:18px}.lane-request-hud:not([hidden]) .lane-request:not([hidden]){opacity:1;transform:translateY(0) scale(1)}.lane-request-label{max-width:100%;padding:4px 10px;border-radius:999px;background:linear-gradient(180deg,#101215d1,#080a0c9e);border:1px solid rgba(255,239,213,.08);box-shadow:0 10px 22px #0000002e;font-size:.56rem;font-weight:900;font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#e9dbc0;text-align:center;white-space:nowrap}.lane-request-ring{position:relative;width:54px;height:54px;padding:4px;border-radius:999px;background:conic-gradient(from -90deg,#ffd08e calc(var(--lane-request-progress) * 1turn),#ffffff1a 0turn);box-shadow:0 10px 24px #00000038,0 0 18px #ffb66029}.lane-request-core{width:100%;height:100%;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#16181beb,#090a0cc7);border:1px solid rgba(255,239,213,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lane-request-key{font-size:.84rem;font-weight:900;font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#fff0d1}.lane-request[data-complete=true] .lane-request-ring{background:conic-gradient(from -90deg,#ffe6a8 0turn 1turn);box-shadow:0 10px 24px #00000038,0 0 22px #ffcc7a47}.lane-request[data-complete=true] .lane-request-core{border-color:#fff0ba4d}.driver-panel{left:20px;bottom:84px;display:flex;align-items:end;gap:12px;width:min(500px,calc(100vw - 40px));opacity:0;transform:translateY(10px) scale(.98);transition:opacity .15s ease,transform .15s ease}.driver-panel[data-visible=true]{opacity:1;transform:translateY(0) scale(1)}.driver-portrait-frame{width:clamp(84px,9vw,108px);aspect-ratio:.92 / 1.08;flex:0 0 auto;border-radius:18px;overflow:hidden;background:radial-gradient(circle at top,rgba(255,216,163,.16),transparent 56%),linear-gradient(180deg,#121214e6,#0b0b0dd1);border:1px solid rgba(255,226,189,.18);box-shadow:0 18px 36px #00000047}.driver-panel[data-mood=panic] .driver-portrait-frame{border-color:#ff8b7057}.driver-panel[data-mood=observing] .driver-portrait-frame{border-color:#bfddff42}.driver-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.driver-prompt{position:relative;flex:1;min-height:70px;padding:10px 12px 10px 14px;border-radius:14px 14px 14px 7px;background:linear-gradient(180deg,#2a1c12eb,#0d0c0ed1),linear-gradient(180deg,#ffcc9014,#0000);border:1px solid rgba(255,211,156,.16);box-shadow:0 18px 38px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.driver-prompt:after{content:"";position:absolute;left:-10px;bottom:14px;width:14px;height:18px;background:linear-gradient(180deg,#231811f0,#0f0d0ee0);clip-path:polygon(100% 0,100% 100%,0 24%);border-left:1px solid rgba(255,211,156,.14);border-top:1px solid rgba(255,211,156,.12)}.driver-prompt-speaker{display:none}.driver-prompt-label{font-size:.86rem;font-weight:700;font-family:var(--font-ui);letter-spacing:.02em;color:#f3e5ce;text-align:left;line-height:1.22}.driver-prompt-timer{width:100%;height:7px;margin-top:9px;overflow:hidden;border-radius:999px;background:#ffffff12}.driver-prompt-timer-fill{width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#ffd28f,#ff8748)}.driver-prompt-controls{margin-top:7px;font-size:.6rem;font-weight:800;font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;color:#e8cda5;text-align:left}.driver-prompt[data-intent=cutLeft]{border-color:#ffc47c38}.driver-prompt[data-intent=scrapeWreck]{border-color:#ff9e6c3d}.driver-prompt[data-intent=shakeItOff]{border-color:#ffd6a533}.driver-prompt[data-intent=forceGap]{border-color:#ffe4a038}.driver-panel[data-prompt=false] .driver-prompt{background:linear-gradient(180deg,#1a1817e6,#0c0c0ecc),linear-gradient(180deg,#ffcc900d,#0000)}.latch-warning{left:50%;transform:translate(-50%);top:132px;width:min(320px,calc(100vw - 32px));padding:10px 12px 12px;border-radius:14px;background:linear-gradient(180deg,#340a08d1,#12090aad);border:1px solid rgba(255,124,100,.18);box-shadow:0 16px 30px #0000003d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.latch-label{font-size:.68rem;font-weight:900;font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#ffd9cf;text-align:center}.latch-bar{width:100%;height:9px;margin-top:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.latch-fill{width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#f8d77b,#ff7347)}.latch-keys{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:10px}.latch-keys-prompt{font-size:.5rem;font-weight:800;font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#ffd6c6c2;text-align:center}.latch-keys-row{display:inline-flex;align-items:center;justify-content:center;gap:18px}.latch-key{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;border-radius:10px;border:1px solid rgba(255,222,201,.18);background:linear-gradient(180deg,#26110ff5,#120a0bdb),linear-gradient(180deg,#fff6e80f,#0000);box-shadow:inset 0 1px #fff2e414,0 8px 18px #0000002e;font-size:.76rem;font-weight:900;font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#fff1d5;animation:latch-key-pulse .72s ease-in-out infinite alternate}.latch-key:last-child{animation-delay:.12s}@keyframes boss-warning-pulse{0%{opacity:.72;text-shadow:0 0 8px rgba(255,64,48,.18)}to{opacity:1;text-shadow:0 0 16px rgba(255,64,48,.46)}}@keyframes latch-key-pulse{0%{transform:translateY(0) scale(1);box-shadow:inset 0 1px #fff2e414,0 8px 18px #0000002e}to{transform:translateY(-1px) scale(1.04);box-shadow:inset 0 1px #fff7ee1a,0 10px 22px #00000038,0 0 16px #ff905c1f}}@media(max-width:1180px){.overlay-menu{grid-template-columns:minmax(190px,250px) minmax(310px,1fr) minmax(200px,260px);gap:clamp(8px,1.6vw,18px);overflow:visible}.overlay-state{grid-template-columns:fit-content(290px) minmax(260px,1fr) fit-content(280px);gap:clamp(10px,2vw,24px);overflow:visible}.overlay-state-left,.overlay-state-right{max-width:none}.overlay-state-left{padding-left:0}.overlay-state-right{justify-content:center}}.crosshair[data-latched=true]{filter:drop-shadow(0 0 12px rgba(255,148,102,.26))}.ui-root[data-failure=warning] .reward-hud,.ui-root[data-failure=warning] .stats-panel,.ui-root[data-failure=warning] .hud-panel{box-shadow:0 20px 40px #00000052}.ui-root[data-failure=critical] .reward-hud,.ui-root[data-failure=critical] .stats-panel,.ui-root[data-failure=critical] .hud-panel{box-shadow:0 22px 48px #4c0a0a57}@media(max-width:900px){.hud{padding:10px;gap:8px}.overlay{--overlay-inset: 14px;--overlay-gap: 12px;padding:14px}.overlay-menu{top:14px;bottom:14px;left:50%;width:calc(100vw - 28px);grid-template-columns:minmax(170px,.82fr) minmax(260px,1.1fr) minmax(175px,.82fr);gap:8px;overflow:visible}.overlay-state{top:14px;bottom:14px;left:50%;width:calc(100vw - 28px);grid-template-columns:minmax(220px,.96fr) minmax(48px,.38fr) minmax(210px,.86fr);gap:12px;overflow:hidden}.overlay-state-left{justify-content:center;padding:8px 2px}.overlay-state-right{justify-content:center}.overlay-state-logo{width:clamp(120px,min(29vw,32vh),240px)}.overlay-state-title{font-size:clamp(2rem,min(9vw,9.2vh),4.6rem)}.overlay-state-actions{width:clamp(210px,29vw,280px)}.overlay-state-right,.overlay-state-panel,.overlay-menu-right{width:clamp(205px,28vw,280px)}.overlay-menu-panel--left,.overlay-menu-card,.overlay-state-panel{padding-left:16px;padding-right:16px}.overlay-menu-logo{width:clamp(128px,min(31vw,34vh),250px)}.overlay-menu-playmode,.overlay-menu-copy,.overlay-menu-stats,.overlay-menu-options{width:clamp(168px,26vw,235px)}.overlay-menu-playmode{grid-template-columns:16px 1fr;font-size:clamp(.72rem,min(1.45vw,2.15vh),.98rem);letter-spacing:.04em}.overlay-menu-center,.overlay-menu-role-panel{width:100%}.overlay-menu-role-panel{max-width:min(390px,38vw)}.overlay-role-select{height:clamp(220px,50vh,400px)}.overlay-menu-right{order:0}.overlay-menu-copy{display:none}.overlay-menu-eyebrow,.overlay-menu-section-label,.overlay-menu-hint,.overlay-state-hint{letter-spacing:.14em}.overlay-dialog{width:min(640px,calc(100vw - 28px));padding:24px 18px}.hud-middle{padding-top:6px;justify-content:center;flex-wrap:wrap}.hud-bottom{flex-direction:row;align-items:end}.hud-panel--health{width:min(150px,32vw)}.hud-panel--ammo{width:auto;margin-bottom:52px}.radar-panel{order:initial;width:min(38vw,300px)}.hud-top{display:grid;grid-template-columns:max-content minmax(120px,1fr) max-content;align-items:start;gap:8px}.reward-hud{order:initial;width:auto;min-width:0;max-width:168px;align-items:flex-start;gap:5px;justify-self:start}.stats-panel{width:auto;justify-content:flex-end;flex-wrap:nowrap}.stats-panel--side{order:initial;min-width:0;flex-direction:column;width:auto;align-items:flex-end;gap:4px;justify-self:end}.reward-callout{top:74px;font-size:.7rem;max-width:calc(100vw - 24px)}.stat-chip--score{width:152px}.stat-chip--distance{width:128px}.stat-chip--time{width:108px}.stats-panel--side .stat-chip{grid-template-columns:24px 1fr;min-height:34px;padding:6px 10px 6px 7px}.stats-panel--side .stat-icon{width:16px;height:16px}.stats-panel--side .stat-label{font-size:.42rem;letter-spacing:.18em}.stats-panel--side .stat-value{font-size:.74rem}.stat-chip--reward{min-height:32px;padding:0 10px;border-radius:10px;font-size:.72rem;letter-spacing:.04em}.chain-panel{width:max-content;max-width:min(148px,38vw);min-height:28px;padding:0 9px;border-radius:9px}.chain-fill{inset:3px;border-radius:7px}.chain-label{min-height:28px;gap:5px;font-size:.5rem;letter-spacing:.12em}.chain-label:before{width:12px;height:12px;flex-basis:12px}.event-chip{top:19%;max-width:min(90vw,620px);font-size:clamp(1.3rem,7vw,2.5rem);letter-spacing:.12em}.lane-request-hud,.driver-panel{width:calc(100vw - 24px)}.lane-request{bottom:118px;width:144px}.lane-request--left{left:10px}.lane-request--right{right:10px}.lane-request-label{padding:4px 8px;font-size:.5rem}.mobile-controls{inset:auto 0 12px;gap:12px;padding:0 12px}.mobile-controls-group{gap:10px}.mobile-control--lane{width:72px;height:72px;font-size:.6rem}.mobile-control--reload{width:82px;height:48px;font-size:.54rem}.mobile-control--fire{width:94px;height:94px;font-size:.72rem}.driver-panel{left:14px;right:auto;bottom:62px;width:min(360px,calc(100vw - 28px));gap:8px}.driver-portrait-frame{width:64px}.latch-warning{top:118px;width:min(300px,calc(100vw - 24px))}}@media(max-width:700px),(max-height:520px){.overlay{--overlay-inset: 10px;--overlay-gap: 8px;padding:10px}.overlay[data-mode=menu]:after{inset:10px;border-radius:18px}.overlay-menu,.overlay-state{top:10px;bottom:10px;left:50%;width:calc(100vw - 20px);grid-template-columns:fit-content(190px) minmax(160px,1fr) fit-content(180px);gap:7px}.overlay-menu-panel--left,.overlay-menu-card,.overlay-state-panel--controls,.overlay-state-panel--summary,.overlay-state-panel--cause{gap:6px;padding:10px;border-radius:18px}.overlay-menu-panel:after,.overlay-menu-card:after,.overlay-state-panel:after{inset:6px;border-radius:13px}.overlay-menu-logo{width:clamp(110px,min(28vw,30vh),190px)}.overlay-menu-playmode,.overlay-menu-copy,.overlay-menu-stats,.overlay-menu-options{width:clamp(150px,29vw,190px)}.overlay-menu-right,.overlay-menu-card,.overlay-state-right,.overlay-state-panel{width:clamp(150px,27vw,180px)}.overlay-menu-role-panel{max-width:min(300px,36vw)}.overlay-role-select{height:clamp(160px,46vh,270px)}.overlay-role-title{font-size:clamp(.7rem,min(2vw,2.8vh),.9rem)}.overlay-role-callout{width:min(100%,170px)}.overlay-role-hint{display:none}.overlay-state-actions{width:clamp(155px,31vw,220px)}.overlay-state-logo{width:clamp(96px,min(25vw,26vh),174px)}.latch-warning{top:102px;width:min(280px,calc(100vw - 20px));padding:8px 10px 10px}.latch-label{font-size:.56rem;letter-spacing:.1em}.latch-keys{margin-top:7px;gap:5px}.latch-keys-prompt{font-size:.46rem;letter-spacing:.12em}.mobile-controls{gap:8px;padding:0 10px}.mobile-controls-group{gap:8px}.mobile-control--lane{width:62px;height:62px;font-size:.52rem}.mobile-control--reload{width:72px;height:42px;font-size:.48rem}.mobile-control--fire{width:82px;height:82px;font-size:.62rem}.overlay-menu-copy,.overlay-menu-hint,.overlay-state-hint{display:none}.overlay-menu-playmode,.overlay-state-button{min-height:40px;border-radius:12px;letter-spacing:.055em}.overlay-menu-playmode{grid-template-columns:15px 1fr;font-size:clamp(.64rem,min(2.35vw,3vh),.86rem);letter-spacing:.035em}.overlay-menu-room-row{grid-template-columns:1fr}.overlay-state-button--primary{font-size:clamp(.88rem,min(3.2vw,4.2vh),1.18rem)}.overlay-state-button--secondary{font-size:clamp(.78rem,min(2.8vw,3.8vh),1rem)}.overlay-state-title{font-size:clamp(1.75rem,min(8.5vw,8.2vh),3.4rem)}.overlay-state-subtitle,.overlay-menu-tagline{font-size:clamp(.62rem,min(1.8vw,2.2vh),.76rem);line-height:1.24}.overlay-menu-eyebrow,.overlay-menu-section-label{font-size:.5rem;letter-spacing:.12em}.overlay-menu-toggle{grid-template-columns:16px 1fr 15px;min-height:30px;padding:0 8px;gap:6px;border-radius:10px;font-size:clamp(.52rem,min(1.65vw,1.9vh),.64rem);letter-spacing:.08em}.overlay-menu-toggle:before,.overlay-menu-toggle:after{width:15px;height:15px}.overlay-menu-key{min-width:36px;min-height:24px;padding:0 6px;border-radius:8px;letter-spacing:.08em}.overlay-menu-control-label,.overlay-menu-point,.overlay-state-cause-body{font-size:clamp(.54rem,min(1.7vw,2vh),.66rem);line-height:1.2}.overlay-menu-card-title,.overlay-state-panel-title{margin-bottom:1px;font-size:clamp(.72rem,min(2vw,2.4vh),.9rem)}.overlay-menu-card:nth-child(2) .overlay-menu-point:nth-of-type(n+4){display:none}.overlay-summary-row{grid-template-columns:18px 1fr auto;min-height:26px}.overlay-summary-icon{width:15px;height:15px}.overlay-summary-label{font-size:clamp(.5rem,min(1.45vw,1.75vh),.6rem);letter-spacing:.1em}.overlay-summary-value{font-size:clamp(.7rem,min(1.9vw,2.2vh),.86rem)}}@media(max-height:430px){.overlay-menu-tagline,.overlay-menu-card:nth-child(2){display:none}.overlay-state-panel--summary,.overlay-state-panel--cause{gap:5px}.overlay-summary-row{min-height:24px}}