#hud{top:58px;left:10px;right:10px;display:flex;align-items:flex-start;gap:10px}
.pos{font-size:44px;font-weight:800;line-height:1;color:#fff;text-shadow:0 0 18px rgba(0,229,255,.6);min-width:62px}
.pos small{font-size:18px;color:var(--dim)}
.laps{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.pill.dim2{color:var(--gold)}
.itembox{position:fixed;z-index:16;top:62px;right:12px;width:62px;height:62px;border-radius:16px;border:2px solid var(--cyan);background:rgba(11,13,16,.8);display:grid;place-items:center;font-size:30px;box-shadow:0 0 18px rgba(0,229,255,.35);pointer-events:none}
.itembox.empty{border-color:#2a3550;box-shadow:none;opacity:.6}
.count{position:fixed;inset:0;z-index:30;display:grid;place-items:center;font-size:clamp(80px,22vw,160px);font-weight:800;color:#fff;text-shadow:0 0 40px rgba(0,229,255,.8);pointer-events:none}
.res{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}
.res td{padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.06);color:#c6d0e0}
.res tr.me td{color:#fff;font-weight:700;background:rgba(0,229,255,.08)}
.res .sw{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:6px}
.tracks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.tracks button{border:1px solid var(--line);background:#141b29;border-radius:14px;padding:8px;text-align:left;color:#c6d0e0;font-size:12px}
.tracks button b{display:block;color:#fff;font-size:14px;margin:4px 0 2px}
.tracks button canvas{width:100%;height:74px;display:block}
.tracks button.on{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan) inset;background:#16233a}
@media (min-width:700px){#hud{left:16px}}
.tracks{grid-template-columns:repeat(3,1fr)}
@media (max-width:560px){.tracks{grid-template-columns:1fr 1fr}}
.tracks button canvas{height:60px}
.paintline{display:flex;align-items:center;gap:8px}
.paintline .sw{display:inline-block;width:26px;height:14px;border-radius:5px;border:1px solid rgba(255,255,255,.4)}
.dash{position:fixed;z-index:16;right:14px;bottom:14px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}
#speedo{width:136px;height:136px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}
.gas{display:flex;align-items:center;gap:6px;background:rgba(11,13,16,.8);border:1px solid var(--line);border-radius:12px;padding:5px 9px;font-size:12px;font-weight:800;color:#fff;white-space:nowrap}
.gbar{width:92px;height:11px;border-radius:6px;background:#1b2232;overflow:hidden;border:1px solid rgba(255,255,255,.18)}
.gbar i{display:block;height:100%;width:100%;background:#3dffa8;transition:width .15s}
.gas b{min-width:34px;text-align:right}
.dash.low .gas{border-color:#ff3b6b;animation:ddlow .6s infinite alternate}
@keyframes ddlow{to{box-shadow:0 0 16px rgba(255,59,107,.8)}}
@media (pointer:coarse){.dash{right:auto;left:calc(50% + 30px);bottom:8px}#speedo{width:106px;height:106px}.gas{padding:4px 7px;font-size:11px;gap:5px}.gbar{width:54px}.gas b{min-width:30px}}
@media (pointer:coarse) and (orientation:portrait){.dash{bottom:216px}}
.dd-wheel{position:fixed;z-index:25;left:14px;bottom:14px;width:156px;height:156px;touch-action:none;border-radius:50%;background:radial-gradient(circle,rgba(30,91,255,.18),rgba(11,13,16,.25) 70%)}
.dd-wheel svg{width:100%;height:100%;display:block;pointer-events:none}
.dd-sens{display:flex;align-items:center;gap:10px;margin-top:6px;color:#c6d0e0;font-size:13px}
.dd-sens input{flex:1;accent-color:#00e5ff;height:28px}
.dd-note{color:var(--dim);font-size:13px;margin:6px 0 0}
.dd-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.dd-seg button{border:1px solid var(--line);background:#141b29;border-radius:12px;padding:10px;color:#c6d0e0;font-weight:700}
.dd-seg button.on{border-color:var(--cyan);background:#16233a;color:#fff;box-shadow:0 0 0 1px var(--cyan) inset}
#smx-edit,#smx-fs{top:calc(166px + env(safe-area-inset-top))!important}#smx-fs{right:auto!important;left:calc(56px + env(safe-area-inset-left))!important}@media (pointer:coarse){.dash{left:calc(50% - 76px)}}
#hud{top:calc(50px + max(8px,env(safe-area-inset-top)));left:calc(10px + env(safe-area-inset-left))}
@media (min-width:700px){#hud{left:calc(16px + env(safe-area-inset-left))}}
.laps{gap:7px}
.itembox{top:calc(54px + max(8px,env(safe-area-inset-top)));right:calc(12px + env(safe-area-inset-right))}
.dash{right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom))}
@media (pointer:coarse){.dash{right:auto;bottom:calc(8px + env(safe-area-inset-bottom))}}
.sk-tb.dd-reset{background:rgba(255,209,102,.28);border-color:rgba(255,209,102,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.sk-tb.dd-reset small{font-size:8px;letter-spacing:.06em;margin-top:2px}
.sk-tb.dd-rev{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55)}
body.dd-stuck .sk-tb.dd-reset{animation:ddPulse .7s ease-in-out infinite;background:rgba(255,209,102,.6)}
@keyframes ddPulse{50%{box-shadow:0 0 0 8px rgba(255,209,102,.35);filter:brightness(1.3)}}
#c2{z-index:1}
@media (pointer:coarse) and (orientation:landscape){.dash{left:calc(216px + env(safe-area-inset-left));right:auto;bottom:calc(8px + env(safe-area-inset-bottom));align-items:flex-start}#speedo{width:84px;height:84px}}
@media (pointer:coarse) and (orientation:landscape){.sk-toast{top:calc(152px + env(safe-area-inset-top));left:calc(50% + 18px);max-width:calc(100vw - 392px - env(safe-area-inset-left) - env(safe-area-inset-right));font-size:12px;padding:7px 10px}.gas span{font-size:0}.gas span::before{content:"⛽";font-size:12px}.gbar{width:46px}}
@media (max-height:500px){.sk-banner{top:calc(56% + env(safe-area-inset-top)/2)}}
.sk-tb.dd-cam{background:rgba(0,229,255,.16);border-color:rgba(0,229,255,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.sk-tb.dd-cam small{font-size:8px;letter-spacing:.06em;margin-top:2px}
@media (pointer:coarse) and (max-height:400px){.laps{gap:6px}.laps .pill{padding-top:3px;padding-bottom:3px}}
@media (max-height:500px){.sk-banner{top:calc(56% - env(safe-area-inset-bottom))}}