:root{color-scheme:dark;--gold:#d8ae15;--muted:#aeb2ba;--line:#ffffff20;--surface:#101216;--radius:8px;--header-bottom:76px}*{box-sizing:border-box}body{margin:0;background:#050609;color:#f6f5f0;font-family:'Noto Sans TC',sans-serif;overflow:hidden;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input{min-width:0}button{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:#1a1c21;color:#fff;padding:.75rem 1rem;min-height:48px;line-height:1.45;transition:background .15s,border-color .15s}button:hover{border-color:var(--gold);background:#262720}button:active{background:#393729}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f5d655;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--gold);color:#080808;font-weight:800;border:1px solid var(--gold);width:100%;font-size:1rem;padding:1rem}button.primary:hover{background:#f0c933}.primary:disabled{opacity:.55}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#050609ec,transparent 78%),linear-gradient(0deg,#050609cc,transparent 35%)}header{position:fixed;z-index:5;left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));display:flex;align-items:center;gap:24px;min-height:48px}header img{width:100px;height:30px;object-fit:contain}.edition{font:600 .875rem 'Barlow Condensed',sans-serif;letter-spacing:.16em;color:#c1c3c8}select{padding:.625rem .75rem;background:#111318;border:1px solid #ffffff35;color:#fff;border-radius:var(--radius);min-height:48px}#language{margin-left:auto;font-size:.875rem}.panel{position:absolute;left:clamp(24px,4vw,64px);top:calc(var(--header-bottom) + 18px);bottom:24px;width:410px;max-width:calc(100vw - 48px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#666359 transparent;padding:24px;background:linear-gradient(145deg,#17191ef2,#090b0ff5);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:12px;box-shadow:0 18px 64px #0006}.eyebrow{color:var(--gold);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}h1{font-size:2rem;line-height:1.3;margin:.625rem 0 .75rem;font-weight:800;letter-spacing:-.03em;overflow-wrap:anywhere}h1:lang(en){font-family:'Barlow Condensed',sans-serif;font-size:3rem;line-height:1.05;text-transform:uppercase}.intro{color:#c1c4cb;line-height:1.75;font-size:.8125rem;margin:0 0 1.5rem}.track-picker{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;margin:1.25rem 0}.track-picker select{width:100%;background:#080a0e;border-color:#ffffff40;font-weight:600}.track-picker span,label>span{font-size:.75rem;color:#c0c3cb}.setup{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px}label{display:block;color:#d4d4d8}input[type=text],input:not([type]){width:100%;background:#080a0e;border:1px solid #ffffff35;border-radius:var(--radius);color:#fff;padding:.75rem;margin-top:.5rem;min-height:48px}input[type=color]{display:block;width:100%;height:48px;padding:5px;background:#080a0e;border:1px solid #ffffff35;border-radius:var(--radius);margin-top:.5rem}.risk{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:1.4rem 0 0;gap:.25rem .5rem}.risk strong{font:600 2rem 'Barlow Condensed',sans-serif;color:var(--gold);line-height:1.2}input[type=range]{grid-column:1/-1;width:100%;min-height:44px;accent-color:var(--gold);margin:0;cursor:pointer}.range-labels{grid-column:1/-1;display:flex;justify-content:space-between;color:#a8abb2;font:500 .75rem 'Barlow Condensed',sans-serif}.density{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--muted);margin-top:1rem}.density strong{color:#fba18e;font:600 1.375rem 'Barlow Condensed',sans-serif}.specs{display:grid;grid-template-columns:1.3fr 1fr .85fr;gap:12px;margin:1.25rem 0;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.specs>span{min-width:0}.specs small{display:block;font-size:.6875rem;color:#b4b8c2;margin-bottom:.375rem}.specs b{display:block;font:600 1.5rem 'Barlow Condensed',sans-serif;overflow-wrap:anywhere}.specs i{font:normal .75rem 'Noto Sans TC',sans-serif}.options{display:grid;grid-template-columns:minmax(0,1fr);gap:.25rem;margin-top:.75rem}.options label{display:flex;align-items:center;gap:.5rem;min-height:44px;font-size:.75rem}.options label span{font-size:.75rem}.options input{width:20px;height:20px;accent-color:var(--gold);flex-shrink:0}.options button{background:transparent;font-size:.75rem;min-height:44px;color:#eee;border-color:var(--line)}.disclaimer{font-size:.6875rem;color:#a0a4ad;line-height:1.8;margin:.75rem 0 0;overflow-wrap:anywhere}#loadError{color:#ffabac;font-size:.875rem}#loadError:empty{display:none}
/* Race information: one aligned bar, a clear centre view, controls above the history. */
#hud{position:fixed;inset:0;pointer-events:none}#hud button{pointer-events:auto}.hudtop{position:absolute;left:28px;right:28px;top:calc(var(--header-bottom) + 16px);display:grid;grid-template-columns:180px 180px 1fr auto;align-items:center;gap:20px}.hudtop>div{padding:12px 16px;background:#0b0e14d9;border:1px solid var(--line);border-radius:var(--radius);min-width:0;align-self:stretch}.hudtop small{display:block;font-size:.6875rem;color:#c4c7d0}.hudtop strong{font:600 2.5rem 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums;line-height:1.15}.healthtrack{height:5px;background:#ffffff25;margin:10px 0 4px;overflow:hidden;border-radius:4px}.healthtrack i{height:100%;display:block;background:var(--gold);width:100%}.health b{font:600 1rem 'Barlow Condensed',sans-serif}#raceInfo{justify-self:end}#pause{justify-self:end}.hudtop button{background:#0b0e14e8;font-size:.8125rem}.telemetry{position:absolute;bottom:176px;left:32px;display:grid;grid-template-columns:auto auto;column-gap:16px;align-items:end}.telemetry strong{font:800 5rem 'Barlow Condensed',sans-serif;line-height:1;grid-column:1}.telemetry span{font:600 .6875rem 'Barlow Condensed',sans-serif;color:#c3c6cb;grid-column:1;letter-spacing:.15em}.telemetry b{grid-column:2;grid-row:1;color:var(--gold);font:600 1.5rem 'Barlow Condensed',sans-serif;line-height:1.4}.progress{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:28px;width:min(560px,calc(100vw - 56px));padding:12px 16px;background:#080b11e8;border:1px solid var(--line);border-radius:var(--radius)}.progress>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:.6875rem;color:#c3c5ce}.progress b{color:var(--gold)}#chart{width:100%;height:46px;display:block}#hint{position:absolute;bottom:26px;right:28px;max-width:calc(100vw - 640px);font-size:.75rem;color:#c3c6ce;text-align:right}#touch{position:absolute;right:28px;bottom:82px;display:flex;gap:10px}#touch button{width:68px;min-height:64px;padding:8px 4px;font-size:.875rem;background:#0a0e16e8;border:1px solid #ffffff50;touch-action:none;user-select:none}#touch button.boost{width:86px;background:#292410ee;color:#f4d550;border-color:#c9a42d}#touch button.active{background:var(--gold);color:#000}body.playing .vignette{background:linear-gradient(0deg,#0007,transparent 40%)}
/* Dialogs share a single type, spacing and action system. */
.modal{position:fixed;inset:0;z-index:20;background:#000a;backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.modalbody{width:min(560px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:32px;background:linear-gradient(145deg,#1c1e24,#0b0d11);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;box-shadow:0 20px 100px #0008;overscroll-behavior:contain}h2{font-size:1.75rem;line-height:1.35;margin:.75rem 0;overflow-wrap:anywhere}.result-time{font:800 clamp(3rem,8vw,5rem) 'Barlow Condensed',sans-serif;line-height:1.1;color:var(--gold);font-variant-numeric:tabular-nums}.result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 0;border-top:1px solid var(--line);margin-top:20px}.result-stats span{font-size:.75rem;color:#b7bcc6;min-width:0;overflow-wrap:anywhere}.result-stats b{display:block;font-size:1.25rem;color:#fff;margin-top:4px}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.actions button{font-size:.875rem}.actions .primary{grid-column:1/-1}.market-result{border-left:3px solid var(--gold);padding:12px 16px;background:#080b11;font-size:.8125rem;line-height:1.8;overflow-wrap:anywhere}.market-result strong{display:block;color:#e8c94b}dialog{background:#111318;border:1px solid #ffffff35;border-top:3px solid var(--gold);border-radius:12px;color:#fff;padding:24px;width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog p{font-size:.875rem;line-height:1.85;color:#c8cbd2}dialog a{color:#f1d35a;overflow-wrap:anywhere}#closeInfo{float:right;padding:4px;min-width:48px;font-size:1.5rem;background:#21242b;margin:0 0 8px 12px}#info h2{margin:0 60px 12px 0}#info h3{font-size:1.0625rem;color:#f3d76e;margin:20px 0 12px}#guideSub{font-size:.75rem}#guideTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}#guideTabs button{padding:10px 6px;font-size:.8125rem}.selected{border-color:var(--gold);background:#29250f;color:#ffe484}#guideContent{min-height:240px;clear:both;overflow-wrap:anywhere}.control-diagram{padding:16px;background:#080b11;border:1px solid var(--line);border-radius:var(--radius);font:600 1rem monospace;color:#f4d66a;line-height:1.8}.hazard-card{display:grid;grid-template-columns:minmax(110px,180px) minmax(0,1fr);align-items:center;gap:12px 20px;background:#080d16;padding:16px;border:1px solid var(--line);border-radius:var(--radius)}.hazard-card img{grid-row:1/3;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.hazard-card h4{font-size:1.125rem;margin:0}.hazard-card p{margin:0;font-size:.8125rem}.hazard-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:12px;gap:10px}.hazard-nav button{padding:10px;font-size:.8125rem}.hazard-nav span{font-size:.75rem;color:#b5b9c2}.source-hash{word-break:break-all;font: .75rem/1.8 monospace!important}.brief-check{display:flex;align-items:center;gap:12px;min-height:48px;line-height:1.7;margin:16px 0}.brief-check span{font-size:.8125rem}.brief-check input{width:24px;height:24px;flex-shrink:0;accent-color:var(--gold)}#briefActions{border-top:1px solid var(--line);margin-top:24px;padding-top:4px}#cancelBrief{width:100%;margin-top:10px;font-size:.875rem}#countdown{position:fixed;inset:0;z-index:25;background:#03070bb0;backdrop-filter:blur(4px);display:grid;place-items:center;text-align:center;padding:24px;overflow:auto}#countdown>div{width:min(480px,100%)}#countdownValue{display:block;font:800 7.5rem 'Barlow Condensed',sans-serif;color:var(--gold);line-height:1.2;margin:20px}#countdown button{margin:6px;font-size:.875rem}
#hit{pointer-events:none;position:fixed;inset:0;z-index:10;box-shadow:inset 0 0 120px #ff3737;opacity:0}#rushfx{position:fixed;inset:0;pointer-events:none;opacity:var(--rush,0);background:radial-gradient(ellipse at 50% 48%,transparent 35%,#5835df38 68%,#38bfffa0 100%);box-shadow:inset 0 0 80px #4ddcff44;mix-blend-mode:screen}#liquidation{position:fixed;z-index:15;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;opacity:0;background:radial-gradient(ellipse,transparent 15%,#63001988 100%);transform:scale(1.2);transition:opacity .25s,transform .5s;text-align:center;padding:24px}#liquidation.visible{opacity:1;transform:scale(1)}#liquidation>div{font-size:clamp(2rem,8vw,8rem);font-weight:900;line-height:1.2;color:#ffdd8d;text-shadow:0 0 25px #ff3400,0 0 70px #ff240099;overflow-wrap:anywhere;max-width:100%}#liquidation p{font-size:.875rem;letter-spacing:.08em;color:#ffcdb4;background:#150a0add;padding:12px 16px;max-width:100%;overflow-wrap:anywhere}.liquidated #hud{opacity:.35}
@media(max-width:1000px){#hint{display:none}.hudtop{grid-template-columns:150px 140px 1fr auto;gap:12px}.panel{width:370px;padding:20px}.progress{width:400px}#touch{gap:8px}#touch button{width:58px}#touch button.boost{width:70px}}
@media(max-width:650px){header{left:16px;right:16px;top:max(12px,env(safe-area-inset-top));gap:12px}header img{width:82px}.edition{display:none}#language{font-size:.8125rem}.panel{left:12px;right:12px;top:240px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-width:none;padding:20px;border-radius:12px;background:#0c0e13f5}.panel h1{font-size:1.75rem}.panel h1:lang(en){font-size:2.5rem}.intro{font-size:.75rem;margin-bottom:1.25rem}.track-picker{margin:1rem 0}.setup{grid-template-columns:minmax(0,1fr) 72px}.specs{gap:8px}.specs b{font-size:1.25rem}.hudtop{top:calc(var(--header-bottom) + 10px);left:12px;right:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.hudtop>div{padding:8px 12px}.hudtop strong{font-size:2rem}.hudtop button{min-height:44px;padding:8px 12px;justify-self:stretch;font-size:.75rem}#raceInfo,#pause{justify-self:stretch}.telemetry{left:16px;bottom:235px;gap:8px}.telemetry strong{font-size:3.5rem}.telemetry b{font-size:1.25rem}.progress{bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;width:auto;padding:10px 12px}.progress>div{font-size:.625rem;gap:2px 8px}#chart{height:38px}#touch{left:12px;right:12px;bottom:136px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#touch button,#touch button.boost{width:100%;min-height:64px;font-size:.75rem}.modal{padding:12px}.modalbody{padding:24px;max-height:calc(100dvh - 24px)}h2{font-size:1.5rem}dialog{padding:20px}#guideTabs{gap:6px}#guideTabs button{font-size:.75rem}.hazard-card{grid-template-columns:100px minmax(0,1fr);padding:12px;gap:10px}.hazard-card h4{font-size:1rem}.hazard-card p{font-size:.75rem}.control-diagram{font-size:.8125rem}.actions button{font-size:.8125rem}.vignette{background:linear-gradient(0deg,#080a0de8 40%,transparent 80%)}}
@media(max-width:360px){.panel{padding:16px}.panel h1{font-size:1.5rem}.setup{grid-template-columns:minmax(0,1fr) 60px}.specs{gap:6px}.specs small{font-size:.625rem}.specs b{font-size:1.125rem}.hazard-card{grid-template-columns:1fr}.hazard-card img{grid-row:auto;width:120px;justify-self:center}.modalbody{padding:20px}.progress #trackPeriod{font-size:.5625rem}}
@media(max-height:600px) and (min-width:651px){header{top:8px;left:20px;right:20px}.panel{top:calc(var(--header-bottom) + 8px);bottom:12px;left:20px;width:340px;padding:20px}.panel h1{font-size:1.75rem}.panel h1:lang(en){font-size:2.25rem}.hudtop{top:calc(var(--header-bottom) + 8px);left:20px;right:20px;grid-template-columns:120px 120px 1fr auto;gap:10px}.hudtop>div{padding:6px 10px}.hudtop strong{font-size:1.75rem}.hudtop small{font-size:.625rem}.hudtop button{min-height:44px}.progress{left:20px;bottom:12px;width:300px;padding:8px 12px}#chart{height:28px}.progress>div{font-size:.625rem}.telemetry{left:24px;bottom:112px}.telemetry strong{font-size:3rem}.telemetry b{font-size:1.25rem}#touch{bottom:20px;right:20px}#touch button{min-height:54px}}
@media(max-height:700px) and (max-width:650px){.panel{top:190px}}
body.large-text .edition{display:none}body.large-text .panel{top:calc(var(--header-bottom) + 20px)}body.large-text .specs{grid-template-columns:1fr}body.large-text .specs>span{display:flex;justify-content:space-between;gap:12px;align-items:center}body.large-text .setup{grid-template-columns:1fr}body.large-text input[type=color]{width:100%;height:56px}body.large-text .hudtop{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}body.large-text .hudtop button{justify-self:stretch}body.large-text .hudtop small{font-size:.5625rem}body.large-text .hudtop strong{font-size:1.25rem}body.large-text .telemetry{display:none}body.large-text #touch{bottom:calc(var(--progress-height,140px) + 24px);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;left:12px;right:12px}body.large-text #touch button{width:100%;font-size:.5625rem}body.large-text .progress{left:12px;right:12px;width:auto}body.large-text .progress>div{font-size:.5rem}body.large-text #trackPeriod{font-size:.5rem}body.large-text .hazard-card{grid-template-columns:1fr}body.large-text .hazard-card img{grid-row:auto;width:140px;justify-self:center}body.large-text #guideTabs{grid-template-columns:1fr}body.large-text .actions{grid-template-columns:1fr}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}#rushfx{display:none}#liquidation{transform:none!important}}
body.large-text .hudtop strong{font-size:1rem}
@media(max-height:600px) and (min-width:651px){body.large-text .hudtop{grid-template-columns:140px 150px 1fr auto;gap:10px}body.large-text .hudtop button{justify-self:end;font-size:.5625rem;padding:8px 12px}body.large-text .hudtop>div{padding:6px 10px}body.large-text .progress{width:340px;right:auto}body.large-text #touch{left:auto;right:20px;bottom:20px;grid-template-columns:repeat(4,64px)}body.large-text #touch button{font-size:.5rem;min-height:56px}body.large-text .progress>div{font-size:.4375rem}body.large-text #trackPeriod{font-size:.4375rem}}

#nitroFX{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0}#hud{z-index:2}#nitroStatus{position:absolute;top:calc(env(safe-area-inset-top) + 112px);left:50%;transform:translateX(-50%);padding:7px 14px;border:1px solid #76eaff99;border-radius:20px;background:#072837df;color:#b9f7ff;font-size:12px;letter-spacing:.12em;font-weight:800;box-shadow:0 0 22px #29d4ff30;white-space:nowrap}#nitroStatus[hidden]{display:none}@media(max-height:500px){#nitroStatus{top:80px;font-size:10px;padding:4px 10px}}@media(prefers-reduced-motion:reduce){#nitroFX{display:none}#nitroStatus{box-shadow:none}}

@media(max-width:650px) and (min-height:501px){#nitroStatus{top:calc(env(safe-area-inset-top) + 212px)}}
/* Garage interface r9: shared spacing, explicit select affordance, data-led track selection. */
.language-control{position:relative;margin-left:auto;flex:0 0 auto;max-width:100%}#language{appearance:none;-webkit-appearance:none;padding:.7rem 2.8rem .7rem 1rem;width:100%;min-height:48px;margin:0;background:#10151ded}.select-chevron{position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid #d8dde6;border-bottom:2px solid #d8dde6;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.panel{width:480px;padding:24px;scroll-padding:20px;border-radius:18px;background:linear-gradient(145deg,#171d26f5,#080c12f7)}.panel h1{margin:8px 0 12px}.intro{margin-bottom:20px}.setup{gap:16px;align-items:end}.setup label>span{display:block;min-height:1.5em}.setup input{margin-top:8px;min-height:52px}input[type=color]{height:52px;padding:7px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.risk{margin-top:24px}.specs{gap:16px;padding:16px 0;margin:20px 0}.options{gap:10px;margin-top:16px}.options label{min-height:48px;gap:12px}.options input{width:22px;height:22px;flex-shrink:0}.options button{width:100%;min-height:48px}.disclaimer{line-height:1.8}.actions{gap:12px}.actions button{min-height:52px;overflow-wrap:anywhere}.modalbody{border-radius:18px}.hazard-card{align-items:start}.hazard-nav button{min-height:48px}#guideTabs button{min-height:48px}.brief-check{align-items:flex-start;padding:8px 0}.brief-check input{margin-top:3px;flex-shrink:0}#closeInfo{min-width:44px;min-height:44px}button:focus-visible,[role=radio]:focus-visible{outline:3px solid #fff0a2;outline-offset:3px}
.market-selector{margin:20px 0 24px;min-width:0}.market-selector h2{font:700 .8rem/1.5 'Noto Sans TC',sans-serif;letter-spacing:.06em;margin:0 0 12px;color:#dde1e8}.market-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.market-card{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;padding:12px 10px;min-width:0;background:#0d1420;border-color:#ffffff26;text-align:left;overflow:hidden;border-radius:12px;transition:background .2s,border-color .2s,box-shadow .2s}.coin-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--coin) 15%,transparent);color:var(--coin);font-size:1.2rem;font-weight:800}.market-card strong{font:700 1rem/1.2 'Barlow Condensed',sans-serif;letter-spacing:.04em}.chosen-dot{display:none;position:absolute;top:7px;right:7px;color:var(--coin);font-size:10px}.market-card[aria-checked=true]{background:linear-gradient(145deg,color-mix(in srgb,var(--coin) 12%,#101620),#0d1420);border-color:var(--coin);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--coin) 20%,transparent)}.market-card[aria-checked=true] .chosen-dot{display:block}.market-card svg{grid-column:1/-1;width:100%;height:30px;overflow:visible}.market-card path{fill:none;stroke:var(--coin);stroke-width:4;vector-effect:non-scaling-stroke;stroke-width:1.2}.market-selected{grid-column:1/-1;font-size:.625rem;letter-spacing:.06em;color:#c2cbd8;min-height:1.5em}.market-card[aria-checked=true] .market-selected{color:var(--coin)}
.market-detail{margin-top:14px;padding:18px 14px 14px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--coin) 9%,transparent),transparent 70%),#090f18;border:1px solid #ffffff20;border-radius:14px;min-height:240px}.market-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px}.market-heading strong{font:700 1.35rem/1.2 'Barlow Condensed',sans-serif;color:var(--coin)}.market-heading strong span{font-size:.8rem;color:#bdc8d8}.market-heading>span{font-size:.75rem;color:#e0e5ed}.market-period{font-size:.6875rem;color:#aebacc;margin:8px 0 16px;line-height:1.6}.price-plot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:stretch}.price-y{display:flex;flex-direction:column;justify-content:space-between;font-size:.6875rem;line-height:1.2;color:#b8c7d8;padding:8px 0 10px;min-width:3.5em}.market-chart{display:block;width:100%;height:144px;overflow:visible}.plot-grid{stroke:#d1e5ff1c;stroke-width:1;fill:none}.plot-line{stroke:var(--coin);stroke-width:2;fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.plot-area{fill:var(--coin);opacity:.08}.price-dates{display:flex;justify-content:space-between;gap:8px;margin:8px 0 0;font-size:.6875rem;color:#b8c7d8}.terrain-label{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff15;font-size:.6875rem;letter-spacing:.06em;color:#dce6f2}.terrain-preview{display:block;width:100%;height:82px;overflow:hidden}.preview-rail{stroke:var(--coin);stroke-width:13;fill:none;stroke-linejoin:round}.preview-road{stroke:#243248;stroke-width:10;fill:none;stroke-linejoin:round}.preview-center{stroke:#ddeaff;stroke-width:1;fill:none;stroke-dasharray:6 7}.mapped-caption,.market-source{font-size:.6875rem;color:#aebccd;line-height:1.6;margin:4px 0 0}.market-source{margin-top:12px;color:#c9d3df}.market-detail.reveal .plot-line{animation:chart-reveal .8s ease-out both}.market-detail.reveal .plot-area{animation:chart-area .8s ease-out both}.market-detail.reveal .preview-center{animation:road-flow 1.6s linear 2}.market-detail.reveal .market-heading{animation:market-enter .25s ease-out both}@keyframes chart-reveal{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes chart-area{from{opacity:0}to{opacity:.08}}@keyframes market-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes road-flow{to{stroke-dashoffset:-26}}
@media(max-width:1000px){.panel{width:410px}}@media(max-width:650px){.panel{width:auto;left:12px;right:12px;top:180px;padding:18px;border-radius:16px}.panel h1{font-size:1.5rem}.panel h1:lang(en){font-size:2.1rem}.intro{font-size:.75rem;line-height:1.65;margin-bottom:14px}.market-selector{margin:16px 0 20px}.market-cards{gap:7px}.market-card{padding:10px 8px;gap:5px}.coin-icon{width:24px;height:24px;font-size:1rem}.market-card strong{font-size:.9375rem}.market-detail{padding:14px 12px 12px}.market-chart{height:126px}.market-selected{font-size:.625rem;letter-spacing:0}.setup{gap:12px;grid-template-columns:minmax(0,1fr) 76px}.specs{gap:10px}.market-heading>span{font-size:.6875rem}.market-period,.price-y,.price-dates,.mapped-caption,.market-source{font-size:.6875rem}.terrain-preview{height:65px}.terrain-label{margin-top:12px;padding-top:10px}.specs small{font-size:.6875rem}.specs b{font-size:1.25rem}.vignette{background:linear-gradient(0deg,#080a0dd9 40%,transparent 90%)}}
@media(max-width:360px){.panel{padding:14px;top:160px}.market-card{padding:10px 6px}.market-detail{padding:12px 10px}.market-cards{gap:6px}.coin-icon{width:21px;height:21px}.market-heading{gap:5px}.market-chart{height:116px}.price-y{min-width:3em}.market-card strong{font-size:.875rem}}
@media(max-height:600px) and (min-width:651px){.panel{width:390px;top:calc(var(--header-bottom) + 8px);padding:18px}.market-chart{height:130px}}
body.large-text .market-cards{grid-template-columns:1fr}body.large-text .market-card{grid-template-columns:auto 1fr auto;gap:12px}body.large-text .market-card svg{grid-column:3;width:80px;height:32px;grid-row:1/3}body.large-text .market-selected{grid-column:1/3;font-size:.65rem}body.large-text .market-heading{display:block}body.large-text .market-heading>span{display:block;margin-top:10px}body.large-text .price-dates{flex-wrap:wrap}body.large-text .price-plot{gap:6px}body.large-text .market-chart{height:180px}body.large-text .market-card strong{font-size:1rem}body.large-text .price-y,body.large-text .price-dates{font-size:.65rem}body.large-text .market-selector h2{font-size:.75rem}body.large-text .setup{grid-template-columns:1fr}body.large-text .specs{grid-template-columns:1fr}body.large-text .market-detail{padding:12px}body.large-text .panel{max-width:calc(100vw - 24px);left:12px;right:12px}body.large-text header{gap:12px}body.large-text header img{width:70px}body.large-text #language{font-size:.65rem;padding-right:2rem}
@media(prefers-reduced-motion:reduce){.market-detail *{animation:none!important}.plot-line{stroke-dasharray:none!important;stroke-dashoffset:0!important}}
/* Keep the launch action visible while separating track discovery from car tuning. */
.panel{display:flex;flex-direction:column;overflow:hidden;padding:22px}.garage-heading{flex:0 0 auto}.garage-heading .intro{margin-bottom:14px}.garage-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 14px;flex:0 0 auto}.garage-tabs button{font-size:.75rem;letter-spacing:.03em;padding:10px 8px;min-height:44px;background:#0b111b;color:#aebccd;border-color:#ffffff1f}.garage-tabs button[aria-selected=true]{color:#f6d459;border-color:#c6a23388;background:#302916}.garage-pages{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#556171 transparent;padding:4px 3px 12px;scroll-padding:8px}.garage-pages [role=tabpanel]{outline-offset:-3px}.garage-pages .market-selector{margin:0}.garage-pages .market-selector h2{margin-bottom:10px}.garage-pages .market-detail{margin-top:12px}.garage-launch{padding-top:14px;border-top:1px solid #ffffff1c;flex:0 0 auto}.garage-launch .primary{min-height:52px;padding:12px 16px}.garage-launch #loadError:empty{display:none}.garage-launch #loadError{margin:8px 0 0;font-size:.75rem}.garage-pages .setup{margin-top:4px}.garage-pages .options{margin-top:0}.garage-pages .disclaimer{font-size:.75rem}.market-detail .terrain-preview{height:68px}.market-detail .market-source{font-size:.625rem}
@media(max-width:650px){.panel{padding:16px;top:170px}.garage-heading .intro{display:none}.garage-heading .eyebrow{font-size:.625rem}.garage-heading h1{font-size:1.3rem;margin:6px 0 12px}.garage-heading h1:lang(en){font-size:1.8rem}.garage-tabs{padding-bottom:10px;gap:6px}.garage-tabs button{font-size:.6875rem;min-height:44px}.garage-launch{padding-top:10px}.garage-launch .primary{min-height:48px;font-size:.875rem}.garage-pages .market-selector h2{font-size:.6875rem}.market-card svg{height:25px}.market-detail .terrain-preview{height:64px}.market-heading strong{font-size:1.25rem}.market-period{margin-bottom:12px}}
@media(max-width:360px){.panel{padding:12px;top:155px}.market-card{padding:8px 6px}.garage-heading h1:lang(en){font-size:1.6rem}}
@media(max-height:600px) and (min-width:651px){.panel{top:calc(var(--header-bottom) + 8px);padding:14px}.garage-heading .intro,.garage-heading .eyebrow{display:none}.garage-heading h1{font-size:1.25rem;margin:0 0 10px}.garage-heading h1:lang(en){font-size:1.65rem}.garage-tabs{padding-bottom:8px}.garage-launch{padding-top:8px}.garage-launch .primary{padding:8px 12px;min-height:44px}}
body.large-text .panel{display:block;overflow:auto}body.large-text .garage-pages{overflow:visible;height:auto}body.large-text .garage-tabs{grid-template-columns:1fr;margin-top:16px}body.large-text .garage-heading .intro{display:none}body.large-text .garage-heading h1{font-size:1.3rem}body.large-text .garage-launch{position:static;margin-top:12px}body.large-text .garage-tabs button{font-size:.65rem;white-space:normal}body.large-text .garage-launch .primary{font-size:.8rem}

.market-selected,.price-y,.price-dates,.market-period,.mapped-caption,.market-source,.market-detail .market-source,.terrain-label{font-size:.75rem}.market-card strong{font-size:1rem}.market-heading>span{font-size:.75rem}
body.large-text .coin-icon{width:1.5rem;height:1.5rem;font-size:1rem;flex-shrink:0}
#resultContent>p{overflow-wrap:anywhere}body.large-text .result-time{font-size:clamp(1.5rem,8vw,3rem)}body.large-text .result-stats{grid-template-columns:1fr;gap:14px}body.large-text .result-stats>span{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px}body.large-text .result-stats b{margin:0;font-size:1rem}
.world-theme-name{font-size:.875rem;font-weight:800;color:var(--coin);margin:10px 0}.world-preview-image{display:block;width:100%;height:auto;aspect-ratio:2.4;object-fit:cover;border:1px solid #ffffff20;border-radius:8px;margin:0 0 14px}.market-selected{font-size:.6875rem;letter-spacing:0;overflow-wrap:anywhere}.market-detail.reveal .world-preview-image{animation:market-enter .35s ease-out both}
.world-preview-image{margin-top:16px}.world-theme-name{margin:6px 0 8px;font-size:.75rem}@media(max-height:760px) and (min-width:651px){.garage-heading .intro{display:none}.garage-heading h1:lang(en){font-size:2rem}.garage-heading h1{font-size:1.4rem}.garage-heading .eyebrow{font-size:.625rem}}

/* Independent music and effects controls; keyboard and touch targets. */
.audio-controls{border:1px solid #ffffff26;border-radius:12px;padding:14px;margin:18px 0;color:#dde6ef;min-width:0}.audio-controls legend{font-weight:700;font-size:.85rem;padding:0 6px}.audio-row{display:grid;gap:8px;margin:8px 0 16px}.audio-row label{display:flex;align-items:center;gap:12px;min-height:44px;font-size:.8rem}.audio-row input[type=checkbox]{width:22px;height:22px}.audio-volume{display:grid!important;grid-template-columns:auto minmax(0,1fr) 3em;gap:10px!important}.audio-volume input{width:100%;min-width:0;min-height:44px}.audio-controls p{font-size:.75rem;line-height:1.6;color:#aebccd}.audio-mute{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));min-height:44px;font-size:.75rem;z-index:16;background:#121a26ed}.playing .audio-mute{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 92px)}.options label[hidden]{display:none}body.large-text .audio-volume{grid-template-columns:1fr auto}body.large-text .audio-volume>span{grid-column:1/-1}

.audio-volume input[type=range]{grid-column:auto}
.audio-controls p:empty{display:none}@media(max-width:650px){body:not(.playing) .audio-mute{top:calc(var(--header-bottom,68px) + 8px);bottom:auto}}

.preview-toggle{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 54px);min-height:44px;padding:8px 12px;font-size:.75rem;z-index:16;background:#121a26ed}.playing .preview-toggle{display:none}.preview-toggle:disabled{opacity:.65;cursor:default}@media(max-width:650px){.preview-toggle{left:max(12px,env(safe-area-inset-left));right:auto;top:calc(var(--header-bottom,68px) + 8px);bottom:auto}}

/* Official WEEX artwork, cropped only to remove source padding. */
header img{width:184px;height:auto;flex-shrink:0}.edition{color:#e5c75e;letter-spacing:.17em}.weex-menu-lockup{display:flex;align-items:center;gap:18px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #d8ae153d}.weex-menu-lockup img{width:138px;height:auto}.weex-menu-lockup span{font-size:.6875rem;letter-spacing:.13em;color:#dbc882}.garage-heading>.eyebrow{color:#d8ae15}.panel{border-top:3px solid #d8ae15}.hud-brand{display:flex;align-items:center;gap:12px;margin:0 0 10px;pointer-events:none}.hud-brand img{width:100px;height:auto}.hud-brand span{font-size:.625rem;color:#e5cf87;letter-spacing:.13em}.result-weex{width:180px;height:auto;margin:0 0 20px}.countdown-weex{width:200px;height:auto;margin:0 0 20px}.audio-unlock{width:100%;margin-bottom:8px;min-height:44px;padding:8px 12px;border:1px solid #d8ae15;background:#2d2714;color:#ffdf69;font-size:.8rem}.audio-unlock[hidden]{display:none}.garage-launch{border-top-color:#d8ae1540}
@media(max-width:650px){header img{width:130px}.weex-menu-lockup{gap:12px;padding-bottom:8px;margin-bottom:8px}.weex-menu-lockup img{width:94px}.weex-menu-lockup span{font-size:.5625rem}.garage-heading>.eyebrow{display:none}.hud-brand{margin-bottom:6px}.hud-brand img{width:82px}.hud-brand span{font-size:.5rem}.result-weex{width:148px}.countdown-weex{width:164px}}
@media(max-height:600px) and (min-width:651px){header img{width:130px}.weex-menu-lockup{padding-bottom:6px;margin-bottom:7px}.weex-menu-lockup img{width:94px}.weex-menu-lockup span{font-size:.5625rem}.hud-brand{position:absolute;left:0;top:78px}.hud-brand span{display:none}}
body.large-text header img{width:110px}body.large-text .weex-menu-lockup{flex-wrap:wrap;gap:8px}body.large-text .weex-menu-lockup span{font-size:.55rem}body.large-text .hud-brand span{display:none}
#guideTabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.playing header>img,.playing header>.edition{visibility:hidden}.hud-brand{position:fixed;left:max(28px,env(safe-area-inset-left));top:max(22px,env(safe-area-inset-top));margin:0;z-index:6}.hud-brand img{width:148px}.playing .audio-mute{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 170px)}@media(max-width:650px){.hud-brand{left:max(12px,env(safe-area-inset-left));top:max(24px,env(safe-area-inset-top))}.hud-brand img{width:110px}.hud-brand span{display:none}}
header{gap:16px}header .audio-mute,body.playing header .audio-mute,body:not(.playing) header .audio-mute{position:static;inset:auto;min-width:44px;padding:8px 10px;flex-shrink:0;font-size:.75rem;white-space:nowrap}body.large-text header .audio-mute{font-size:0;padding:8px}body.large-text header .audio-mute:before{content:'♪';font-size:1rem}@media(max-width:650px){header{gap:10px}header img{width:120px}header .audio-mute,body.playing header .audio-mute,body:not(.playing) header .audio-mute{font-size:.6875rem;padding:8px}.playing .hud-brand img{width:110px}}
body.large-text header .audio-mute,body.large-text.playing header .audio-mute{font-size:0}

/* Gameplay HUD only: suppress iOS long-press selection and callouts. */
#hud, #hud *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#hud button{touch-action:none}

/* Two-thumb driving: steering left, brake/nitro right; keep edge gestures clear. */
#touch .steering-pad,#touch .pedal-pad{display:flex;gap:8px}
@media (pointer:coarse), (max-width:650px) {
  #hud{--drive-left:max(16px,calc(env(safe-area-inset-left) + 12px));--drive-right:max(16px,calc(env(safe-area-inset-right) + 12px));--drive-bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))}
  #touch,body.large-text #touch{left:var(--drive-left);right:var(--drive-right);bottom:var(--drive-bottom);display:flex;justify-content:space-between;gap:clamp(18px,5vw,40px);touch-action:none}
  #touch .steering-pad,#touch .pedal-pad{flex:1;max-width:176px;min-width:0;touch-action:none}
  #touch button,#touch button.boost,body.large-text #touch button{flex:1;width:0;min-width:0;min-height:72px;font-size:.8125rem;border-radius:14px;border-width:2px}
  #touch [data-control=left],#touch [data-control=right]{font-size:1.125rem}
  #touch button.active{border-color:#fff0a2;box-shadow:inset 0 0 0 1px #fff0a2;transform:translateY(1px)}
  .progress,body.large-text .progress{bottom:calc(var(--drive-bottom) + 90px);left:var(--drive-left);right:var(--drive-right);width:auto}
  .telemetry{left:var(--drive-left);bottom:calc(var(--drive-bottom) + 202px)}
  .hudtop{left:var(--drive-left);right:var(--drive-right)}
  #hint{display:none}
}
@media (pointer:coarse) and (orientation:landscape) {
  #hud{--drive-group:168px}
  #touch .steering-pad,#touch .pedal-pad{max-width:var(--drive-group)}
  #touch button,#touch button.boost,body.large-text #touch button{min-height:64px}
  .progress,body.large-text .progress{left:50%;right:auto;bottom:var(--drive-bottom);width:min(320px,calc(100vw - var(--drive-left) - var(--drive-right) - var(--drive-group) - var(--drive-group) - 24px));transform:translateX(-50%);padding:8px 10px}
  .progress #trackPeriod{display:none}
  #chart{height:24px}
  .telemetry{bottom:calc(var(--drive-bottom) + 78px)}
  .telemetry strong{font-size:2.5rem}
}

@media (pointer:coarse) and (orientation:landscape) and (max-width:700px) {
  #hud{--drive-group:144px}
  .hudtop{top:calc(var(--header-bottom) + 8px);grid-template-columns:100px 100px 1fr auto;gap:8px}
  .hudtop>div{padding:6px 10px}
  .hudtop strong{font-size:1.4rem}
  .hudtop button{justify-self:end;padding:8px;min-height:44px}
  .progress b{max-width:100%;overflow-wrap:anywhere}
}

/* Keep full history on desktop; mobile navigation belongs inside the time card. */
.progress{position:fixed}
@media (pointer:coarse), (max-width:650px) {
  .progress,body.large-text .progress{position:static;inset:auto;width:auto;max-width:100%;transform:none;padding:4px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 8px;background:none;border:0;border-radius:0}
  .progress #chart,.progress #price,.progress #trackPeriod{display:none}
  .progress>div,.progress>div>span{font-size:.625rem;line-height:1.4}
  .progress>div:last-child{margin-left:auto;color:#f4d550;font-variant-numeric:tabular-nums}
  .progress>div:last-child>span:last-child{display:none}
}
/* Short portrait screens need a little more space above the thumb row. */
@media (max-width:650px) and (orientation:portrait) and (max-height:650px) {
  #hud{--drive-bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px))}
  #touch button,#touch button.boost,body.large-text #touch button{min-height:64px}
}
/* Nitro confirmation sits beside the thumb controls, outside the driving corridor. */
#touch .boost.active{background:#c4f7ff;color:#05252e;border-color:#75edff;box-shadow:0 0 16px #42dfff44}
@media (pointer:coarse), (max-width:650px){#nitroStatus{top:auto;left:auto;right:var(--drive-right);bottom:calc(var(--drive-bottom) + 84px);transform:none;font-size:10px;padding:5px 9px}}
@media(prefers-reduced-motion:reduce){#touch .boost.active{box-shadow:none}}

/* r25: compact race information leaves the road visible on short phones. */
.health{position:relative}
#pickupStatus{position:absolute;top:calc(100% + 5px);right:0;z-index:2;white-space:nowrap;padding:4px 8px;border:1px solid #9fe7ad;border-radius:6px;background:#0b221ded;color:#c5ffd2;font-size:.75rem;line-height:1.4;pointer-events:none}
.health.repaired{border-color:#9fe7ad;box-shadow:0 0 12px #7de5a52b}
@media(prefers-reduced-motion:reduce){.health.repaired{box-shadow:none}}
@media(max-width:650px){
  header{gap:8px}
  header img{width:clamp(88px,28vw,112px)}
  .language-control{flex:0 1 120px;min-width:0}
  #language{padding-left:10px;padding-right:28px;min-width:0}
  .select-chevron{right:12px}
}
@media(max-width:360px){
  header .audio-mute,body.playing header .audio-mute,body:not(.playing) header .audio-mute{font-size:0;width:44px;padding:8px}
  header .audio-mute:before{content:'♪';font-size:1rem}
}
@media(pointer:coarse),(max-width:650px){
  .playing header>.language-control,.playing header>img,.playing header>.edition{display:none}
  .playing header{top:max(8px,env(safe-area-inset-top));left:var(--drive-left,16px);right:var(--drive-right,16px);min-height:44px}
  .playing header .audio-mute{margin-left:auto;min-height:44px}
  .playing .hud-brand{left:max(16px,env(safe-area-inset-left));top:max(20px,calc(env(safe-area-inset-top) + 12px))}
  .playing .hud-brand img{width:96px}
  .playing .hud-brand span{display:none}
  .hudtop{top:calc(var(--header-bottom) + 6px);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 44px 48px;gap:6px;align-items:start}
  .hudtop>div{padding:6px;align-self:stretch}
  .hudtop small{font-size:.5625rem;line-height:1.4}
  .hudtop strong{font-size:1.4rem;line-height:1.2;white-space:nowrap}
  .healthtrack{margin:6px 0 3px;height:4px}
  .health b{font-size:.875rem;line-height:1.2}
  .hudtop button,#raceInfo,#pause{justify-self:stretch;min-width:0;min-height:44px;padding:6px 3px;font-size:.6875rem}
  .progress,body.large-text .progress{gap:2px 4px;padding-top:3px}
  .progress>div,.progress>div>span{font-size:.5625rem}
  .telemetry strong{font-size:2.75rem}
  #pickupStatus{font-size:.625rem;padding:3px 6px}
  body.large-text .hudtop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.large-text .hudtop strong{font-size:.95rem}
  body.large-text .hudtop button{font-size:.625rem;min-height:44px}
  body.large-text .health b{font-size:.625rem}
  body.large-text #touch button,body.large-text #touch button.boost{font-size:.4375rem}
  body.large-text #pickupStatus{position:static;display:block;white-space:normal;margin-top:4px;font-size:.5rem}
}
@media(pointer:coarse) and (orientation:landscape){
  .hudtop{grid-template-columns:116px 110px 1fr 48px}
  #raceInfo{justify-self:end;width:44px}
  body.large-text #raceInfo{justify-self:stretch;width:auto}
}
/* Collision feedback stays near the hull meter; the driving corridor stays clear. */
.healthtrack{position:relative}
#healthbar{position:relative;z-index:1}
.healthtrack #healthDamage{position:absolute;inset:0 auto 0 0;background:#ff6b45;width:0;z-index:0}
.health.impacted{border-color:#ff855c;box-shadow:0 0 16px #ff5d3325}
#damageStatus{position:absolute;top:calc(100% + 10px);left:50%;z-index:3;display:grid;gap:1px;min-width:140px;max-width:230px;transform:translateX(-50%);padding:7px 12px;border:1px solid #ff916f99;border-radius:7px;background:#29110bec;color:#ffc3a9;text-align:center;line-height:1.35;pointer-events:none;white-space:nowrap}
#damageStatus>span{font-size:.6875rem;letter-spacing:.035em}
#damageStatus>strong{font:750 1.1rem/1.25 system-ui,sans-serif;color:#fff0e7}
.health.impacted #pickupStatus{top:calc(100% + 66px)}
#hit{box-shadow:inset 0 0 clamp(32px,7vw,100px) #ff653680;background:radial-gradient(ellipse at 50% 60%,transparent 50%,#ff582e66 100%)}
#hit[data-side=left]{background:linear-gradient(90deg,#ff683ba0,transparent 24%)}
#hit[data-side=right]{background:linear-gradient(270deg,#ff683ba0,transparent 24%)}
@media(pointer:coarse),(max-width:650px){#damageStatus{min-width:116px;padding:6px 8px}#damageStatus>span{font-size:.6rem}#damageStatus>strong{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){#hit{display:none}.health.impacted{box-shadow:none}}