:root{--navy:#15233b;--petrol:#117c87;--sky:#6fd9e5;--warm:#f6f4e9;--orange:#ff814a;--turbo:#ffd35c;--coral:#ef5866;--sp-ralph:#ffd35c;--sp-gabi:#ffb4c0;--sp-mimi:#6fd9e5;--sp-adrian:#c9f27a;--warm-2:color-mix(in srgb, var(--warm) 84%, var(--navy));--sky-soft:color-mix(in srgb, var(--warm) 62%, var(--sky));--ink-soft:color-mix(in srgb, var(--navy) 68%, var(--warm));--font-display:"Arial Black", "Avenir Next Condensed", "Helvetica Neue", Arial, sans-serif;--font-text:"Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--u:clamp(5.6px, min(1vw, 1.78vh), 16px);--line:max(2px, calc(var(--u) * .36));--shadow:max(3px, calc(var(--u) * .55));--r:calc(var(--u) * 1.3);--gap:max(6px, calc(var(--u) * 1));--tap:max(44px, calc(var(--u) * 5));--fs-s:max(11px, calc(var(--u) * 1.35));--fs-m:max(13px, calc(var(--u) * 1.65));--fs-l:max(17px, calc(var(--u) * 2.5));--fs-xl:max(24px, calc(var(--u) * 4.4));--sx-l:max(env(safe-area-inset-left,0px), calc(var(--u) * 2));--sx-r:max(env(safe-area-inset-right,0px), calc(var(--u) * 2));--sy-t:max(env(safe-area-inset-top,0px), calc(var(--u) * 1.6));--sy-b:max(env(safe-area-inset-bottom,0px), calc(var(--u) * 1.6));--drive-w:clamp(96px, 17vw, 190px);--drive-h:clamp(88px, 24vh, 160px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--navy);width:100%;height:100%;color:var(--navy);font-family:var(--font-text);-webkit-text-size-adjust:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:manipulation}#game{background:var(--navy);position:fixed;inset:0}#game canvas{touch-action:none;display:block;width:100%!important;height:100%!important}#ui{z-index:10;pointer-events:none;position:fixed;inset:0;overflow:hidden}#ui button,#ui input,#ui label,#ui .panel,#ui .w-card,#ui .drive{pointer-events:auto}button{font:inherit}svg{display:block}.btn{min-height:var(--tap);min-width:var(--tap);padding:0 calc(var(--u) * 2.2);font-family:var(--font-display);font-size:var(--fs-m);letter-spacing:.04em;text-transform:uppercase;color:var(--navy);background:var(--warm);border:var(--line) solid var(--navy);border-radius:var(--r);box-shadow:0 var(--shadow) 0 var(--navy);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transform:rotate(var(--tilt,0deg));justify-content:center;align-items:center;gap:.5em;line-height:1;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex;position:relative}.btn:hover{filter:brightness(1.05);transform:translateY(-2px) rotate(var(--tilt,0deg))}.btn:active,.btn.is-pressed{transform:translateY(var(--shadow)) rotate(0deg) scale(1.04, .9);box-shadow:0 0 0 var(--navy)}.btn--primary{background:var(--orange)}.btn--sec{background:var(--sky-soft)}.btn--danger{background:var(--coral)}.btn--xl{min-height:calc(var(--tap) * 1.3);font-size:var(--fs-l)}.btn--small{padding:0 calc(var(--u) * 1.6)}.btn .ico{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:1.15em;height:1.15em}.btn:disabled{cursor:default;filter:none;opacity:.62;transform:rotate(var(--tilt,0deg));box-shadow:0 calc(var(--shadow) * .6) 0 var(--navy)}.btn:disabled:hover{filter:none;transform:rotate(var(--tilt,0deg))}.btn:focus-visible,.btn.is-focused,.g-card:focus-visible,.g-card.is-focused,.g-tab:focus-visible,.g-tab.is-focused,.toggle:focus-within,.toggle.is-focused,.slider:focus-within,.slider.is-focused{outline:calc(var(--line) * 1.5) solid var(--turbo);outline-offset:calc(var(--line) * 1.2);box-shadow:0 var(--shadow) 0 var(--navy), 0 0 0 var(--line) var(--navy);z-index:3}.btn:focus-visible,.btn.is-focused{transform:translateY(-2px)scale(1.04)rotate(0)}.btn:focus,.g-card:focus,.g-tab:focus{outline-color:#0000}.btn:focus-visible,.btn.is-focused{outline-color:var(--turbo)}@media (prefers-reduced-motion:no-preference){.btn.is-focused,.btn:focus-visible{animation:1s ease-in-out infinite alternate ring}}@keyframes ring{to{outline-offset:calc(var(--line) * 2)}}.panel{background:var(--warm);border:var(--line) solid var(--navy);border-radius:calc(var(--r) * 1.3);box-shadow:0 var(--shadow) 0 var(--navy);padding:calc(var(--u) * 1.8)}.screen{gap:var(--gap);padding:var(--sy-t) var(--sx-r) var(--sy-b) var(--sx-l);pointer-events:none;flex-direction:column;animation:.3s cubic-bezier(.2,1.2,.4,1) both screen-in;display:flex;position:absolute;inset:0}.screen--dim:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--navy) 40%, transparent) 1px, transparent 1.5px) 0 0 / 6px 6px, color-mix(in srgb, var(--navy) 62%, transparent);position:absolute;inset:0}@keyframes screen-in{0%{opacity:0;transform:translateY(2%)scale(.985)}}.title{font-family:var(--font-display);font-size:var(--fs-l);letter-spacing:.06em;text-transform:uppercase;color:var(--warm);-webkit-text-stroke:calc(var(--u) * .5) var(--navy);paint-order:stroke fill;text-shadow:0 .09em 0 var(--navy);margin:0;line-height:1}.panel .title{color:var(--navy);-webkit-text-stroke:0;text-shadow:none}.title--center{text-align:center;font-size:var(--fs-xl)}.title--big{font-size:var(--fs-xl)}.topbar{align-items:center;gap:calc(var(--gap) * 1.5);flex:none;display:flex}.topbar .title{margin-right:auto}.chip{min-height:calc(var(--tap) * .7);padding:0 calc(var(--u) * 1.4);font-family:var(--font-display);font-size:var(--fs-m);color:var(--navy);background:var(--warm);border:var(--line) solid var(--navy);box-shadow:0 calc(var(--shadow) * .7) 0 var(--navy);border-radius:999px;align-items:center;gap:.45em;display:inline-flex}.coin{border:max(2px, .12em) solid var(--navy);background:radial-gradient(circle at 35% 30%, var(--warm) 0 12%, transparent 14%), var(--turbo);width:1.15em;height:1.15em;box-shadow:inset -.12em -.12em 0 var(--orange);border-radius:50%;flex:none;display:inline-block}.stars{font-size:var(--fs-m);gap:.1em;display:inline-flex}.star svg{width:1.45em;height:1.45em;fill:color-mix(in srgb, var(--navy) 16%, var(--warm));stroke:var(--navy);stroke-width:1.8px;stroke-linejoin:round}.star.is-on svg{fill:var(--turbo)}.result-head .stars{font-size:var(--fs-l);justify-content:center}.result-dist{font-family:var(--font-display);font-size:var(--fs-l);margin:0;line-height:1}.result-medal{white-space:nowrap;align-items:center;gap:.3em;display:inline-flex}.screen--title{align-items:center;gap:calc(var(--u) * 3);grid-template-rows:1fr;grid-template-columns:1fr auto;display:grid}.logo-wrap{margin-top:calc(var(--u) * 1);place-self:start}.logo{font-family:var(--font-display);text-transform:uppercase;line-height:.84;font-size:max(34px, calc(var(--u) * 9));letter-spacing:.01em;transform-origin:0 100%;flex-direction:column;margin:0;display:flex;transform:rotate(-3deg)}.logo span{-webkit-text-stroke:calc(var(--u) * 1) var(--navy);paint-order:stroke fill;text-shadow:0 calc(var(--u) * .9) 0 var(--navy), 0 calc(var(--u) * .9) 0 var(--navy);display:block}.logo-a{color:var(--warm)}.logo-b{color:var(--orange);margin-left:.35em;font-size:1.22em}.logo-sub{margin:calc(var(--u) * 1.6) 0 0 calc(var(--u) * 1);font-family:var(--font-display);font-size:max(12px, calc(var(--u) * 1.9));letter-spacing:.22em;color:var(--navy);background:var(--turbo);border:var(--line) solid var(--navy);border-radius:calc(var(--u) * .6);padding:calc(var(--u) * .7) calc(var(--u) * 1.6);box-shadow:0 var(--shadow) 0 var(--navy);display:inline-block;transform:rotate(1.5deg)}.title-help{right:var(--sx-r);top:var(--sy-t);width:var(--tap);min-width:44px;height:var(--tap);min-height:44px;font-size:var(--fs-l);border-radius:50%;padding:0;position:absolute}.menu{gap:calc(var(--gap) * 1.2);flex-direction:column;align-self:center;width:clamp(190px,28vw,400px);display:flex}.menu .btn--sec{margin-top:var(--gap);align-self:center}@media (prefers-reduced-motion:no-preference){.logo-a{animation:.8s cubic-bezier(.2,1.5,.4,1) 50ms both logo-in,5s ease-in-out .9s infinite wobble}.logo-b{animation:.8s cubic-bezier(.2,1.5,.4,1) .25s both logo-in,5s ease-in-out 1.2s infinite reverse wobble}.logo-sub{animation:.5s cubic-bezier(.2,1.6,.4,1) .8s both pop-in}.menu .btn{animation:.5s cubic-bezier(.2,1.3,.4,1) both slide-in}.menu .btn:nth-child(2){animation-delay:.1s}.menu .btn:nth-child(3){animation-delay:.2s}.menu .btn:nth-child(4){animation-delay:.3s}.menu .btn:nth-child(5){animation-delay:.4s}}@keyframes logo-in{0%{opacity:0;transform:translateY(-70vh)rotate(-16deg)scale(.7)}70%{opacity:1;transform:translateY(4%)rotate(2deg)}}@keyframes wobble{0%,to{transform:rotate(0)}50%{transform:rotate(-1.4deg)translateY(-1%)}}@keyframes pop-in{0%{transform:rotate(1.5deg)scale(0)}}@keyframes slide-in{0%{transform:translateX(60%) rotate(var(--tilt,0deg));opacity:0}}.medal{vertical-align:-.25em;flex:none;display:inline-block}.medal--none{text-align:center;opacity:.45;width:1.3em;font-weight:800}.w-strip{flex:1;align-items:stretch;min-height:0}.screen--levels{--w-card-w:clamp(120px, 14vw, 230px)}.g-strip .w-card{flex:0 0 calc(var(--w-card-w) * .8)}.g-strip .w-card:not(.is-locked){flex-basis:calc(var(--w-card-w) * 2)}.w-card{align-items:stretch;gap:calc(var(--u) * .5);text-align:left;cursor:default;padding:calc(var(--u) * .8)}.w-card.is-locked{background:var(--warm-2)}.w-card .lv-art{flex:54px;width:100%;min-height:54px;max-height:40%}.w-meta{justify-content:space-between;align-items:center;gap:calc(var(--u) * .6);display:flex}.w-medals{font-size:var(--fs-m);gap:.15em;display:inline-flex}.w-medal:not(.is-on){filter:grayscale();opacity:.3}.lv-best{min-width:0;font-size:var(--fs-s);white-space:nowrap;font-weight:800}.w-card .ms-text{white-space:normal}.w-card .lv-tag{-webkit-line-clamp:unset;display:block;overflow:visible}.w-play{width:100%;margin-top:auto}.w-need{font-size:var(--fs-s);color:var(--ink-soft);margin:auto 0 0;padding:.3em 0;font-weight:800;line-height:1.2}.w-chair{justify-content:center;align-items:center;gap:calc(var(--gap) * 1.5);font-size:var(--fs-m);color:var(--warm);text-shadow:0 .1em 0 var(--navy);flex:none;font-weight:800;display:flex}.w-chair b{font-family:var(--font-display);color:var(--turbo);font-weight:400}.lv-art{border:var(--line) solid var(--navy);border-radius:calc(var(--r) * .8);background:linear-gradient(var(--sky-top), var(--sky-bot));flex:0 0 clamp(54px,15%,130px);min-height:54px;position:relative;overflow:hidden}.lv-art i{display:block;position:absolute}.lv-sun{aspect-ratio:1;background:var(--sun);border:max(2px, calc(var(--u) * .25)) solid var(--navy);border-radius:50%;width:20%;top:12%;right:12%}.lv-far,.lv-mid,.lv-near{border-top:max(2px, calc(var(--u) * .25)) solid var(--navy);border-radius:50% 50% 0 0/100% 100% 0 0}.lv-far{background:var(--far);height:52%;bottom:20%;left:-8%;right:-8%}.lv-mid{background:var(--mid);width:88%;height:40%;bottom:12%;left:-22%}.lv-near{background:var(--near);width:92%;height:30%;bottom:6%;right:-26%}.lv-ground{background:linear-gradient(var(--ground) 0 38%, var(--soil) 38%);border-top:max(2px, calc(var(--u) * .25)) solid var(--navy);height:17%;bottom:0;left:0;right:0}.lv-art[data-skyline="1"] .lv-far{clip-path:polygon(0 100%,10% 45%,20% 72%,36% 8%,54% 70%,70% 28%,84% 72%,100% 100%);border-top:0;border-radius:0}.lv-art[data-skyline="2"] .lv-far{border-radius:60% 40% 0 0/100% 90% 0 0;height:40%;left:-30%;right:10%}.lv-art[data-skyline="3"] .lv-far{clip-path:polygon(0 100%,22% 72%,36% 16%,64% 16%,78% 72%,100% 100%);border-top:0;border-radius:0;left:14%;right:14%}.lv-art[data-skyline="4"] .lv-far{border:max(2px, calc(var(--u) * .25)) solid var(--navy);border-radius:50%;height:16%;bottom:44%;left:8%;right:38%}.lv-art[data-skyline="5"] .lv-far{background:radial-gradient(ellipse at 26% 40%, color-mix(in srgb, var(--far) 55%, var(--navy)) 0 12%, transparent 13%), radial-gradient(ellipse at 66% 55%, color-mix(in srgb, var(--far) 55%, var(--navy)) 0 9%, transparent 10%), var(--far)}.lv-num{left:calc(var(--u) * .6);top:calc(var(--u) * .6);width:calc(var(--u) * 2.8);aspect-ratio:1;min-width:20px;font-family:var(--font-display);font-size:var(--fs-s);color:var(--navy);background:var(--turbo);border:max(2px, calc(var(--u) * .25)) solid var(--navy);border-radius:50%;place-items:center;display:grid;position:absolute}.lv-name{font-family:var(--font-display);font-size:var(--fs-m);text-transform:uppercase;letter-spacing:.02em;line-height:1.05}.lv-tag{font-size:var(--fs-s);color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.lock{width:34%;max-width:44px;fill:var(--warm);stroke:var(--navy);stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.w-card.is-locked .lv-art{filter:grayscale(.9)brightness(.72)}.screen--garage{--g-info-w:clamp(210px, 29vw, 380px);--g-card-w:clamp(100px, calc(var(--u) * 12.5), 168px);--g-thumb-h:clamp(38px, calc(var(--u) * 5.6), 86px);grid-template-columns:minmax(0, 1fr) var(--g-info-w);gap:var(--gap) calc(var(--gap) * 1.6);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top""stage info""dock dock";display:grid}.screen.is-still{animation:none}.g-top{align-items:center;gap:calc(var(--gap) * 1.2);grid-area:top;min-width:0;display:flex}.g-top .title{white-space:nowrap;flex:none;margin-right:auto}.g-tabs{gap:var(--line);padding:var(--line);background:var(--navy);box-shadow:0 calc(var(--shadow) * .7) 0 color-mix(in srgb, var(--navy) 55%, transparent);border-radius:999px;flex:none;display:flex}.g-tab{min-height:max(40px, calc(var(--u) * 4.2));padding:0 calc(var(--u) * 1.5);cursor:pointer;touch-action:manipulation;white-space:nowrap;font-family:var(--font-display);font-size:var(--fs-s);letter-spacing:.06em;color:color-mix(in srgb, var(--navy) 80%, var(--warm));background:var(--warm);border:0;border-radius:999px;align-items:center;gap:.45em;line-height:1;transition:background .15s,color .15s;display:inline-flex}.g-tab .ico{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.g-tab:hover:not(.is-on){color:var(--navy);background:color-mix(in srgb, var(--turbo) 35%, var(--warm))}.g-tab.is-on{color:var(--navy);background:var(--turbo);box-shadow:inset 0 calc(var(--line) * -1.2) 0 color-mix(in srgb, var(--navy) 22%, transparent)}.g-stage{grid-area:stage;min-height:0}.g-info{align-self:center;gap:calc(var(--u) * .8);min-width:0;max-height:100%;padding:calc(var(--u) * 1.6) calc(var(--u) * 1.8);flex-direction:column;grid-area:info;display:flex;overflow:hidden}.g-kicker{font-family:var(--font-display);font-size:calc(var(--fs-s) * .85);letter-spacing:.14em;text-transform:uppercase;color:var(--petrol);margin:0}.g-title{min-width:0;font-family:var(--font-display);font-size:var(--fs-l);text-transform:uppercase;-webkit-hyphens:manual;hyphens:manual;align-items:center;gap:.4em;margin:0;line-height:1;display:flex}.g-title .g-ico{flex:none;font-size:.6em}.g-sub{font-size:var(--fs-s);color:var(--ink-soft);margin:0;font-weight:600;line-height:1.25}.g-stats{gap:calc(var(--u) * .55);display:grid}.g-stat{font-size:var(--fs-s);grid-template-columns:5.4em minmax(0,1fr);align-items:center;gap:.6em;font-weight:800;display:grid}.g-stat em{text-transform:uppercase;letter-spacing:.04em;font-style:normal}.g-bar{height:max(9px, calc(var(--u) * 1.15));background:color-mix(in srgb, var(--navy) 10%, var(--warm));border:max(1.5px, calc(var(--u) * .2)) solid var(--navy);border-radius:999px;position:relative;overflow:hidden}.g-bar:before,.g-bar i{content:"";display:block;position:absolute;inset:0 auto 0 0}.g-bar:before{width:var(--m);background:color-mix(in srgb, var(--orange) 28%, var(--warm))}.g-bar i{width:var(--v);background:var(--orange);border-radius:0 999px 999px 0}.g-level{font-family:var(--font-display);font-size:var(--fs-s);white-space:nowrap;align-items:center;gap:.8em;display:flex}.g-level .pips{flex:1}.g-main{width:100%;margin-top:calc(var(--u) * .4);gap:.35em}.g-info .deltas{gap:calc(var(--u) * .3)}.pips{gap:3px;display:flex}.pip{max-width:calc(var(--u) * 3);height:max(6px, calc(var(--u) * .9));background:color-mix(in srgb, var(--navy) 14%, var(--warm));border:max(1.5px, calc(var(--u) * .2)) solid var(--navy);border-radius:2px;flex:1}.pip.is-on{background:var(--orange)}.pips--dense{gap:1.5px}.pips--dense .pip{border-width:max(1px, calc(var(--u) * .12));border-radius:1px}.g-level .pips--dense{min-width:0}.g-reset{width:100%;min-height:36px;padding-inline:calc(var(--u) * .8);white-space:nowrap;font-size:calc(var(--fs-s) * .8);letter-spacing:0;flex:none;gap:.3em}.g-mimi{z-index:1;place-self:start;align-items:center;gap:calc(var(--u) * 1.2);padding:calc(var(--u) * .7) calc(var(--u) * 1.1);grid-area:stage;display:flex;transform:rotate(-.5deg)}.g-mimi-txt{font-family:var(--font-display);font-size:var(--fs-s);text-transform:uppercase;flex-direction:column;gap:.2em;line-height:1;display:flex}.g-mimi-stock{gap:.25em;display:inline-flex}.mimi-pip{width:calc(var(--u) * 2.6);aspect-ratio:1;border:max(2px, calc(var(--u) * .22)) solid var(--navy);background:color-mix(in srgb, var(--navy) 12%, var(--warm));opacity:.45;border-radius:50%;place-items:center;min-width:22px;display:grid}.mimi-pip.is-on{background:var(--orange);opacity:1}.mimi-pip .ico{fill:none;width:70%;height:70%;stroke:var(--warm);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.g-mimi-buy{flex:none;gap:.35em}.pad{vertical-align:middle;min-width:1.7em;height:1.7em;font:900 var(--fs-s)/1 var(--font-display);color:var(--warm);border:max(2px, calc(var(--u) * .22)) solid var(--navy);border-radius:50%;flex:none;place-items:center;padding:0 .4em;display:inline-grid}.pad--a{background:#3aa655}.pad--b{background:#d94452}.pad--x{background:#3f7fd9}.pad--y{color:var(--navy);background:#e6b422}.pad--pill{background:#565b73;border-radius:.6em}.pad--dpad{fill:var(--navy);border:0;width:1.7em;padding:0}.pad-hint{display:none}html[data-device=gamepad] .pad-hint{display:inline-grid}.ms-list{gap:calc(var(--u) * .3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ms{min-width:0;font-size:var(--fs-s);align-items:center;gap:.45em;font-weight:700;line-height:1.15;display:flex}.ms-mark{fill:none;width:1.2em;height:1.2em;stroke:var(--navy);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none}.ms-mark.is-done{fill:var(--petrol)}.ms-mark.is-done path{stroke:var(--warm);stroke-width:3px}.ms-box .ms-text{white-space:normal}.ms-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-block:.08em;overflow:hidden}.ms.is-done .ms-text{color:var(--ink-soft)}.ms-reward{font-family:var(--font-display);color:var(--petrol);flex:none;font-weight:400}.ms-list--card{margin-top:calc(var(--u) * .2);font-size:.9em}.ms-title{margin:0 0 calc(var(--u) * .4);font-family:var(--font-display);font-size:var(--fs-s);text-transform:uppercase;letter-spacing:.1em;color:var(--petrol)}.ms-box,.ms-won{padding:calc(var(--u) * .8) calc(var(--u) * 1.2);background:var(--sky-soft);border:var(--line) solid var(--navy);border-radius:var(--r)}.ms-won{background:color-mix(in srgb, var(--turbo) 45%, var(--warm))}.ms-won .ms-text{white-space:normal;color:var(--navy)}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.confetti i{top:1%;left:calc(var(--i) * 6.6% + 3%);width:calc(var(--u) * .8);height:calc(var(--u) * 1.6);background:var(--c,var(--turbo));transform:rotate(calc(var(--i) * 37deg));will-change:transform;border-radius:2px;position:absolute}.confetti i:nth-child(3n){--c:var(--coral)}.confetti i:nth-child(3n+1){--c:var(--petrol)}.confetti i:nth-child(3n+2){--c:var(--orange)}@media (prefers-reduced-motion:no-preference){.confetti i{animation:confetti-fall calc(2.4s + var(--i) * .13s) linear calc(var(--i) * .11s) infinite}}@keyframes confetti-fall{to{transform:translateY(calc(100cqh - 4em)) rotate(calc(var(--i) * 37deg + 540deg))}}.deltas{font-size:var(--fs-s);flex-direction:column;font-weight:600;line-height:1.2;display:flex}.delta{flex-wrap:wrap;align-items:baseline;column-gap:.3em;display:flex}.delta em{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);flex:1 0 100%;font-size:.85em;font-style:normal}.delta .arrow{color:var(--orange)}.delta strong{color:var(--petrol);font-weight:900}.g-dock{align-items:stretch;gap:calc(var(--gap) * 1.4);grid-area:dock;min-width:0;display:flex}.g-strip{gap:var(--gap);pointer-events:auto;scroll-snap-type:x proximity;min-width:0;scroll-padding-inline:calc(var(--u) * .8);overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;margin:calc(var(--u) * -.8) 0;padding:calc(var(--u) * .8) calc(var(--u) * .8) calc(var(--u) * .8 + var(--shadow));flex:1;display:flex;overflow:auto hidden}.g-strip::-webkit-scrollbar{display:none}.g-card{flex:0 0 var(--g-card-w);scroll-snap-align:start;cursor:pointer;touch-action:manipulation;align-items:center;gap:calc(var(--u) * .4);min-width:0;padding:calc(var(--u) * .6) calc(var(--u) * .6) calc(var(--u) * .7);text-align:center;color:var(--navy);background:var(--warm);border:var(--line) solid var(--navy);border-radius:var(--r);box-shadow:0 calc(var(--shadow) * .7) 0 var(--navy);flex-direction:column;transition:transform .12s,background .12s;display:flex;position:relative}.g-card:hover{transform:translateY(-2px)}.g-card:active{box-shadow:0 0 0 var(--navy);transform:translateY(2px)}.g-card.is-selected{background:var(--turbo)}.g-card.is-active{border-color:var(--petrol);box-shadow:0 0 0 calc(var(--line) * .8) var(--petrol), 0 calc(var(--shadow) * .7) 0 var(--petrol)}.g-card.is-active:after{content:"";top:calc(var(--u) * -.7);right:calc(var(--u) * -.7);width:max(22px, calc(var(--u) * 2.6));aspect-ratio:1;border:var(--line) solid var(--navy);background:var(--petrol) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%23f6f4e9' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 70% no-repeat;border-radius:50%;position:absolute}.g-thumb{justify-content:center;align-items:center;gap:calc(var(--u) * .5);width:100%;height:var(--g-thumb-h);border-radius:calc(var(--r) * .7);background:radial-gradient(ellipse 60% 26% at 50% 88%, color-mix(in srgb, var(--navy) 22%, transparent) 0 70%, transparent 72%), color-mix(in srgb, var(--chair,var(--sky)) 26%, var(--warm));flex-direction:column;flex:none;display:flex;position:relative}.g-card.is-selected .g-thumb{background-color:var(--warm)}.g-thumb img{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;max-width:94%;max-height:92%;display:block}.g-dot{aspect-ratio:1;background:var(--chair);border:var(--line) solid var(--navy);border-radius:50%;width:40%}.g-card.is-locked .g-thumb img{filter:grayscale(.7)brightness(.62)}.g-thumb .lock{width:26%;max-width:30px}.g-name{-webkit-line-clamp:2;width:100%;min-height:2.4em;font-family:var(--font-display);font-size:calc(var(--fs-s) * .92 * var(--fit,1));text-transform:uppercase;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.g-state{white-space:nowrap;font-family:var(--font-display);font-size:calc(var(--fs-s) * .88);color:var(--ink-soft);border-radius:999px;align-items:center;gap:.3em;margin-top:auto;padding:.15em .6em;line-height:1.1;display:inline-flex}.g-state.is-active{color:var(--warm);background:var(--petrol)}.g-state .ico{fill:none;stroke:currentColor;stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}.g-state.is-short{color:var(--coral)}.g-state.is-max{color:var(--petrol)}.g-card--upg .g-thumb{background:color-mix(in srgb, var(--navy) 8%, var(--warm))}.g-card--upg.is-selected .g-thumb{background:var(--warm)}.g-card--upg .pips{width:72%}.g-card--look .g-thumb{background:color-mix(in srgb, var(--navy) 8%, var(--warm))}.g-card--look.is-selected .g-thumb{background:var(--warm)}.g-card--look.is-first:not(:first-child){margin-left:calc(var(--u) * 1.6)}.g-paint,.g-rim,.g-nohat{aspect-ratio:1;border:var(--line) solid var(--navy);border-radius:50%;width:46%;display:block}.g-paint{background:var(--paint)}.g-rim{background:radial-gradient(circle, var(--navy) 0 16%, transparent 17%), repeating-conic-gradient(var(--navy) 0 6deg, transparent 6deg 45deg), #c9ced6;box-shadow:inset 0 0 0 calc(var(--u) * .7) #2b2d42}.g-rim--1{background:radial-gradient(circle, var(--navy) 0 16%, transparent 17%), conic-gradient(#e94f64, #ffc94a, #5fd17a, #4fa3ff, #9b6bff, #e94f64)}.g-rim--2{background:radial-gradient(circle, var(--navy) 0 16%, transparent 17%), repeating-conic-gradient(#b8860b 0 6deg, transparent 6deg 45deg), radial-gradient(circle, #ffe27a, #e0a82e)}.g-nohat{opacity:.55;border-style:dashed;position:relative}.g-nohat:after{content:"";background:var(--navy);border-radius:2px;position:absolute;inset:45% 8%;transform:rotate(-45deg)}.g-ico{aspect-ratio:1;width:1.9em;font-size:var(--fs-m);font-family:var(--font-text);color:var(--warm);background:var(--navy);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.g-go{min-width:clamp(96px,12vw,190px);font-size:var(--fs-l);margin-bottom:var(--shadow);flex:none;align-self:stretch}@media (prefers-reduced-motion:no-preference){.g-card.is-selected{animation:.25s cubic-bezier(.2,1.6,.4,1) pop}}@keyframes pop{0%{transform:scale(.94)}}.screen--settings,.screen--pause,.screen--result,.screen--how{justify-content:center;align-items:center}.settings-panel{width:min(100%, calc(var(--u) * 80));gap:var(--gap);flex-direction:column;max-height:100%;display:flex;overflow:auto;transform:rotate(-.4deg)}.settings-grid{gap:calc(var(--u) * 2);grid-template-columns:1fr 1fr;display:grid}.group{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.group h3{font-family:var(--font-display);font-size:var(--fs-m);text-transform:uppercase;letter-spacing:.08em;color:var(--petrol);margin:0}.group .row{gap:var(--gap);flex-wrap:wrap;display:flex}.slider{align-items:center;gap:calc(var(--u) * .8);min-height:var(--tap);font-size:var(--fs-m);border-radius:var(--r);grid-template-columns:5.5em 1fr 2.6em;font-weight:800;display:grid}.slider output{text-align:right;font-family:var(--font-display);font-size:var(--fs-s)}.slider input{appearance:none;width:100%;height:var(--tap);cursor:pointer;--fill:50%;background:0 0;margin:0}.slider input::-webkit-slider-runnable-track{height:calc(var(--u) * 1.3);border:var(--line) solid var(--navy);background:linear-gradient(90deg, var(--orange) var(--fill), var(--warm-2) var(--fill));border-radius:999px;min-height:10px}.slider input::-moz-range-track{height:calc(var(--u) * 1.3);border:var(--line) solid var(--navy);background:linear-gradient(90deg, var(--orange) var(--fill), var(--warm-2) var(--fill));border-radius:999px;min-height:10px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;width:calc(var(--u) * 2.8);aspect-ratio:1;min-width:24px;margin-top:calc(-1 * (var(--u) * 1.4 - var(--u) * .65) - 0px);background:var(--turbo);border:var(--line) solid var(--navy);box-shadow:0 2px 0 var(--navy);transform:translateY(max(-4px, calc(var(--u) * -.55)));border-radius:50%}.slider input::-moz-range-thumb{width:calc(var(--u) * 2.8);min-width:24px;height:calc(var(--u) * 2.8);background:var(--turbo);border:var(--line) solid var(--navy);border-radius:50%;min-height:24px}.toggle{align-items:center;gap:calc(var(--u) * 1.2);min-height:var(--tap);font-size:var(--fs-m);cursor:pointer;border-radius:var(--r);font-weight:800;display:flex;position:relative}.toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.sw{width:calc(var(--u) * 5.4);min-width:44px;height:calc(var(--u) * 2.9);background:var(--warm-2);border:var(--line) solid var(--navy);border-radius:999px;flex:none;min-height:24px;transition:background .15s;position:relative}.sw:after{content:"";aspect-ratio:1;background:var(--warm);border:max(2px, calc(var(--u) * .25)) solid var(--navy);border-radius:50%;height:78%;transition:left .15s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.toggle input:checked+.sw{background:var(--petrol)}.toggle input:checked+.sw:after{background:var(--turbo);left:calc(100% - 2px);transform:translate(-100%,-50%)}.confirm{align-items:center;gap:var(--gap);padding:var(--gap);background:color-mix(in srgb, var(--coral) 28%, var(--warm));border:var(--line) solid var(--navy);border-radius:var(--r);flex-wrap:wrap;display:flex}.confirm p{font-size:var(--fs-s);flex:1 0 100%;margin:0;font-weight:700}.pause-panel{width:min(100%, calc(var(--u) * 42));gap:calc(var(--gap) * 1.5);flex-direction:column;display:flex;transform:rotate(-.6deg)}.pause-buttons{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.pause-buttons .btn{font-size:calc(var(--fs-m) * .9);padding-inline:.4em}.result-panel{width:min(100%, calc(var(--u) * 62));gap:var(--gap);flex-direction:column;max-height:100%;display:flex;transform:rotate(.5deg)}.screen--result[data-won="0"] .result-panel{transform:rotate(-.7deg)}.screen--result[data-won="0"] .title--big{color:var(--coral)}.result-head{text-align:center;gap:calc(var(--gap) * .6);flex-direction:column;align-items:center;display:flex}.result-sub{font-size:var(--fs-m);color:var(--ink-soft);margin:0;padding-inline:.5em;font-weight:700}.result-mid{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;display:grid}.stats{gap:var(--gap);grid-template-columns:1fr 1fr;align-content:start;display:grid}.coins-box{gap:calc(var(--u) * .4);padding:calc(var(--u) * .8) calc(var(--u) * 1.2);background:color-mix(in srgb, var(--turbo) 40%, var(--warm));border:var(--line) solid var(--navy);border-radius:var(--r);flex-direction:column;display:flex}.coin-rows{font-size:var(--fs-s);flex-direction:column;gap:.2em;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.coin-rows li{justify-content:space-between;gap:.5em;display:flex}.coin-rows b{font-family:var(--font-display);color:var(--petrol);font-weight:400}.coin-sum{border-top:max(2px, calc(var(--u) * .2)) solid var(--navy);font-size:var(--fs-m);justify-content:space-between;align-items:center;margin:auto 0 0;padding-top:.3em;font-weight:800;display:flex}.coin-sum b{font-family:var(--font-display);font-size:var(--fs-l);align-items:center;gap:.3em;font-weight:900;display:inline-flex}.result-afford{text-align:center;font-size:var(--fs-m);color:var(--petrol);margin:0;font-weight:800}.btn--glow{animation:1.1s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:0 var(--shadow) 0 var(--navy), 0 0 0 0 var(--turbo)}50%{box-shadow:0 var(--shadow) 0 var(--navy), 0 0 0 calc(var(--u) * .8) var(--turbo)}}.stat{padding:calc(var(--u) * .8) calc(var(--u) * 1.2);background:var(--sky-soft);border:var(--line) solid var(--navy);border-radius:var(--r);flex-direction:column;gap:.2em;display:flex}.stat span{font-size:var(--fs-s);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-weight:800}.stat b{white-space:nowrap;font-family:var(--font-display);font-size:var(--fs-l);flex-wrap:wrap;align-items:center;gap:.3em;line-height:1.05;display:flex}.stat--wide{grid-column:1/-1}.stamp{font-size:var(--fs-m);color:var(--coral);border:var(--line) solid var(--coral);background:var(--warm);border-radius:.3em;padding:.1em .45em;display:inline-block;transform:rotate(-8deg)}@media (prefers-reduced-motion:no-preference){.stamp{animation:.45s cubic-bezier(.2,1.8,.4,1) .3s both stamp}}@keyframes stamp{0%{opacity:0;transform:rotate(-8deg)scale(3)}}.result-buttons{justify-content:center;gap:var(--gap);flex-wrap:wrap;display:flex}.how-panel{width:min(100%, calc(var(--u) * 86));gap:calc(var(--gap) * 1.4);flex-direction:column;display:flex;transform:rotate(-.3deg)}.how-grid{gap:calc(var(--gap) * 1.4);grid-template-columns:repeat(3,1fr);display:grid}.how-card{gap:calc(var(--gap) * .8);padding:calc(var(--u) * 1.4);background:var(--c,var(--warm));border:var(--line) solid var(--navy);border-radius:var(--r);box-shadow:0 calc(var(--shadow) * .7) 0 var(--navy);flex-direction:column;display:flex}.how-card--keys{--c:color-mix(in srgb, var(--sky) 30%, var(--warm))}.how-card--touch{--c:color-mix(in srgb, var(--orange) 35%, var(--warm))}.how-card--pad{--c:color-mix(in srgb, var(--turbo) 50%, var(--warm))}[data-pad] .how-card--pad{box-shadow:0 0 0 calc(var(--line) * 1.2) var(--petrol), 0 calc(var(--shadow) * .7) 0 var(--navy)}.how-card h3{font-family:var(--font-display);font-size:var(--fs-l);text-transform:uppercase;margin:0;line-height:1}.how-card p{font-size:var(--fs-s);margin:0;font-weight:600}.how-card dl{flex-direction:column;gap:.4em;margin:0;display:flex}.how-card dl div{font-size:var(--fs-s);justify-content:space-between;align-items:center;gap:.5em;display:flex}.how-card dt{color:var(--ink-soft);font-weight:800}.how-card dd{text-align:right;align-items:center;gap:.3em;margin:0;font-weight:800;display:flex}kbd{min-width:1.9em;font:900 var(--fs-s) var(--font-display);text-align:center;color:var(--navy);background:var(--warm);border:max(2px, calc(var(--u) * .25)) solid var(--navy);box-shadow:0 .18em 0 var(--navy);border-radius:.4em;padding:.15em .5em;display:inline-block}.how-menu{justify-content:center;gap:calc(var(--gap) * .6) calc(var(--u) * 3);font-size:var(--fs-s);flex-wrap:wrap;margin:0;font-weight:800;display:flex}.how-menu span{align-items:center;gap:.3em;display:inline-flex}.hud{pointer-events:none;position:absolute;inset:0}.hud-pause{left:var(--sx-l);top:var(--sy-t);width:var(--tap);pointer-events:auto;padding:0;position:absolute}.hud-bars{left:calc(var(--sx-l) + var(--tap) + var(--gap));top:var(--sy-t);gap:calc(var(--gap) * .8);width:clamp(110px,17vw,260px);height:var(--tap);flex-direction:column;justify-content:space-between;display:flex;position:absolute}.meter{flex:1;align-items:center;gap:.4em;min-height:0;display:flex}.meter-ico{width:calc(var(--u) * 2.4);aspect-ratio:1;background:var(--warm);border:max(2px, calc(var(--u) * .25)) solid var(--navy);border-radius:50%;flex:none;place-items:center;min-width:18px;display:grid}.meter-ico svg{fill:none;width:68%;height:68%;stroke:var(--navy);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.meter--turbo .meter-ico svg{fill:var(--turbo)}.meter-track{height:100%;max-height:calc(var(--u) * 2);background:var(--warm-2);border:var(--line) solid var(--navy);border-radius:999px;flex:1;min-height:10px;position:relative;overflow:hidden}.meter-fill{background:var(--sky);border-right:max(2px, calc(var(--u) * .25)) solid var(--navy);width:100%;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.meter--battery .meter-fill{background:var(--petrol)}.meter--turbo .meter-fill{background:var(--turbo)}.meter.is-low .meter-fill{background:var(--coral)}.meter.is-low .meter-track{animation:.6s steps(2,end) infinite low}.meter--turbo.is-active .meter-track{box-shadow:0 0 0 var(--line) var(--turbo), 0 0 calc(var(--u) * 2) var(--turbo)}.meter--turbo.is-active .meter-fill{background:var(--orange)}@keyframes low{50%{background:color-mix(in srgb, var(--coral) 40%, var(--warm))}}.hud-progress{left:50%;top:var(--sy-t);width:clamp(160px,34vw,560px);position:absolute;transform:translate(-50%)}.progress-track{height:max(14px, calc(var(--u) * 2));background:var(--warm);border:var(--line) solid var(--navy);box-shadow:0 calc(var(--shadow) * .6) 0 var(--navy);border-radius:999px;position:relative}.progress-fill{background:var(--orange);border-right:max(2px, calc(var(--u) * .25)) solid var(--navy);border-radius:999px;width:0;min-width:0;position:absolute;top:0;bottom:0;left:0}.progress-fill:after{content:"";right:calc(var(--u) * -1.1);width:calc(var(--u) * 2.2);aspect-ratio:1;background:var(--turbo);border:var(--line) solid var(--navy);border-radius:50%;min-width:16px;position:absolute;top:50%;transform:translateY(-50%)}.progress-marks{position:absolute;inset:0}.mark{width:max(3px, calc(var(--u) * .4));background:var(--navy);border-radius:2px;margin-left:-1px;position:absolute;top:-30%;bottom:-30%}.mark.is-done{background:var(--petrol)}.mark--bronze{background:#cd8a4b}.mark--silver{background:#c9d3dc}.mark--gold{background:var(--turbo)}.mark--best{background:var(--coral);top:-70%}.mark-label{white-space:nowrap;font:400 max(9px, calc(var(--u) * 1.1))/1 var(--font-display);color:var(--warm);-webkit-text-stroke:calc(var(--u) * .3) var(--navy);paint-order:stroke fill;position:absolute;top:135%;left:0;transform:translate(-50%)}.mark--best:before{content:"";width:calc(var(--u) * 1);height:calc(var(--u) * .9);background:var(--coral);position:absolute;top:0;left:100%}.progress-info{justify-content:center;align-items:baseline;gap:calc(var(--u) * 1.2);margin-top:calc(var(--u) * 2.3);font-family:var(--font-display);font-size:var(--fs-s);color:var(--warm);-webkit-text-stroke:calc(var(--u) * .35) var(--navy);paint-order:stroke fill;text-shadow:0 .1em 0 var(--navy);flex-wrap:wrap;display:flex}.hud-right{right:var(--sx-r);top:var(--sy-t);align-items:flex-end;gap:var(--gap);flex-direction:column;display:flex;position:absolute}.hud-right .chip{min-height:calc(var(--tap) * .62)}.hud-boost{background:var(--warm);border:var(--line) solid var(--navy);box-shadow:0 calc(var(--shadow) * .6) 0 var(--navy);border-radius:999px;align-items:center;gap:.3em;padding:.2em .5em;display:flex}.boost-pip{width:calc(var(--u) * 2.2);aspect-ratio:1;border:max(2px, calc(var(--u) * .2)) solid var(--navy);background:color-mix(in srgb, var(--navy) 12%, var(--warm));opacity:.45;border-radius:50%;place-items:center;min-width:18px;display:grid}.boost-pip.is-on{background:var(--orange);opacity:1}.boost-pip svg{fill:none;width:70%;height:70%;stroke:var(--warm);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.boost-key{min-width:1.5em;padding:.05em .35em}.boost-key[hidden],html[data-touch="1"] .hud-boost{display:none}@media (pointer:coarse){.hud-boost{display:none}}.gauge{width:clamp(84px,12vw,190px);padding:0 calc(var(--u) * .5) calc(var(--fs-m) * 1.05);background:var(--warm);border:var(--line) solid var(--navy);border-radius:calc(var(--u) * 6) calc(var(--u) * 6) var(--r) var(--r);box-shadow:0 calc(var(--shadow) * .7) 0 var(--navy);position:relative}.gauge svg{width:100%;height:auto;overflow:visible}.gauge-arc{fill:none;stroke:var(--navy);stroke-width:5px;stroke-linecap:round;opacity:.25}.gauge-tick{stroke:var(--navy);stroke-width:3px;stroke-linecap:round}.gauge-needle{stroke:var(--coral);stroke-width:5px;stroke-linecap:round;transform-box:view-box;transform-origin:60px 64px;transition:transform .12s linear}.gauge-hub{fill:var(--navy)}.gauge-read{font-family:var(--font-display);justify-content:center;align-items:baseline;gap:.25em;line-height:1;display:flex;position:absolute;bottom:3%;left:0;right:0}.gauge-read b{font-size:var(--fs-m)}.progress-text,.hud-cp{white-space:nowrap}.progress-text{font-size:var(--fs-l)}.gauge-read small{font-size:max(9px, calc(var(--u) * 1.05));color:var(--ink-soft);font-weight:800}.banner{left:50%;top:calc(var(--sy-t) + var(--u) * 8.5);max-width:70%;padding:calc(var(--u) * .5) calc(var(--u) * 1.8);text-align:center;white-space:nowrap;font-family:var(--font-display);font-size:var(--fs-l);text-transform:uppercase;letter-spacing:.04em;color:var(--navy);background:var(--banner,var(--turbo));border:var(--line) solid var(--navy);border-radius:var(--r);box-shadow:0 var(--shadow) 0 var(--navy);position:absolute;transform:translate(-50%)rotate(-2deg)}.banner.is-in{animation:1.8s cubic-bezier(.2,1.6,.4,1) both banner}@keyframes banner{0%{transform:translate(-50%)rotate(-8deg)scale(0)}14%{transform:translate(-50%)rotate(-2deg)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%)rotate(-2deg)scale(1)}}.subtitle{left:50%;bottom:var(--sy-b);width:min(62vw, calc(var(--u) * 74));padding:calc(var(--u) * .8) calc(var(--u) * 1.6);text-align:center;font-size:var(--fs-m);color:var(--warm);background:color-mix(in srgb, var(--navy) 88%, transparent);border:var(--line) solid var(--speaker,var(--turbo));border-radius:var(--r);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.6em;font-weight:800;line-height:1.25;display:flex;position:absolute;transform:translate(-50%)}.sub-name{font-family:var(--font-display);font-size:var(--fs-s);letter-spacing:.08em;color:var(--speaker,var(--turbo))}html[data-touch="1"] .subtitle{bottom:calc(var(--sy-b) + var(--u) * .5)}.touch{pointer-events:none;display:none;position:absolute;inset:0}@media (pointer:coarse){.touch:not([hidden]){display:block}}html[data-touch="1"] .touch:not([hidden]){display:block}.drive{width:var(--drive-w);height:var(--drive-h);min-width:88px;min-height:88px;font-family:var(--font-display);font-size:clamp(14px, calc(var(--u) * 2.3), 26px);letter-spacing:.04em;color:var(--navy);text-align:center;border:calc(var(--line) * 1.2) solid var(--navy);border-radius:calc(var(--r) * 1.6);box-shadow:0 calc(var(--shadow) * 1.2) 0 var(--navy);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;place-items:center;padding:0;transition:transform 60ms,box-shadow 60ms,filter 60ms;display:grid;position:absolute}.drive--brake{left:var(--sx-l);bottom:calc(var(--sy-b) + var(--shadow));background:var(--coral)}.drive--throttle{right:var(--sx-r);bottom:calc(var(--sy-b) + var(--shadow));background:var(--orange)}.drive--turbo{right:var(--sx-r);bottom:calc(var(--sy-b) + var(--drive-h) + var(--gap) * 2.4);height:calc(var(--drive-h) * .78);background:var(--turbo);min-height:66px}.drive--boost{left:var(--sx-l);bottom:calc(var(--sy-b) + var(--drive-h) + var(--gap) * 2.4);height:calc(var(--drive-h) * .78);background:var(--sp-mimi);min-height:66px}.drive[hidden]{display:none}.drive-count{color:#fff;background:var(--navy);border-radius:1em;padding:.1em .45em;font-size:.8em;position:absolute;top:-.7em;right:-.5em}.drive:active,.drive[data-pressed]{transform:translateY(calc(var(--shadow) * 1.2));box-shadow:0 0 0 var(--navy);filter:brightness(1.12)}html[data-touch="1"] .subtitle{width:min(calc(100vw - 2 * (var(--drive-w) + var(--sx-l) + var(--sx-r))), calc(var(--u) * 74))}@media (pointer:coarse){.subtitle{width:min(calc(100vw - 2 * (var(--drive-w) + var(--sx-l) + var(--sx-r))), calc(var(--u) * 74))}}.rotate-hint{z-index:50;background:color-mix(in srgb, var(--navy) 94%, transparent);pointer-events:auto;place-items:center;padding:24px;display:none;position:fixed;inset:0}.rotate-hint .panel{text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:18px;display:flex}.rotate-hint .rotate-ico{font-family:var(--font-display);color:var(--orange);font-size:64px;line-height:1}@media (pointer:coarse) and (orientation:portrait){.rotate-hint{display:grid}}@media (orientation:portrait){html[data-touch="1"] .rotate-hint{display:grid}}@media (height<=460px){.btn{padding:0 calc(var(--u) * 1.8)}.w-card .lv-art{flex-basis:clamp(30px,12%,60px)}.w-card .lv-tag{display:none}.w-card .lv-name{font-size:var(--fs-s)}.w-play{flex:none;min-height:44px}.w-card{gap:3px;padding:6px 8px}.w-card .ms-list{gap:1px}.w-card .ms{font-size:calc(var(--fs-s) * .85)}.g-mimi{padding:3px 8px}.g-top{gap:6px}.g-tab{padding:0 10px}html[data-device=gamepad] .g-top .title{display:none}.pause-panel{padding-block:calc(var(--u) * .8);gap:6px}.pause-panel .btn--xl{min-height:48px}.pause-buttons .btn{min-height:44px}.how-panel{padding-block:calc(var(--u) * .8);gap:6px}.how-card{gap:4px;padding:6px 10px}.how-card h3{font-size:var(--fs-m)}.how-card dl{gap:2px}.how-card dl div,.how-menu{font-size:calc(var(--fs-s) * .88)}.screen--garage{--g-info-w:clamp(196px, 33vw, 290px);gap:calc(var(--gap) * .8) var(--gap)}.g-top .btn--sec{padding:0}.g-top .btn--sec span,.g-kicker,.g-sub{display:none}.g-info{gap:calc(var(--u) * .7);padding:calc(var(--u) * 1.1) calc(var(--u) * 1.4)}.g-title{font-size:var(--fs-m)}.g-main{min-height:40px}.ms-box{padding:4px 10px}.ms{font-size:calc(var(--fs-s) * .9)}.g-reset{min-height:32px}.settings-panel{width:min(100%,94vw);padding:calc(var(--u) * .8) calc(var(--u) * 1.4);gap:4px}.settings-grid{gap:calc(var(--u) * 1.6)}.group{gap:2px}.group h3{font-size:var(--fs-s)}.toggle,.slider{min-height:44px}.toggle .sw{height:24px}.slider input{height:44px}.group .btn{min-height:44px}.group>.btn--danger{align-self:flex-start}}@media (width<=700px) and (height>=461px){.result-mid{grid-template-columns:1fr}}@media (height<=460px){.stat{padding:4px 8px}.coins-box{gap:2px;padding:4px 10px}.coin-rows{font-size:calc(var(--fs-s) * .9)}.coin-sum{font-size:var(--fs-s)}.coin-sum b{font-size:var(--fs-m)}.result-afford{font-size:var(--fs-s)}.stat b{font-size:var(--fs-m)}.result-panel{padding-block:calc(var(--u) * .8);gap:6px}.result-head{gap:2px}.ms-won,.ms-box{padding:4px 10px}}@media (width<=700px) and (height>=461px){.how-grid,.settings-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.preview-bg{z-index:0;background:radial-gradient(60% 40% at 18% 100%,#4fae8c 0 99%,#0000 100%),radial-gradient(80% 30% at 80% 105%,#2f8a6e 0 99%,#0000 100%),radial-gradient(circle at 78% 22%,#ffd35c 0 5%,#0000 5.3%),linear-gradient(#3fb7d0,#d8f6ee);position:fixed;inset:0}.preview-bg[data-bg=garage]{background:linear-gradient(#8a5a3c 0 70%,#6f4630 70%)}.preview-bg[data-bg=title]:after{content:"Canvas: Ralph auf der Bergkuppe";font:700 12px var(--font-text);color:var(--navy);opacity:.5;position:absolute;bottom:8vh;left:6vw}.preview-bg[data-bg=garage]:after{content:"Canvas: animierter Stuhl";font:700 12px var(--font-text);color:var(--warm);opacity:.6;position:absolute;top:45%;left:25vw}.medal-pop{pointer-events:none;border:var(--line) solid var(--navy);width:120px;height:120px;box-shadow:0 var(--shadow) 0 var(--navy);color:var(--navy);background:#cd8a4b;border-radius:50%;place-items:center;margin:-60px 0 0 -60px;font:900 56px/1 Arial Black,Impact,sans-serif;animation:1.4s cubic-bezier(.2,1.5,.4,1) both medal-pop;display:grid;position:absolute;top:42%;left:50%}.medal-pop--1{background:#c9d3dc}.medal-pop--2{background:var(--turbo)}@keyframes medal-pop{0%{opacity:0;transform:scale(0)rotate(-40deg)}22%{opacity:1;transform:scale(1.25)rotate(8deg)}38%{transform:scale(1)rotate(0)}72%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-36vw,-36vh)scale(.25)}}@media (prefers-reduced-motion:reduce){.medal-pop{animation-duration:1s}}.chip--coins{transition:transform .15s cubic-bezier(.2,1.6,.4,1)}.chip--coins.is-bump{transform:scale(1.12)}@property --iris{syntax:"<length-percentage>";inherits:false;initial-value:0%}.iris{z-index:50;pointer-events:none;background:var(--navy);-webkit-mask:radial-gradient(circle at 42% 58%, transparent var(--iris), #000 calc(var(--iris) + 1px));-webkit-mask:radial-gradient(circle at 42% 58%, transparent var(--iris), #000 calc(var(--iris) + 1px));mask:radial-gradient(circle at 42% 58%, transparent var(--iris), #000 calc(var(--iris) + 1px));animation:.6s cubic-bezier(.5,0,.3,1) both iris;position:fixed;inset:0}@keyframes iris{0%{--iris:0%}to{--iris:120%}}