:root{--navy:#06214f;--navy2:#0a3a7a;--coral:#ff5a3c;--sun:#ffd23a;--aqua:#19f0d0;--pink:#ff3d9a;--font:"Avenir Next", "Segoe UI", "Trebuchet MS", system-ui, -apple-system, sans-serif}#ui{pointer-events:none;font-family:var(--font);color:#fff;z-index:10;position:fixed;inset:0}#ui *{box-sizing:border-box}.hidden{display:none!important}.hud{z-index:1;position:absolute;inset:0}.speedlines{width:100%;height:100%;position:absolute;inset:0}.hud-tl{left:max(18px, env(safe-area-inset-left));top:max(14px, env(safe-area-inset-top));width:250px;position:absolute}.pos-box{transform-origin:0 100%;align-items:flex-end;gap:8px;transition:transform .25s cubic-bezier(.2,1.8,.4,1);display:flex}.pos-box.up{filter:drop-shadow(0 0 18px #3dff8a);transform:scale(1.22)}.pos-box.down{filter:drop-shadow(0 0 18px #ff3d5a);transform:scale(.9)}.pos-num{background:linear-gradient(180deg, #fff6b0 0%, var(--sun) 40%, var(--coral) 100%);color:#0000;-webkit-text-stroke:3px #06214fe6;paint-order:stroke fill;filter:drop-shadow(0 5px #06214fbf);-webkit-background-clip:text;background-clip:text;padding-right:4px;font-size:104px;font-style:italic;font-weight:900;line-height:.86}.pos-side{text-shadow:0 3px #06214fcc;padding-bottom:8px;font-style:italic;font-weight:900}.pos-ord{font-size:30px;line-height:1}.pos-of{opacity:.85;font-size:18px}.lap-box{letter-spacing:.04em;background:linear-gradient(90deg, var(--navy) 0%, #06214f8c 100%);border-left:5px solid var(--aqua);border-radius:4px 14px 14px 4px;margin:6px 0 8px;padding:5px 16px 5px 12px;font-size:20px;font-style:italic;font-weight:900;display:inline-block;transform:skew(-10deg)}.board{flex-direction:column;gap:3px;display:flex}.board-row{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06214f80;border-radius:6px 12px 12px 6px;grid-template-columns:22px 14px 1fr auto;align-items:center;gap:8px;padding:3px 10px 3px 8px;font-size:14px;font-weight:800;display:grid;transform:skew(-8deg)}.board-row.me{text-shadow:0 1px #0006;background:linear-gradient(90deg,#ff5a3cd9,#ffd23a8c)}.board-row b{opacity:.9;font-style:italic}.board-row i{border:2px solid #fff;border-radius:50%;width:12px;height:12px}.board-row em{opacity:.85;font-variant-numeric:tabular-nums;font-size:12px;font-style:normal}.hud-tc{top:max(12px, env(safe-area-inset-top));text-align:center;position:absolute;left:50%;transform:translate(-50%)}.time-box{font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 2px #00000059;background:#06214f9e;border-radius:0 0 18px 18px;padding:2px 22px;font-size:34px;font-style:italic;font-weight:900}.best-box{letter-spacing:.12em;color:var(--aqua);text-shadow:0 1px 4px #0009;margin-top:4px;font-size:12px;font-weight:800}.hud-tr{right:max(18px, env(safe-area-inset-right));top:max(14px, env(safe-area-inset-top));border:5px solid #fff;border-radius:50%;width:196px;height:196px;position:absolute;overflow:hidden;box-shadow:0 0 0 4px #06214fbf,0 10px 30px #00143c80}.minimap-canvas{width:100%;height:100%;display:block}.hud-br{right:max(22px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));text-align:right;width:300px;position:absolute}.speedo{justify-content:flex-end;align-items:flex-end;gap:8px;display:flex}.speed-num{font-variant-numeric:tabular-nums;color:#fff;-webkit-text-stroke:3px #06214fe6;paint-order:stroke fill;filter:drop-shadow(0 5px #06214fb3);font-size:96px;font-style:italic;font-weight:900;line-height:.85}.speed-num.fast{color:var(--sun);filter:drop-shadow(0 0 16px #ffaa28e6)drop-shadow(0 5px #06214fb3)}.speed-unit{text-shadow:0 3px #06214fcc;padding-bottom:6px;font-size:20px;font-style:italic;font-weight:900}.boost-bar{background:#06214fb3;border:3px solid #fff;border-radius:6px;height:26px;margin-top:10px;position:relative;overflow:hidden;transform:skew(-18deg)}.boost-fill{background:linear-gradient(90deg,#19f0d0,#7dff4a 45%,#ffd23a 80%,#ff5a3c);width:30%;height:100%;transition:width 80ms linear}.boost-fill.active{filter:brightness(1.5)saturate(1.3);animation:.25s infinite alternate pulse}.boost-label{letter-spacing:.3em;text-shadow:0 1px 2px #000000b3;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;inset:0}.drift-pips{justify-content:flex-end;gap:6px;height:12px;margin-top:8px;display:flex}.drift-pips i{background:#ffffff38;border-radius:3px;width:34px;height:10px;transform:skew(-18deg)}.drift-pips.lvl1 i:first-child{background:#7dd3ff}.drift-pips.lvl2 i:nth-child(-n+2){background:#ffb02e;box-shadow:0 0 10px #ffb02e}.drift-pips.lvl3 i{background:#ff3d9a;box-shadow:0 0 12px #ff3d9a}.slip-tag{letter-spacing:.12em;background:linear-gradient(90deg,#19f0d0,#3d9bff);border-radius:4px;margin-bottom:8px;padding:3px 14px;font-size:15px;font-style:italic;font-weight:900;transition:transform .15s;display:inline-block;transform:skew(-14deg)scale(0)}.slip-tag.show{transform:skew(-14deg)scale(1)}.popups{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:27%;left:50%;transform:translate(-50%)}.popup{text-shadow:0 4px #06214fd9,0 0 22px #fff6;flex-direction:column;align-items:center;font-size:34px;font-style:italic;font-weight:900;animation:2.1s cubic-bezier(.2,1.4,.4,1) forwards popup;display:flex}.popup em{color:#fff;font-size:18px;font-style:italic;font-weight:800}.popup.trick span{background:linear-gradient(180deg, #fff 0%, var(--sun) 50%, var(--coral) 100%);color:#0000;-webkit-text-stroke:2px #06214fd9;paint-order:stroke fill;-webkit-background-clip:text;background-clip:text;font-size:44px}.popup.good span{color:#7dff9a}.popup.info span{color:var(--aqua);font-size:26px}.popup.bad span{color:#ff6a6a}.big-msg{opacity:0;color:#fff;-webkit-text-stroke:6px #06214fe6;paint-order:stroke fill;filter:drop-shadow(0 10px #06214fb3);font-size:190px;font-style:italic;font-weight:900;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.big-msg.show{opacity:1;animation:.95s cubic-bezier(.2,1.5,.4,1) forwards bigpop}.big-msg.go{color:#7dff9a;font-size:230px}.wrong-way{letter-spacing:.08em;background:#e5202e;border:4px solid #fff;border-radius:8px;padding:6px 34px;font-size:40px;font-style:italic;font-weight:900;position:absolute;top:20%;left:50%;transform:translate(-50%)scale(0)}.wrong-way.show{animation:.35s infinite alternate pulse;transform:translate(-50%)scale(1)}.hint{left:50%;bottom:max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;white-space:nowrap;background:#06214f9e;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;transition:opacity .5s;position:absolute;transform:translate(-50%)}.hint.show{opacity:1}.hint b{color:var(--sun)}.screen{z-index:20;pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.title-screen{background:radial-gradient(120% 90% at 50% 40%,#041e5000 30%,#03143cb3 100%),linear-gradient(#04194680,#0419460d 45%,#0419469e);flex-direction:column;display:flex}.title-wrap{text-align:center;width:min(92vw,560px);margin:auto;padding:10px;position:relative}.sb-credit{padding:8px 16px max(16px, env(safe-area-inset-bottom,0px));pointer-events:none;filter:drop-shadow(0 2px 6px #00143ccc);flex:none;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.sb-credit-text{letter-spacing:.26em;color:#ffffffbd;white-space:nowrap;font-size:10px;font-weight:800}.sb-logo{width:auto;height:18px;display:block;overflow:visible}.sb-ink{fill:#fff}.sb-orange{fill:#ff7a1c}.sb-flm{transform-box:fill-box;transform-origin:100% 0;animation:1.3s ease-in-out infinite alternate sb-flicker}@keyframes sb-flicker{0%{transform:scale(.9)}to{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.sb-flm{animation:none}}.logo-sun{pointer-events:none;background:radial-gradient(circle,#ffd23a8c 0%,#ff783c40 35%,#0000 65%);width:520px;height:520px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.kicker{letter-spacing:.34em;color:var(--aqua);text-shadow:0 2px 8px #00143ce6;font-size:14px;font-weight:900;position:relative}.title-screen h1{letter-spacing:-.03em;flex-direction:column;margin:2px 0 14px;font-size:clamp(74px,15vw,132px);font-style:italic;font-weight:900;line-height:.82;display:flex;position:relative}.title-screen h1 span{color:#fff;-webkit-text-stroke:5px var(--navy);paint-order:stroke fill;filter:drop-shadow(0 8px #06214fcc);transform:skew(-6deg)}.title-screen h1 .b{background:linear-gradient(180deg, #fff6b0 0%, var(--sun) 35%, var(--coral) 70%, var(--pink) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:26px}.menu-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06214f9e;border:2px solid #ffffff47;border-radius:18px;flex-direction:column;gap:12px;padding:18px 22px;display:flex;position:relative}.btn{font:inherit;letter-spacing:.06em;color:#fff;cursor:pointer;background:#ffffff24;border:2px solid #ffffff73;border-radius:12px;padding:12px 26px;font-size:18px;font-style:italic;font-weight:900;transition:transform .12s,filter .12s}.btn:hover{filter:brightness(1.15);transform:translateY(-2px)scale(1.02)}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg, #ff8a3c, var(--coral) 60%, #e63a5c);border-color:#fff;box-shadow:0 6px #a3202f,0 12px 26px #ff5a3c73}.btn.big{padding:16px 30px;font-size:28px}.btn small{opacity:.8;background:#00000040;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:12px}.opt-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.opt-row label{letter-spacing:.22em;color:var(--aqua);font-size:13px;font-weight:900}.stepper{align-items:center;gap:14px;display:flex}.stepper b{min-width:28px;font-size:28px;font-style:italic}.stepper button,.seg button,.chip{font:inherit;cursor:pointer;color:#fff;background:#ffffff24;border:2px solid #fff6;border-radius:10px;font-weight:900}.stepper button{width:40px;height:40px;font-size:24px}.seg{gap:6px;display:flex}.seg button{letter-spacing:.08em;padding:8px 14px;font-size:13px}.seg button.on{background:var(--aqua);color:var(--navy);border-color:#fff}.small-row{justify-content:center}.chip{letter-spacing:.1em;padding:6px 14px;font-size:12px}.controls-card{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06214f80;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px 16px;margin-top:12px;padding:10px 14px;font-size:12px;display:grid;position:relative}.controls-card b{color:var(--sun)}.tips{opacity:.9;text-shadow:0 1px 6px #00143ce6;margin-top:10px;font-size:12px;font-weight:700;position:relative}.pause-screen,.results-screen{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03143c8c}.panel{background:linear-gradient(#0a3a7aeb,#06214ff2);border:3px solid #fff;border-radius:22px;flex-direction:column;gap:12px;min-width:320px;padding:26px 34px;display:flex;box-shadow:0 20px 60px #000a2899}.panel h2{text-align:center;margin:0;font-size:46px;font-style:italic;font-weight:900}.panel h2 span{color:var(--sun)}.panel h2.gold{color:var(--sun);text-shadow:0 0 30px #ffd23ab3}.res-kicker{text-align:center;letter-spacing:.3em;color:var(--aqua);font-size:12px;font-weight:900}.results table{border-collapse:separate;border-spacing:0 4px;font-size:17px;font-weight:800}.results td{background:#ffffff17;padding:6px 12px}.results td:first-child{border-radius:8px 0 0 8px}.results td:last-child{border-radius:0 8px 8px 0}.results tr.me td{background:linear-gradient(90deg,#ff5a3cd9,#ffd23a80)}.results td.p{width:36px;font-size:20px;font-style:italic}.results td.g{text-align:right;opacity:.85;font-size:13px}.results td i{border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stats div{background:#00000038;border-radius:10px;padding:8px 12px}.stats em{letter-spacing:.2em;color:var(--aqua);font-size:11px;font-style:normal;font-weight:900;display:block}.stats b{font-variant-numeric:tabular-nums;font-size:24px;font-style:italic}.stats small{font-size:12px}.res-btns{justify-content:center;gap:12px;display:flex}@keyframes pulse{0%{filter:brightness()}to{filter:brightness(1.45)}}@keyframes popup{0%{opacity:0;transform:translateY(20px)scale(.4)}12%{opacity:1;transform:translateY(0)scale(1.15)}22%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-46px)scale(.95)}}@keyframes bigpop{0%{opacity:0;transform:translate(-50%,-50%)scale(2.6)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.7)}}#ui{--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--edge:16px;--R:58px;--big:96px;--mid:68px;--small:60px;--map:196px}#ui.compact{--edge:10px;--R:42px;--big:88px;--mid:62px;--small:54px;--map:88px}#ui.compact.portrait{--big:clamp(72px, 22.5vw, 92px);--mid:clamp(52px, 16vw, 64px);--small:clamp(46px, 14vw, 56px)}#ui.compact:not(.portrait){--big:78px;--mid:56px;--small:48px}#ui[data-scheme=buttons] .sc-stick,#ui[data-scheme=stick] .sc-buttons{display:none}#ui:not(.touch) .touch-only,#ui.touch .kb-only{display:none!important}.touch-controls{display:none}#ui.touch.in-race .touch-controls{z-index:5;pointer-events:none;display:block;position:absolute;inset:0}.stick-zone{pointer-events:auto;touch-action:none;width:56%;position:absolute;top:0;bottom:0;left:0}.scheme-buttons .stick-zone,.scheme-buttons .stick,.scheme-buttons .stick-ghost{display:none}.stick{opacity:0;pointer-events:none;width:0;height:0;transition:opacity .12s;position:absolute;top:0;left:0}.stick.on{opacity:1}.stick-ring{width:calc(var(--R) * 2 + 34px);height:calc(var(--R) * 2 + 34px);left:calc(var(--R) * -1 - 17px);top:calc(var(--R) * -1 - 17px);background:radial-gradient(circle,#06214f1a 0%,#06214f61 100%);border:3px solid #fff9;border-radius:50%;position:absolute;box-shadow:0 0 0 3px #06214f4d,inset 0 0 22px #19f0d02e}.stick-knob{width:calc(var(--R) * .98);height:calc(var(--R) * .98);left:calc(var(--R) * -.49);top:calc(var(--R) * -.49);background:radial-gradient(circle at 36% 30%,#fff 0%,#ffe08a 42%,#ff8a3c 100%);border:3px solid #fff;border-radius:50%;position:absolute;box-shadow:0 5px 12px #00143c8c}.stick-ghost{left:calc(var(--sl) + var(--edge) + 14px);bottom:calc(var(--sb) + var(--edge) + 20px);width:calc(var(--R) * 2 + 24px);height:calc(var(--R) * 2 + 24px);pointer-events:none;background:radial-gradient(circle,#0000 55%,#06214f38 100%);border:3px dashed #ffffff80;border-radius:50%;justify-content:center;align-items:center;gap:8px;transition:opacity .25s;animation:1.4s ease-in-out infinite alternate ghostpulse;display:flex;position:absolute}.stick-ghost i{width:calc(var(--R) * .6);height:calc(var(--R) * .6);background:radial-gradient(circle at 36% 30%,#fff,#ffe08a 45%,#ff8a3c);border-radius:50%;box-shadow:0 3px 8px #00143c73}.stick-ghost b{text-align:center;letter-spacing:.24em;text-shadow:0 1px 4px #00143ce6;font-size:10px;position:absolute;bottom:-18px;left:0;right:0}.stick-ghost.used{opacity:.32;animation:none}.stick-ghost.used b{display:none}.stick.on+.stick-ghost{opacity:0}@keyframes ghostpulse{0%{border-color:#ffffff59;transform:scale(1)}to{border-color:#ffffffb3;transform:scale(1.05)}}.arrow-pad{left:calc(var(--sl) + var(--edge));bottom:calc(var(--sb) + var(--edge) + 18px);gap:12px;display:none;position:absolute}.scheme-buttons .arrow-pad{display:flex}.arrow-pad .tbtn{width:calc(var(--big) - 2px);height:calc(var(--big) - 2px);font-size:30px;position:static}.tbtn{pointer-events:auto;touch-action:none;font:inherit;letter-spacing:.06em;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 2px #06214fb3;background:#06214f80;border:3px solid #ffffffd9;border-radius:50%;place-items:center;margin:0;padding:0;font-size:13px;font-style:italic;font-weight:900;transition:transform 80ms,background .12s,opacity .18s;display:grid;position:absolute}.tbtn.on{background:#ff5a3ce0;transform:scale(.92)}.tbtn span{pointer-events:none}.t-boost{right:calc(var(--sr) + var(--edge) + 8px);bottom:calc(var(--sb) + var(--edge) + 20px);width:var(--big);height:var(--big);background:radial-gradient(circle at 50% 28%,#ffe6a0 0%,#ff9a3c 46%,#ff4b3a 100%);border:0;font-size:15px;box-shadow:0 5px #a3202f,0 12px 22px #00143c73}.t-boost.on{background:radial-gradient(circle at 50% 28%,#fff6c8 0%,#ffc23c 46%,#ff6a3a 100%)}.t-boost:before{content:"";pointer-events:none;background:conic-gradient(from 0deg, #19f0d0 0, #7dff4a calc(var(--boost,0) * 0.5%), #ffd23a calc(var(--boost,0) * 0.85%), #ff5a3c calc(var(--boost,0) * 1%), #06214f8c 0);border-radius:50%;position:absolute;inset:-10px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px))}.t-boost.empty{filter:saturate(.35)brightness(.85)}.t-boost.firing{animation:.25s infinite alternate pulse}.t-drift{right:calc(var(--sr) + var(--edge) + 8px + var(--big) + 18px);bottom:calc(var(--sb) + var(--edge) + 22px);width:var(--mid);height:var(--mid)}.t-drift .l-air,.air .t-drift .l-ground{display:none}.air .t-drift .l-air{color:#ffe08a;display:inline}.t-drift[data-lvl="1"]{border-color:#7dd3ff}.t-drift[data-lvl="2"]{border-color:#ffb02e;box-shadow:0 0 14px #ffb02e}.t-drift[data-lvl="3"]{background:#ff3d9a59;border-color:#ff3d9a;box-shadow:0 0 16px #ff3d9a}.t-spin,.t-flip{width:var(--small);height:var(--small);opacity:0;pointer-events:none;transform:scale(.6)}.air .t-spin,.air .t-flip{opacity:1;pointer-events:auto;transform:none}.air .t-spin.on,.air .t-flip.on{transform:scale(.92)}.t-spin{right:calc(var(--sr) + var(--edge) + 8px + (var(--big) - var(--small)) / 2);bottom:calc(var(--sb) + var(--edge) + 20px + var(--big) + 20px);border-color:#ffe08a}.t-flip{right:calc(var(--sr) + var(--edge) + 8px + var(--big) + 18px + (var(--mid) - var(--small)) / 2);bottom:calc(var(--sb) + var(--edge) + 22px + var(--mid) + 16px);border-color:#7dd3ff}.scheme-stick .t-flip{display:none}.mini-btns{right:calc(var(--sr) + var(--edge));top:calc(max(var(--st), 8px) + var(--map) + 10px);pointer-events:none;gap:8px;display:flex;position:absolute}.t-mini{letter-spacing:0;border-width:2px;width:40px;height:40px;font-size:14px;position:relative}.t-mini:after{content:"";border-radius:50%;position:absolute;inset:-6px}#ui.touch .boost-bar,#ui.touch .drift-pips{display:none}#ui.touch .hud-br{bottom:auto;left:50%;right:auto;top:calc(max(var(--st), 12px) + 78px);text-align:center;width:auto;transform:translate(-50%)}#ui.touch .speedo{justify-content:center}#ui.touch .slip-tag{white-space:nowrap;margin:6px 0 0;position:absolute;top:100%;left:50%;transform:translate(-50%)skew(-14deg)scale(0)}#ui.touch .slip-tag.show{transform:translate(-50%)skew(-14deg)scale(1)}#ui.touch .hint{white-space:normal;text-align:center;z-index:2;border-radius:16px;width:max-content;max-width:min(92vw,560px);line-height:1.55;top:46%;bottom:auto}#ui.compact .hud-tl{left:calc(var(--sl) + var(--edge));top:max(var(--st), 8px);width:auto}#ui.compact .pos-box{gap:4px}#ui.compact .pos-num{-webkit-text-stroke:2px #06214fe6;filter:drop-shadow(0 3px #06214fbf);padding-right:2px;font-size:50px}#ui.compact .pos-side{text-shadow:0 2px #06214fcc;padding-bottom:4px}#ui.compact .pos-ord{font-size:17px}#ui.compact .pos-of{font-size:11px}#ui.compact .lap-box{border-left-width:3px;margin:3px 0 0;padding:2px 11px 2px 8px;font-size:12px}#ui.compact .board{display:none}#ui.compact .hud-tc{top:max(var(--st), 8px)}#ui.compact .time-box{border-radius:0 0 12px 12px;padding:1px 13px;font-size:19px}#ui.compact .best-box{letter-spacing:.1em;margin-top:2px;font-size:9px}#ui.compact .hud-tr{right:calc(var(--sr) + var(--edge));top:max(var(--st), 8px);width:var(--map);height:var(--map);border-width:3px;box-shadow:0 0 0 2px #06214fbf,0 6px 16px #00143c73}#ui.compact.touch .hud-br{top:calc(max(var(--st), 8px) + 44px)}#ui.compact .speed-num{-webkit-text-stroke:2px #06214fe6;filter:drop-shadow(0 2px #06214fb3);font-size:30px}#ui.compact .speed-num.fast{filter:drop-shadow(0 0 8px #ffaa28d9)drop-shadow(0 2px #06214fb3)}#ui.compact .speed-unit{text-shadow:0 2px #06214fcc;padding-bottom:2px;font-size:10px}#ui.compact .slip-tag{padding:2px 9px;font-size:10px}#ui.compact .popups{gap:3px;top:20%}#ui.compact .popup{text-shadow:0 2px #06214fd9,0 0 14px #ffffff59;font-size:19px}#ui.compact .popup em{font-size:12px}#ui.compact .popup.trick span{-webkit-text-stroke:1.5px #06214fd9;font-size:28px}#ui.compact .popup.info span{font-size:15px}#ui.compact .big-msg{-webkit-text-stroke:4px #06214fe6;filter:drop-shadow(0 5px #06214fb3);font-size:104px;top:36%}#ui.compact .big-msg.go{font-size:128px}#ui.compact .wrong-way{border-width:3px;padding:3px 18px;font-size:19px;top:14%}#ui.compact .hint{padding:6px 14px;font-size:11px}#ui.compact:not(.portrait) .popups{top:17%}#ui.compact:not(.portrait) .big-msg{font-size:84px;top:42%}#ui.compact:not(.portrait) .big-msg.go{font-size:100px}#ui.compact:not(.portrait) .hint{top:58%}#ui.compact .screen{touch-action:pan-y;overflow-y:auto}#ui.compact .title-wrap,#ui.compact .panel{margin:auto}#ui.compact .title-wrap{width:min(94vw,430px);padding:8px 4px}#ui.compact .sb-credit{padding:6px 12px max(12px, var(--sb));gap:8px}#ui.compact .sb-credit-text{letter-spacing:.22em;font-size:9px}#ui.compact .sb-logo{height:15px}#ui.compact .logo-sun{width:360px;height:360px;top:-30px}#ui.compact .kicker{letter-spacing:.2em;margin-bottom:6px;font-size:9.5px}#ui.compact .title-screen h1{margin:0 0 8px;font-size:68px}#ui.compact .title-screen h1 span{-webkit-text-stroke:3px var(--navy);filter:drop-shadow(0 5px #06214fcc)}#ui.compact .title-screen h1 .b{margin-left:18px}#ui.compact .menu-card{border-radius:16px;gap:9px;padding:12px 14px}#ui.compact .btn{min-height:44px;padding:10px 18px;font-size:16px}#ui.compact .btn.big{padding:12px 20px;font-size:22px}#ui.compact .btn.primary{box-shadow:0 4px #a3202f,0 8px 18px #ff5a3c66}#ui.compact .opt-row{gap:10px}#ui.compact .opt-row label{font-size:11px}#ui.compact .stepper{gap:10px}#ui.compact .stepper b{font-size:24px}#ui.compact .stepper button{width:44px;height:44px}#ui.compact .seg{gap:5px}#ui.compact .seg button{letter-spacing:.05em;min-height:42px;padding:8px 10px;font-size:11.5px}#ui.compact .small-row{flex-wrap:wrap;gap:7px}#ui.compact .chip{min-height:38px;padding:8px 12px;font-size:11px}#ui.compact .controls-card{grid-template-columns:1fr;gap:3px;margin-top:8px;padding:8px 12px;font-size:11px}#ui.compact .tips{margin-top:8px;font-size:10.5px}#ui.compact .panel{border-width:2px;border-radius:18px;gap:9px;min-width:min(300px,88vw);padding:16px 20px}#ui.compact .panel h2{font-size:30px}#ui.compact .panel.small{min-width:min(280px,84vw)}#ui.compact .res-kicker{font-size:10px}#ui.compact .panel.results{width:min(94vw,440px);padding:14px 14px calc(14px + var(--sb))}#ui.compact .results table{border-spacing:0 3px;width:100%;font-size:13px}#ui.compact .results td{padding:4px 8px}#ui.compact .results td.p{width:26px;font-size:15px}#ui.compact .results td.g{font-size:11px}#ui.compact .results td i{width:10px;height:10px;margin-right:6px}#ui.compact .stats{gap:6px}#ui.compact .stats div{padding:6px 10px}#ui.compact .stats em{letter-spacing:.16em;font-size:9px}#ui.compact .stats b{font-size:18px}#ui.compact .res-btns{gap:8px}#ui.compact .res-btns .btn{flex:1;padding:10px 8px;font-size:14px}@media (orientation:landscape){#ui.compact .title-wrap{grid-template-columns:1fr minmax(300px,1.05fr);align-items:center;gap:6px 22px;width:min(94vw,800px);display:grid}#ui.compact .logo-sun{top:-70px;left:27%}#ui.compact .sb-credit{padding-top:2px;padding-bottom:max(6px, var(--sb))}#ui.compact .sb-logo{height:13px}#ui.compact .title-screen h1{margin:0;font-size:78px}#ui.compact .controls-card,#ui.compact .tips{display:none}#ui.compact .panel.results{grid-template-columns:1.15fr 1fr;align-items:start;gap:6px 14px;width:min(94vw,720px);display:grid}#ui.compact .panel.results .res-kicker,#ui.compact .panel.results h2{grid-column:1/-1}#ui.compact .panel.results h2{font-size:26px}#ui.compact .panel.results table{grid-area:3/1/span 2}#ui.compact .panel.results .stats{grid-area:3/2}#ui.compact .panel.results .res-btns{grid-area:4/2;align-self:end}}@media (pointer:coarse){.btn:hover{filter:none;transform:none}}