.exp-hud,.exp-mobile-controls,.exp-stage{--exp-ivory:var(--color-text-primary,#f4f2ec);--exp-muted:#b9afa1;--exp-metal:#86715a;--exp-core:#101012;--exp-signal:var(--color-signal,#cbf24d);--exp-danger:var(--color-ember,#ff5a2c);--exp-amber:var(--color-warning,#ffb020);--exp-depth:inset 0 1px 0 #ffffff12,inset 0 -3px 6px #0008,0 3px 8px #0005;--exp-radius:6px;--exp-gap:8px;--exp-label-font:"Arial Narrow","Roboto Condensed",var(--font-sans),sans-serif;--exp-number-font:var(--font-mono),ui-monospace,monospace}.exp-stage{container-type:inline-size}.exp-hud{position:absolute;z-index:20;top:max(8px,var(--exp-top));left:max(8px,var(--exp-left));right:max(8px,var(--exp-right));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:var(--exp-gap);align-items:start;pointer-events:none;color:var(--exp-ivory)}.exp-label{font-family:var(--exp-label-font);font-size:10px;line-height:1.3;letter-spacing:.09em;color:var(--exp-muted)}.exp-height{position:relative;padding:5px 0 5px 12px;min-width:0;background:linear-gradient(90deg,#0a0a0cb8,transparent)}.exp-height:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;border-left:1px solid var(--exp-metal);border-top:3px solid var(--exp-metal);border-bottom:1px solid var(--exp-metal);background:repeating-linear-gradient(0deg,transparent 0 10px,#86715a 10px 11px,transparent 11px 12px) 0 /4px 80% no-repeat}.exp-reading{display:flex;align-items:baseline;gap:4px;min-width:0}.exp-reading strong{font-family:var(--exp-number-font);font-variant-numeric:tabular-nums;font-size:clamp(22px,6.2cqw,52px);line-height:1.15;letter-spacing:-.065em;font-weight:700;overflow-wrap:anywhere;min-width:0}.exp-reading>span{font:10px var(--exp-label-font);color:var(--exp-muted);text-transform:uppercase}.exp-clearance{min-width:0;border:1px solid #655045;border-left:2px solid var(--exp-danger);border-radius:var(--exp-radius);padding:5px 7px;background:linear-gradient(145deg,#25221fe6,#101012ed 45%);box-shadow:var(--exp-depth)}.exp-clearance .exp-label{font-size:9px;letter-spacing:.035em}.exp-clearance .exp-reading strong{font-size:clamp(20px,5.7cqw,44px)}.exp-wave{width:20px;height:20px;flex-shrink:0;align-self:center;color:var(--exp-danger)}.exp-clearance[data-phase=hardened]{border-color:#9a8265}.exp-clearance[data-phase=hardened] .exp-wave{color:#9a8265;animation:none}.exp-clearance[data-danger=true]{border-color:var(--exp-danger);border-left-width:3px}.exp-clearance[data-danger=true]:not([data-phase=hardened]) .exp-wave{animation:expedition-danger 1.2s ease-in-out infinite}.exp-utilities{display:flex;flex-direction:column;gap:2px;pointer-events:auto}.exp-utilities .exp-utility{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid #726b61;border-radius:50%;background:#101012db;color:var(--exp-ivory);box-shadow:inset 0 1px 1px #fff1;padding:11px;cursor:pointer;backdrop-filter:none}.exp-utility svg{width:20px;height:20px}.exp-utility:hover{border-color:var(--exp-ivory)}.exp-touch-button:focus-visible,.exp-utility:focus-visible{outline:2px solid var(--exp-signal);outline-offset:2px}.exp-powers{grid-column:1/3;grid-row:2;display:flex;flex-direction:column;gap:4px;width:min(100%,230px);max-height:min(112px,17dvh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#86715a #101012;pointer-events:auto;overscroll-behavior:contain}.exp-cartridge{--power-color:var(--exp-amber);display:flex;align-items:center;gap:7px;min-height:38px;flex-shrink:0;padding:4px 8px 4px 5px;border:1px solid var(--exp-metal);border-radius:var(--exp-radius);color:var(--power-color);background:linear-gradient(110deg,#28241f,var(--exp-core) 28%);box-shadow:var(--exp-depth)}.exp-power-icon{display:flex;width:26px;height:26px;padding:4px;flex-shrink:0;border:1px solid;border-radius:50%;background:#080809}.exp-power-body{flex:1;min-width:0}.exp-power-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font:600 11px var(--exp-label-font);text-transform:uppercase;letter-spacing:.035em}.exp-power-heading strong{font:600 13px var(--exp-number-font);font-variant-numeric:tabular-nums;white-space:nowrap}.exp-power-heading small{font-size:10px;text-transform:none}.exp-power-meter{display:flex;gap:6px;align-items:center;margin-top:4px}.exp-fuel-value,.exp-power-meter .exp-label{font:9px var(--exp-number-font);color:var(--exp-muted);white-space:nowrap}.exp-fuel-value{font-variant-numeric:tabular-nums}.exp-track{position:relative;display:block;height:2px;flex:1;overflow:hidden;background:#ffffff18}.exp-track i{display:block;height:100%;background:currentColor}.exp-track-fuel{height:6px}.exp-track-fuel:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 5px,#101012 5px 7px)}.exp-mobile-controls .exp-touch-button{border:1px solid #736b60;border-radius:8px;background:linear-gradient(#242323ed,#0a0a0ced);color:var(--exp-ivory);box-shadow:var(--exp-depth);min-height:104px;transition:transform .12s ease,background-color .12s ease}.exp-mobile-controls .exp-touch-button[data-primary=true]{color:var(--exp-signal);border-color:#8c9d56;border-top:2px solid var(--exp-signal)}.exp-mobile-controls .exp-touch-button[aria-pressed=true]{transform:translateY(2px);background:#46423b;box-shadow:inset 0 3px 8px #000a}.exp-mobile-controls .exp-touch-button[data-primary=true][aria-pressed=true]{background:var(--exp-signal);color:#101012}.exp-touch-button:disabled{opacity:.4;cursor:not-allowed}.exp-mobile-controls .exp-joystick{border:1px solid #3b3434;background:radial-gradient(circle,#1f1b1c 0 58%,#141112 100%);box-shadow:inset 0 0 0 6px #0000002e,0 6px 16px #0008;color:var(--exp-ivory)}.exp-joystick-knob{border:2px solid var(--exp-signal);background:radial-gradient(circle at 50% 40%,#2a2527,#19161a);box-shadow:0 4px 10px #000a;pointer-events:none;will-change:transform}.exp-joystick-chevron{position:absolute;z-index:1;opacity:.85;pointer-events:none;transition:color .08s ease,opacity .08s ease,filter .08s ease}.exp-joystick-chevron[data-dir=down]{opacity:0}.exp-joystick[data-down] .exp-joystick-chevron[data-dir=down],.exp-joystick[data-left] .exp-joystick-chevron[data-dir=left],.exp-joystick[data-right] .exp-joystick-chevron[data-dir=right],.exp-joystick[data-up] .exp-joystick-chevron[data-dir=up]{color:var(--exp-signal);opacity:1;filter:drop-shadow(0 0 6px var(--exp-signal))}.exp-joystick-caption{font-size:11px;font-weight:600;letter-spacing:.24em;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none}.exp-mobile-controls .exp-touch-button[data-pad=true]{border:0;border-radius:20px;background:color-mix(in srgb,var(--exp-signal) 78%,transparent);backdrop-filter:blur(2px);color:#101012;box-shadow:0 6px 18px #0009,inset 0 -3px 0 #0000002e}.exp-mobile-controls .exp-touch-button[data-pad=true][aria-pressed=true]{transform:translateY(2px);background:color-mix(in srgb,#b3d93f 88%,transparent);box-shadow:inset 0 3px 8px #0005}@container (min-width: 620px){.exp-hud{grid-template-columns:minmax(145px,1fr) minmax(210px,1.5fr) minmax(155px,1fr) 44px;gap:16px;top:max(16px,var(--exp-top));left:max(16px,var(--exp-left));right:max(16px,var(--exp-right))}.exp-clearance{grid-column:3;padding:8px 10px}.exp-utilities{grid-column:4}.exp-powers{grid-column:2;grid-row:1;width:100%;max-height:min(150px,18dvh)}.exp-height{padding-left:20px}.exp-label{font-size:12px}.exp-clearance .exp-label{font-size:11px}.exp-cartridge{min-height:48px}.exp-power-heading{font-size:14px}.exp-power-heading strong{font-size:17px}.exp-power-icon{width:34px;height:34px}}@container (max-width: 350px){.exp-hud{gap:4px;left:5px;right:5px}.exp-height{padding-left:8px}.exp-clearance{padding:5px 4px}.exp-wave{width:12px;height:14px}.exp-label{font-size:9px}.exp-clearance .exp-label{font-size:8px}.exp-reading strong{font-size:22px}.exp-clearance .exp-reading strong{font-size:20px}}.exp-phase-row{display:flex;align-items:center;gap:4px;margin-top:3px}.exp-phase-icon{width:10px;height:10px;flex-shrink:0}.exp-phase-label{font:600 9px var(--exp-label-font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.exp-phase-track{flex:1;min-width:20px;height:2px}.exp-phase-row[data-phase=surge] .exp-phase-icon,.exp-phase-row[data-phase=surge] .exp-phase-label{color:var(--exp-danger)}.exp-phase-row[data-phase=surge] .exp-phase-track i{background:var(--exp-danger)}.exp-phase-row[data-phase=stumble] .exp-phase-icon,.exp-phase-row[data-phase=stumble] .exp-phase-label{color:var(--exp-signal)}.exp-phase-row[data-phase=stumble] .exp-phase-track i{background:var(--exp-signal)}.exp-phase-row[data-phase=grace] .exp-phase-icon,.exp-phase-row[data-phase=grace] .exp-phase-label{color:var(--exp-muted)}.exp-phase-row[data-phase=grace] .exp-phase-track i{background:var(--exp-muted)}.exp-phase-row[data-phase=hardened] .exp-phase-icon,.exp-phase-row[data-phase=hardened] .exp-phase-label{color:#9a8265}.exp-phase-row[data-phase=hardened] .exp-phase-track i{background:#9a8265}.exp-duel-strip{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;pointer-events:none}.exp-versus{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;border-radius:var(--exp-radius);background:linear-gradient(90deg,#0a0a0cb8,#0a0a0c80);backdrop-filter:blur(2px)}.exp-versus-names{font-family:var(--exp-number-font);font-size:12px;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:4px;min-width:0}.exp-versus-p1{color:var(--exp-signal);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.exp-versus-sep{color:var(--exp-muted);font-size:10px;flex-shrink:0}.exp-versus-p2{color:#6bb8ff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.exp-versus-status{display:flex;align-items:center;gap:6px;flex-shrink:0}.exp-versus-reconnecting{font-family:var(--exp-number-font);font-size:11px;color:var(--color-warning,#ffb020)}.exp-versus-lobby,.exp-versus-opp-stale{font-family:var(--exp-number-font);font-size:11px;color:var(--exp-muted)}.exp-versus-lobby{display:flex;align-items:center;gap:4px}.exp-versus-lobby-dot{width:6px;height:6px;border-radius:50%}.exp-versus-live{display:flex;align-items:center;gap:4px;font-family:var(--exp-number-font);font-size:11px;font-weight:600;color:var(--exp-danger)}.exp-versus-live-dot{width:6px;height:6px;border-radius:50%;background:var(--exp-danger)}.exp-race-progress{display:flex;flex-direction:column;gap:3px;padding:4px 8px;border-radius:var(--exp-radius);background:linear-gradient(90deg,#0a0a0ca0,#0a0a0c60);backdrop-filter:blur(2px)}.exp-race-row{display:flex;align-items:center;gap:6px}.exp-race-name{font-family:var(--exp-number-font);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:96px;flex-shrink:0}.exp-race-bar{position:relative;flex:1;height:6px;border-radius:999px;background:#ffffff18;overflow:hidden}.exp-race-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;transition:width .2s ease-out}.exp-race-alt{font-family:var(--exp-number-font);font-size:11px;font-variant-numeric:tabular-nums;color:var(--exp-muted);width:56px;text-align:right;flex-shrink:0}@container (min-width: 620px){.exp-duel-strip{grid-column:1/-1}.exp-versus-p1,.exp-versus-p2{max-width:140px}.exp-race-name{width:120px}}@container (max-width: 350px){.exp-versus{padding:3px 5px}.exp-versus-names{font-size:10px}.exp-versus-p1,.exp-versus-p2{max-width:70px}.exp-race-name{width:64px;font-size:10px}.exp-race-alt{width:44px;font-size:10px}}@keyframes expedition-danger{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.exp-clearance[data-danger=true] .exp-wave{animation:none}.exp-joystick-chevron,.exp-touch-button{transition:none}}