@font-face{font-family:Display;src:local('Impact')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#142422;color:#f8f4e8;font-family:Arial,Helvetica,sans-serif}body{display:flex;align-items:center;justify-content:center}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:3px solid #e4ff86;outline-offset:4px}button{color:inherit}button:disabled{opacity:.4}#game{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:#accbc2;container-type:size;touch-action:none}#game.layout-portrait{width:min(100vw,56.25vh);height:min(100vh,177.78vw)}#game.layout-landscape{width:min(100vw,177.78vh);height:min(100vh,56.25vw)}#world{display:block;width:100%;height:100%;position:absolute;inset:0}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#12262255,transparent 22%,transparent 65%,#14292580);z-index:1}header{position:absolute;top:max(22px,env(safe-area-inset-top));left:28px;right:28px;display:flex;align-items:flex-start;justify-content:space-between;z-index:6;pointer-events:none}header>*{pointer-events:auto}.wordmark{display:flex;flex-direction:column;font-family:Display,Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:25px;line-height:.9;letter-spacing:-.8px;color:#fff7df;text-decoration:none;transform:rotate(-4deg);text-shadow:2px 2px 0 #193e36}.wordmark>span{font-size:33px;display:flex;align-items:flex-end;gap:5px}.racing{font:700 8px/1.1 Arial;letter-spacing:1px;writing-mode:vertical-rl;transform:rotate(180deg)}.top-right{display:flex;gap:16px;align-items:center}.build-label{font-size:11px;letter-spacing:2px;font-weight:700;color:#fcf8e8}.square{border:1px solid #fff5;background:#182d2ae6;width:42px;height:42px;border-radius:50%;font-size:22px;display:grid;place-items:center}.race-only{opacity:0;pointer-events:none;transition:opacity .2s}#game[data-phase=playing] .race-only,#game[data-phase=paused] .race-only{opacity:1}#game[data-phase=playing] button,#game[data-phase=playing] #steering{pointer-events:auto}.eyebrow i{height:6px;width:6px;display:inline-block;border-radius:50%;background:#e2ff83}#drive-hud{position:absolute;bottom:170px;left:32px;z-index:3;display:flex;align-items:end;gap:22px}#speed strong{font:56px/.9 Display,Impact,sans-serif;letter-spacing:-2px}#speed span{font-size:10px;letter-spacing:1px;margin-left:7px}.text-button{background:#19352aa8;border:1px solid #fff4;border-radius:5px;padding:11px 12px;font-size:10px;font-weight:700;letter-spacing:.5px}#touch-controls{position:absolute;bottom:max(34px,env(safe-area-inset-bottom));left:28px;right:28px;display:flex;justify-content:space-between;align-items:end;z-index:4;pointer-events:none}#steering{position:relative;display:flex;align-items:center;justify-content:space-between;width:240px;height:90px;touch-action:none;user-select:none;border:1px solid #fff6;border-radius:14px;background:#18392a55;backdrop-filter:blur(4px);padding:0 18px 15px;pointer-events:auto}.steer-left,.steer-right{font-size:35px;font-weight:normal;color:#eee8cc}.steer-rail{width:140px;height:3px;background:#ffffff50;position:relative}.steer-rail:before{content:'';position:absolute;left:50%;top:-5px;height:13px;width:1px;background:#fff5}#thumb{position:absolute;width:32px;height:32px;border-radius:50%;background:#f6f0d6;left:calc(50% - 16px);top:-15px;border:6px solid #283f39;box-shadow:0 0 0 1px #fffffa80;transition:background .15s}#steering.active #thumb{background:#e5ff86}#steering small{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:9px;font-weight:700;letter-spacing:1.6px}#brake{display:flex;align-items:center;justify-content:center;flex-direction:column;width:112px;height:112px;border:2px solid #f5f0dca0;border-radius:50%;background:#182d2a8c;font-size:12px;font-weight:700;letter-spacing:1.4px;touch-action:none;box-shadow:inset 0 0 0 6px #182d2a30}.brake-icon{font-size:23px;letter-spacing:-3px;transform:rotate(-12deg);margin-bottom:7px}#brake.active{background:#fc794e;color:#192d2a;border-color:#ffd1ab;transform:scale(.97)}#desktop-help{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);z-index:3;font-size:9px;letter-spacing:1px;white-space:nowrap;color:#ffffedaa}#desktop-help span{margin:0 15px}.panel{position:absolute;z-index:10;background:#18312deF;color:#faf5df;width:min(440px,calc(100% - 40px));padding:30px;left:32px;top:50%;transform:translateY(-43%);border:1px solid #e7e7b929;border-radius:3px;box-shadow:0 20px 70px #18312722;backdrop-filter:blur(15px)}.panel[hidden]{display:none}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#e3ff84;display:flex;gap:8px;align-items:center}h1,h2{font-family:Display,Impact,'Arial Narrow',sans-serif;font-weight:normal;letter-spacing:-.5px;line-height:1.02;margin:22px 0 15px;font-size:46px}h2{font-size:37px}p{font-size:14px;line-height:1.65;color:#c1cec3;margin:0 0 20px}b{color:#fbf7e1}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 12px}.mode-picker button{padding:12px 9px;background:transparent;border:1px solid #a4b6a74a;text-align:left;border-radius:3px}.mode-picker b{display:block;font-size:10px;letter-spacing:.8px}.mode-picker small{display:block;font-size:10px;line-height:1.4;color:#b5c4b8;margin-top:5px}.mode-picker button.selected{border-color:#e5ff86;background:#e5ff8610}.mode-picker button.selected b{color:#e5ff86}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:#e5ff86;color:#18312d;border:0;border-radius:3px;padding:16px 18px;font-size:14px;letter-spacing:1px;font-weight:800}.primary:hover{background:#f1ffbb}.primary span{font-size:22px;line-height:1}.intro-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:8px;letter-spacing:.7px;color:#b7c8b8}.intro-bottom button{font-size:9px;color:#e5ff86;background:none;border:0;padding:5px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading .square{width:30px;height:30px;font-size:23px}.field-label,.range-label{font-size:10px;letter-spacing:1px;font-weight:700;display:block;margin:20px 0 10px}.segments{display:flex;gap:5px}.segments button{flex:1;padding:11px 5px;font-size:10px;font-weight:700;letter-spacing:.7px;border:1px solid #fff4;background:none;border-radius:3px}.segments button.selected{background:#e5ff86;border-color:#e5ff86;color:#18312d}.field-note{font-size:11px;line-height:1.5;margin:10px 0 15px}.range-label{display:flex;justify-content:space-between}input[type=range]{width:100%;accent-color:#e5ff86;margin:0 0 15px}input[type=checkbox]{width:20px;height:20px;accent-color:#e5ff86}.switch-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:10px 0;border-bottom:1px solid #fff2}.switch-line small{display:block;font-size:10px;color:#b6c7b8;margin-top:4px}.settings-note{color:#e5ff86;font-size:10px;line-height:1.6;letter-spacing:.7px;margin:17px 0}.settings-note span{color:#bfccbd;font-size:11px;letter-spacing:0}.secondary{width:100%;padding:14px 0 0;font-size:10px;letter-spacing:1px;font-weight:bold;background:none;border:0;color:#ccd5c4}#settings{max-height:calc(100% - 50px);overflow:auto;top:50%;transform:translateY(-50%)}.result-stats{display:flex;gap:45px;margin:25px 0}.result-stats b{font-family:Display,Impact,sans-serif;font-weight:normal;font-size:35px;display:block}.result-stats span{font-size:9px;letter-spacing:1px;color:#bacaba}.panel#finish{left:50%;transform:translate(-50%,-45%)}#loading{position:absolute;inset:0;background:#18312d;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading-mark{font:100px/1 Display,Impact,sans-serif;color:#e5ff86;transform:rotate(-8deg)}#loading p{margin-top:20px}#toast{position:absolute;bottom:180px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#e5ff86;color:#18312d;z-index:20;border-radius:3px;font-size:12px;font-weight:bold;opacity:0;transition:opacity .2s;pointer-events:none;text-align:center;width:max-content;max-width:80%}#toast.visible{opacity:1}
@container (max-width:600px){header{left:20px;right:20px;top:max(20px,env(safe-area-inset-top))}.wordmark{font-size:21px}.wordmark>span{font-size:28px}.top-right{gap:10px}.build-label{font-size:8px;letter-spacing:1px}#drive-hud{bottom:152px;left:20px;gap:10px;align-items:center}#speed strong{font-size:40px}#speed span{font-size:8px;display:block;margin:4px 0}#recover{font-size:8px;padding:9px}#touch-controls{left:20px;right:20px;bottom:max(32px,env(safe-area-inset-bottom))}#steering{width:55%;max-width:220px;height:93px;padding-left:12px;padding-right:12px}.steer-rail{width:65%}#brake{width:94px;height:94px;font-size:11px}#desktop-help{display:none}.panel{left:20px;width:calc(100% - 40px);top:auto;bottom:26px;transform:none;padding:24px}h1{font-size:42px;margin-top:17px}h2{font-size:32px}.panel p{font-size:13px}.mode-picker{margin-top:18px}.intro-bottom{font-size:7px}.panel#settings{top:50%;bottom:auto;transform:translateY(-50%)}.panel#finish{left:20px;top:50%;bottom:auto;transform:translateY(-50%)}#toast{bottom:195px}}
@container (max-height:550px){header{top:15px;left:22px;right:22px}.wordmark{font-size:19px}.wordmark>span{font-size:25px}.build-label{display:none}#drive-hud{bottom:115px;left:22px}#speed strong{font-size:38px}#touch-controls{bottom:24px;left:22px;right:22px}#steering{height:72px;width:205px}#brake{width:83px;height:83px;font-size:10px}#desktop-help{bottom:7px;font-size:8px}.panel{left:22px;top:50%;bottom:auto;transform:translateY(-46%);width:350px;padding:20px}h1{font-size:33px;margin:12px 0}.panel p{font-size:11px;line-height:1.5;margin-bottom:12px}.eyebrow{font-size:8px}.mode-picker{margin:12px 0 10px}.mode-picker button{padding:9px}.primary{padding:12px 15px;font-size:12px}.intro-bottom{margin-top:10px}#settings{max-height:calc(100% - 20px)}#settings h2{font-size:26px;margin:10px 0}.field-label,.range-label{margin:12px 0 8px}.switch-line{padding:5px 0}.settings-note{margin:10px 0}#toast{bottom:110px}}
@font-face{font-family:Display;src:url('/vendor/anton.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
/* The slider shows steering; the larger clear area below it owns the swipe. */
#steering-zone{position:absolute;left:0;bottom:0;width:min(65%,calc(100% - 124px));height:clamp(190px,38cqh,340px);z-index:2;touch-action:none}
#game[data-phase=playing] #steering-zone{pointer-events:auto}
#game #steering,#game[data-phase=playing] #steering,#drive-hud{pointer-events:none}
#game[data-viewing=live] #steering-zone,#game[data-viewing=replay] #steering-zone{display:none}
#game,#game *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#game img,#game a{-webkit-user-drag:none}
#game input:not([type=range]):not([type=checkbox]):not([type=file]),#game textarea,#game [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}



/* Quiet race view: clock + gap, with cards only while an event is active. */
#game[data-phase=playing] .wordmark,#game[data-phase=playing] .build-label,#game[data-phase=paused] .wordmark,#game[data-phase=paused] .build-label{visibility:hidden}
#race-hud{position:absolute;top:max(22px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(390px,calc(100% - 150px));z-index:5;pointer-events:none}
.race-strip{display:flex;align-items:center;justify-content:center;gap:12px;text-shadow:0 1px 4px #102b24}
#clock{font:24px/1 Display,Impact,sans-serif;font-variant-numeric:tabular-nums;padding:9px 12px;background:#18312dbb;border:1px solid #ffffff35;border-radius:5px}
#trailer-gap{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#18312dbb;border:1px solid #ffffff35;border-radius:5px;min-height:42px}
#gap-label{font-size:12px;font-weight:700;line-height:1.15;max-width:100px;color:#d8e6cb}
#gap-value{font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#e5ff86}
#rival-alert{margin:12px auto 0;background:#ab3b22f5;border:1px solid #ffa977;border-radius:5px;padding:11px 15px;box-shadow:0 5px 20px #13292345;text-align:center}
#rival-name{display:block;font-size:13px;font-weight:700;line-height:1.3;color:#fff2d9}
#rival-alert strong{display:block;font:30px/1.1 Display,Impact,sans-serif;margin-top:5px;letter-spacing:.3px;font-variant-numeric:tabular-nums}
.rival-track,#player-hold-track{height:4px;background:#0003;border-radius:5px;overflow:hidden;margin-top:8px}
#rival-fill,#player-hold-fill{display:block;height:100%;width:0;background:#ffe1a0}
#rival-alert.urgent{background:#c63e20;animation:rival-urgency .75s ease-in-out infinite}
@keyframes rival-urgency{50%{box-shadow:0 0 0 4px #ffbd7738}}
#player-status{width:max-content;max-width:100%;margin:12px auto 0;padding:8px 15px;background:#18312dda;border:1px solid #e5ff8670;border-radius:5px;text-align:center}
#status-label{font-size:12px;font-weight:700;display:block;color:#e5ff86;line-height:1.3}
#status-value{font:26px/1.2 Display,Impact,sans-serif;display:block;margin-top:3px;font-variant-numeric:tabular-nums}
#player-hold-fill{background:#e5ff86}#player-status[data-kind=start] #status-value{font-size:42px}
#rival-alert[hidden],#player-status[hidden],#player-hold-track[hidden]{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#units button{font-size:14px;letter-spacing:0}#speed-unit{font-size:12px}
@container(max-width:600px){
 #race-hud{top:max(20px,env(safe-area-inset-top));left:20px;transform:none;width:calc(100% - 94px)}
 .race-strip{justify-content:flex-start;gap:8px}#clock{font-size:22px;padding:10px}#trailer-gap{padding:9px 10px;gap:7px;flex:1;justify-content:space-between}
 #gap-label{font-size:12px;max-width:70px}#gap-value{font-size:14px}#rival-alert{padding:10px}#rival-alert strong{font-size:27px}
 #rival-name{font-size:12px}#speed #speed-unit{font-size:12px}
}
@container(max-height:550px){
 #race-hud{top:15px;left:50%;transform:translateX(-50%);width:min(350px,calc(100% - 160px))}
 .race-strip{justify-content:center}#clock{font-size:20px;padding:8px 10px}#trailer-gap{min-height:38px;padding:8px 10px}
 #rival-alert{margin-top:8px;padding:8px 12px}#rival-alert strong{font-size:25px}#player-status{margin-top:8px;padding:5px 12px}#status-value{font-size:23px}
}
@media(prefers-reduced-motion:reduce){#rival-alert.urgent{animation:none}}

#intro{max-height:calc(100% - 110px);overflow-y:auto;touch-action:pan-y}@container(max-height:550px){#intro{max-height:calc(100% - 32px)}}

/* The opening shot introduces the trailer before handing over the controls. */
#target-intro{position:absolute;bottom:max(48px,12%);left:50%;transform:translateX(-50%);z-index:5;width:min(390px,calc(100% - 40px));text-align:center;padding:17px 20px;background:#18312ddd;border:1px solid #e7e7b944;border-radius:5px;pointer-events:none}
#target-intro[hidden]{display:none}#target-heading{font:32px/1.1 Display,Impact,sans-serif;letter-spacing:.5px;color:#e5ff86}#target-copy{font-size:14px;line-height:1.4;color:#f6efd7;margin:8px 0 0}
#game[data-phase=briefing] .wordmark,#game[data-phase=briefing] .build-label{visibility:hidden}
#player-status[data-kind=catchup] #status-value{font:700 14px/1.5 Arial, sans-serif}

#player-status[data-kind=lapped]{background:#634529f2;border-color:#ffda93;width:100%}
#player-status[data-kind=lapped] #status-label{color:#ffe6b3;font-size:14px}
#player-status[data-kind=lapped] #status-value,#player-status[data-kind=rejoining] #status-value{font:700 14px/1.5 Arial,sans-serif;white-space:normal}

/* Illustrated garage: one shared-size render and compact, keyboard-accessible choices. */
.car-picker{margin:12px 0 16px;border:1px solid #b5c6aa45;border-radius:6px;background:#d9dcc2;color:#293e36;overflow:hidden}
.car-picker-heading{display:flex;justify-content:space-between;padding:11px 14px 0;font-size:9px;letter-spacing:1.2px;font-weight:800}
.car-picker-view{height:156px;display:flex;align-items:center;justify-content:space-between;touch-action:pan-y;user-select:none;background:radial-gradient(ellipse at 50% 75%,#76867128,transparent 58%)}
.car-picker-view img{width:calc(100% - 66px);height:100%;object-fit:contain;pointer-events:none}
.car-picker-view button{flex:0 0 33px;border:0;background:none;color:#344b3b;font:38px Georgia;height:70px}
.car-picker-view button:hover{background:#344b3b14}.car-picker-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 10px}.car-picker-caption b{font-size:14px;color:#263e35}.car-picker-caption span{font-size:7px;letter-spacing:.5px;color:#55685a;max-width:65px;text-align:right;line-height:1.5}
.car-swatches{display:flex;justify-content:center;gap:2px;padding:0 8px 9px}.car-swatches button{position:relative;width:26px;height:28px;border:0;background:transparent;border-radius:4px}.car-swatches button:before{content:'';position:absolute;inset:7px 5px;border:1px solid #3f51486b;border-radius:50%;background:var(--paint)}.car-swatches button.selected{box-shadow:inset 0 0 0 1px #334b3b}.car-swatches button.selected:before{inset:5px 3px}
#intro{top:52%;bottom:auto;transform:translateY(-50%);padding:24px}#intro h1{font-size:37px;margin:15px 0 12px}#intro p{font-size:12px;line-height:1.5;margin-bottom:14px}#intro .mode-picker{margin-top:14px}
@container(max-width:600px){#intro{top:auto;bottom:20px;transform:none;padding:20px}.car-picker-view{height:145px}#intro h1{font-size:34px}.car-picker-caption b{font-size:13px}}
@container(max-height:700px){#intro h1{font-size:28px;margin:10px 0}#intro p{margin-bottom:10px}.car-picker-view{height:110px}.car-picker{margin:8px 0 12px}#intro .mode-picker{margin:10px 0}.car-picker-heading{padding-top:8px}.car-picker-caption{padding-bottom:5px}#intro{padding:18px}}

/* Online lobby and the shared live/replay viewing desk. */
.race-actions{display:flex;gap:12px;margin-top:9px}.race-actions .secondary{font-size:12px;padding:9px 0;letter-spacing:.4px}
#online-panel{max-height:calc(100% - 110px);overflow-y:auto;touch-action:pan-y;top:52%;bottom:auto;transform:translateY(-50%)}
#online-panel p{font-size:14px}#online-panel .field-label{font-size:12px}#online-panel input{width:100%;padding:12px;background:#0e2725;border:1px solid #b4c5ab66;color:#fff7e2;font-size:16px;border-radius:4px;touch-action:manipulation}
.online-buttons{display:flex;align-items:center;gap:12px;margin:14px 0}.online-buttons button{flex:1;font-size:12px;padding:12px 8px;line-height:1.4;letter-spacing:.4px}.online-buttons .secondary{border:1px solid #d9e4c44a;border-radius:4px}
.lobby-code{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0}.lobby-code span{font-size:12px;color:#c1cec3}.lobby-code strong{font-size:24px;letter-spacing:2px;color:#e5ff86}
#your-assignment{padding:10px 12px;background:#e5ff8612;border-left:3px solid #e5ff86;color:#e5ff86!important;font-weight:700}
#lobby-roster{list-style:none;padding:0;margin:8px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:5px}#lobby-roster li{display:grid;grid-template-columns:45px 1fr;column-gap:5px;align-items:center;padding:4px;border:1px solid #b4c5ab22;border-radius:3px;min-width:0}#lobby-roster li.is-you{border-color:#e5ff86}#lobby-roster img{width:45px;height:35px;object-fit:contain;grid-row:1/3}#lobby-roster span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lobby-roster small{font-size:12px;color:#bacaac}
#connection-status{position:absolute;left:50%;top:100px;transform:translateX(-50%);width:max-content;max-width:80%;z-index:15;padding:12px 15px;background:#734927ee;color:#fff2d4;border:1px solid #edc690;border-radius:4px;font-size:14px;text-align:center}
#view-controls{position:absolute;z-index:12;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(490px,calc(100% - 32px));padding:14px;background:#18312df5;border:1px solid #d9e4c477;border-radius:6px;touch-action:manipulation}
#view-controls[hidden],#connection-status[hidden],#online-lobby[hidden],#online-entry[hidden],#replay-controls[hidden],.race-actions [hidden],#replay-share[hidden],#watch-finish[hidden],#lobby-start[hidden]{display:none}
.view-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.view-heading strong{font-size:14px;letter-spacing:1px;color:#e5ff86}.view-heading button{font-size:24px;width:32px;height:32px;background:none;border:1px solid #d9e4c444;border-radius:50%}
.view-selects{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}#view-controls label{font-size:12px;color:#c1cec3;display:flex;flex-direction:column;gap:5px}#view-controls select{font:14px Arial;color:#fff7e2;background:#26443b;border:1px solid #d9e4c455;padding:9px 7px;border-radius:3px;width:100%}
.replay-timeline{display:flex;gap:12px;align-items:center;margin-top:12px}.replay-timeline button{flex:0 0 36px;height:36px;font-size:16px;background:#e5ff86;border:0;border-radius:50%;color:#18312d}.replay-timeline input{margin:0;min-width:0;touch-action:none}.replay-timeline time{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.replay-options{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:12px}.replay-options button{background:none;border:0;color:#e5ff86;padding:10px 0;font-size:12px}.replay-options label{max-width:120px}
#game[data-viewing=live] #touch-controls,#game[data-viewing=live] #drive-hud,#game[data-viewing=live] #desktop-help,#game[data-viewing=replay] #touch-controls,#game[data-viewing=replay] #drive-hud,#game[data-viewing=replay] #desktop-help{display:none}
#game[data-phase=replay] #race-hud{opacity:1}#game[data-phase=replay] .wordmark,#game[data-phase=replay] .build-label{visibility:hidden}
#game[data-viewing=replay] #pause,#game[data-viewing=live] #pause{display:none}
#pause[hidden]{display:none}
#view-orbit{display:flex;align-items:center;gap:8px;margin-top:7px;justify-content:space-between}#view-orbit[hidden]{display:none}#view-orbit span{font-size:10px;color:#c1cec3;letter-spacing:.3px}#view-orbit button{background:none;border:1px solid #d9e4c433;border-radius:4px;min-width:34px;min-height:34px;color:#e5ff86;font-size:20px}#view-orbit #orbit-reset{font-size:10px;padding:0 7px}#replay-storage-note{font-size:11px;line-height:1.4;color:#c1cec3;margin:9px 0 0}#view-driver:disabled{opacity:.55}#game[data-viewing=replay] #world,#game[data-viewing=live] #world{cursor:grab;touch-action:none}
@container(max-height:550px){#online-panel{max-height:calc(100% - 32px)}#view-controls{left:auto;right:18px;transform:none;width:350px;bottom:12px;padding:10px}.replay-options{margin-top:8px}.view-heading{margin-bottom:5px}}