@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--ink:#1c2327;--ink-2:#273137;--ink-3:#33404a;--panel:#1c2327eb;--line:#fff7ea1a;--text:#fff7ea;--muted:#b8b1a5;--yellow:#f6c344;--yellow-d:#c38f1f;--green:#4fb47a;--green-d:#2f8253;--red:#e8574a;--red-d:#a83a30;--blue:#4a8fd9;--radius:18px;--lift:0 4px 0 #00000047;--float:0 4px 0 #00000038, 0 16px 40px #0000004d;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);color:var(--text);font-family:Fredoka,ui-rounded,Nunito,system-ui,-apple-system,sans-serif;font-weight:500}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:#f3efe8;height:100%;margin:0;overflow:hidden}body{font-kerning:none;-webkit-user-select:none;user-select:none;touch-action:none}#view{display:block;position:fixed;inset:0}[hidden]{display:none!important}button{font:inherit;color:inherit}h2{letter-spacing:-.01em;margin:2px 0 6px;font-size:30px;font-weight:700;line-height:1.05}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--yellow);margin:0;font-size:12px;font-weight:700}.muted{color:var(--muted)}.small{margin:10px 0 0;font-size:13.5px;line-height:1.4}.t-yellow{color:var(--yellow)}.bad{color:#ff8e84}.i{flex:none;width:1.2em;height:1.2em}.key{background:var(--text);min-width:1.7em;height:1.6em;color:var(--ink);vertical-align:.05em;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;margin:0 .08em;padding:0 .42em;font-size:.82em;font-style:normal;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 2px #b5a88f}.btn{background:var(--ink-3);color:var(--text);cursor:pointer;white-space:nowrap;touch-action:manipulation;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;transition:transform 60ms,box-shadow 60ms,background .15s;display:inline-flex;box-shadow:0 3px #1a2226}.btn:active{transform:translateY(2px);box-shadow:0 1px #1a2226}.btn:focus-visible,.link:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.btn.primary{background:var(--yellow);color:#2a1f05;box-shadow:0 4px 0 var(--yellow-d)}.btn.primary:hover{background:#ffd35e}.btn.primary:active{box-shadow:0 2px 0 var(--yellow-d)}.btn.go{background:var(--green);color:#08200f;box-shadow:0 4px 0 var(--green-d)}.btn.ghost{box-shadow:inset 0 0 0 2px var(--line), 0 3px 0 #0003;background:#1c2327b8}.btn.big{border-radius:14px;width:100%;padding:14px 18px;font-size:18px}.btn.icon{border-radius:12px;width:42px;height:42px;padding:0}.btn.round{border-radius:999px}.link{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:6px;padding:8px;font-size:14px;text-decoration:underline}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--float);-webkit-backdrop-filter:blur(6px);text-align:left;width:min(420px,100%);max-height:calc(100dvh - 32px);padding:20px 22px;overflow-y:auto}.card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.overlay{z-index:30;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay.dim{background:#0e121480}#onboarding{z-index:45}#rules{z-index:50}.sheet{left:clamp(14px,4vw,48px);bottom:calc(24px + var(--safe-b));z-index:25;width:min(420px,100vw - 28px);position:fixed}.sheet .card{width:100%;animation:.35s cubic-bezier(.2,.9,.3,1.2) both rise}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.task{margin:4px 0 12px;font-size:17px;line-height:1.35}.tries{color:var(--muted);align-items:center;gap:10px;margin:0 0 14px;font-weight:600;display:flex}.dots{gap:5px;display:inline-flex}.dots i{background:var(--ink-3);border-radius:4px;width:13px;height:13px}.dots i.used{background:#6d7880}.dots i.now{background:var(--yellow)}.bullets{flex-direction:column;gap:10px;margin:6px 0 16px;padding:0;font-size:16px;line-height:1.4;list-style:none;display:flex}.bullets li{padding-left:18px;position:relative}.bullets li:before{content:"";background:var(--yellow);border-radius:2px;width:7px;height:7px;position:absolute;top:.55em;left:2px}.row{gap:10px;margin-top:14px;display:flex}.row .btn{flex:1}.score-row{align-items:baseline;gap:10px;margin:2px 0;display:flex}.score{letter-spacing:-.03em;font-size:64px;font-weight:700;line-height:1}.sq{font-size:26px}.pts{color:var(--muted);font-weight:600}.parts{flex-wrap:wrap;gap:6px;display:flex}.parts span{background:var(--ink-2);color:var(--muted);border-radius:9px;padding:5px 9px;font-size:14px}.parts b{color:var(--text)}.parts .bad b{color:#ff8e84}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud button{pointer-events:auto}#topbar{top:calc(12px + var(--safe-t));background:var(--panel);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:var(--lift);border-radius:999px;align-items:center;gap:10px;padding:7px 16px;font-size:16px;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}#hud-no{color:var(--yellow);font-weight:700}#hud-time{text-align:center;min-width:4.2em;font-weight:700}#topbar .sep{background:#6d7880;border-radius:2px;width:4px;height:4px}#tools{top:calc(10px + var(--safe-t));gap:8px;display:flex;position:absolute;right:12px}#toast{top:calc(64px + var(--safe-t));background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-d);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:17px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}#toast.pop{animation:.35s cubic-bezier(.2,.9,.3,1.5) pop}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}#park-row{left:50%;bottom:calc(22px + var(--safe-b));align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-50%)}#b-park{min-width:140px;padding:12px 26px;font-size:18px;position:relative;overflow:hidden}#b-park.settling{background:var(--green);color:#08200f;box-shadow:0 4px 0 var(--green-d)}#park-ring{height:4px;width:calc(var(--p,0) * 100%);background:#00000059;position:absolute;bottom:0;left:0}#park-label{position:relative}#b-restart{padding:10px 14px}#keys{left:14px;bottom:calc(18px + var(--safe-b));color:var(--ink);background:#fff7eac7;border-radius:12px;flex-direction:column;gap:5px;padding:9px 12px;font-size:13px;font-weight:600;display:flex;position:absolute}body.touch #keys,#keys.hidden-touch{display:none}#touch{z-index:12;height:0;position:fixed;inset:auto 0 0}#touch .zone{bottom:calc(14px + var(--safe-b));touch-action:none;gap:10px;display:flex;position:fixed}#touch [data-zone=steer]{left:14px}#touch [data-zone=pedals]{flex-direction:column;right:14px}.pedal{width:84px;height:84px;color:var(--text);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 #00000040;pointer-events:none;background:#1c2327b8;border-radius:22px;place-items:center;transition:background 60ms,transform 60ms;display:grid;position:relative}.pedal svg{width:40px;height:40px}.pedal small{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700;position:absolute;bottom:6px}.pedal.gas svg,.pedal.brake svg{margin-top:-10px}.pedal.on{background:var(--yellow);color:#2a1f05;transform:translateY(2px)}.pedal.on small{color:#2a1f05}.pedal.brake.on{background:var(--red);color:#fff}.pedal.brake.on small{color:#fff}body.touch #park-row{bottom:calc(110px + var(--safe-b))}@media (orientation:portrait) and (max-width:600px){body.touch #park-row{bottom:calc(196px + var(--safe-b))}.pedal{width:80px;height:80px}}@media (orientation:landscape) and (max-height:500px){body.touch #park-row{bottom:calc(16px + var(--safe-b))}#touch .zone{bottom:calc(12px + var(--safe-b))}.pedal{width:76px;height:76px}#touch [data-zone=pedals]{gap:8px}.card{padding:14px 18px}h2{font-size:24px}.score{font-size:48px}}.card.result{width:min(460px,100%)}.grade-row{align-items:center;gap:16px;margin:10px 0 12px;display:flex}.grade-row h2{margin:0}.line{color:var(--muted);margin:4px 0 0;font-size:16px;line-height:1.35}.grade{background:var(--yellow);color:#2a1f05;width:86px;height:86px;box-shadow:0 5px 0 var(--yellow-d);border-radius:22px;flex:none;place-items:center;font-size:56px;font-weight:700;animation:.5s cubic-bezier(.2,.9,.3,1.4) both stamp;display:grid;transform:rotate(-4deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-14deg)scale(1.6)}to{opacity:1;transform:rotate(-4deg)scale(1)}}.grade.g-S,.grade.g-A{background:var(--green);color:#08200f;box-shadow:0 5px 0 var(--green-d)}.grade.g-D,.grade.g-F{background:var(--red);color:#fff;box-shadow:0 5px 0 var(--red-d)}.tries-list{gap:8px;margin-bottom:12px;display:flex}.try{background:var(--ink-2);border-radius:12px;flex-direction:column;flex:1;gap:1px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 2px #0000}.try b{font-size:22px}.try small{color:var(--muted);font-size:12px}.try.best{box-shadow:inset 0 0 0 2px var(--yellow)}.stats-row{justify-content:space-between;align-items:center;margin:4px 0 6px;font-size:14px;display:flex}.streak{align-items:center;gap:6px;font-weight:600;display:inline-flex}.streak .i{color:var(--orange,#f98e3c)}.dist{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.bar{grid-template-columns:18px 1fr 26px;align-items:center;gap:8px;font-size:13px;font-weight:600;display:grid}.bar .track{background:var(--ink-2);border-radius:5px;height:14px;overflow:hidden}.bar .track span{background:#6d7880;border-radius:5px;height:100%;display:block}.bar.me .track span{background:var(--yellow)}.bar .c{text-align:right;color:var(--muted)}#share-preview{background:var(--ink-2);white-space:pre-wrap;color:var(--muted);-webkit-user-select:text;user-select:text;border-radius:12px;margin:10px 0 0;padding:10px 12px;font:600 14px/1.45 ui-monospace,SF Mono,Menlo,monospace}.next{text-align:center;color:var(--muted);margin:12px 0 0;font-size:15px}.next b{color:var(--text);font-variant-numeric:tabular-nums}.result .link{margin:4px auto 0;display:block}.rules{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;font-size:15px;line-height:1.4;list-style:none;display:flex}.rules li{background:var(--ink-2);border-radius:12px;padding:8px 12px}.rules b{color:var(--yellow);margin-right:6px}.loader{color:var(--ink);flex-direction:column;align-items:center;gap:14px;font-weight:600;display:flex}.loader b{background:var(--yellow);width:64px;height:64px;color:var(--ink);box-shadow:0 5px 0 var(--yellow-d);border-radius:16px;place-items:center;font-size:40px;animation:1s ease-in-out infinite bob;display:grid}@keyframes bob{50%{transform:translateY(-6px)rotate(-4deg)}}@media (max-width:600px){.sheet{width:auto;left:10px;right:10px;bottom:calc(10px + var(--safe-b))}.card{padding:16px 18px}h2{font-size:26px}#topbar{top:calc(60px + var(--safe-t));gap:7px;padding:6px 12px;font-size:14px}#toast{top:calc(104px + var(--safe-t))}.overlay{align-items:end;padding:10px}.overlay .card{max-height:calc(100dvh - 20px)}.score{font-size:54px}}