@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Bricolage Grotesque Variable", "DM Sans Variable", system-ui, sans-serif;--font-ui:"DM Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--jam-red:#f2433a;--tail-glow:#ff7a5c;--signal:#ffc531;--signal-press:#c7921a;--exit-lime:#b8f25c;--exit-chevron:#b8f25c;--bg:#2b2724;--bg-deep:#1e1b19;--surface:#3a3430;--surface-2:#4a423c;--line:#5c534b;--text:#f6efe6;--muted:#c3b7aa;--on-signal:#1e1b19;--good:#b8f25c;--warn:#ffe08a;--board-frame:#5c534b;--board-floor:#3a3430;--board-slot:#423b36;--lane-paint:#f6efe612;--radius-s:12px;--radius-m:18px;--radius-l:26px;--shadow-board:0 14px 28px #00000059;--focus:0 0 0 3px var(--signal), 0 0 0 6px #ffc53140}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#ece6de;--bg-deep:#dcd4ca;--surface:#f8f3ec;--surface-2:#e6ded4;--line:#b7aca0;--text:#241f1c;--muted:#5f554d;--good:#3c7d12;--warn:#8a5a00;--jam-red:#e0362d;--board-frame:#9a8f84;--board-floor:#6f6760;--board-slot:#786f68;--lane-paint:#241f1c0f;--shadow-board:0 12px 24px #46321e40;--exit-chevron:#3f8a0c}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#ece6de;--bg-deep:#dcd4ca;--surface:#f8f3ec;--surface-2:#e6ded4;--line:#b7aca0;--text:#241f1c;--muted:#5f554d;--good:#3c7d12;--warn:#8a5a00;--jam-red:#e0362d;--board-frame:#9a8f84;--board-floor:#6f6760;--board-slot:#786f68;--lane-paint:#241f1c0f;--shadow-board:0 12px 24px #46321e40;--exit-chevron:#3f8a0c}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}body{min-height:100dvh}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}#root{min-height:100dvh}.screen{width:100%;max-width:480px;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex;position:relative}.screen--wide{max-width:760px}.topbar{align-items:center;gap:10px;min-height:44px;display:flex}.topbar__title{flex-direction:column;gap:1px;min-width:0;display:flex}.topbar__end{align-items:center;gap:8px;margin-left:auto;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}.title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800;line-height:1.05}.title--xl{letter-spacing:-.02em;font-size:40px}.muted{color:var(--muted)}.icon-btn{background:var(--surface);width:44px;height:44px;color:var(--text);border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn{border-radius:var(--radius-m);background:var(--surface);min-height:56px;color:var(--text);border:0;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--stack{flex-direction:column;gap:4px;min-height:64px;font-size:14px}.btn--outline{box-shadow:inset 0 0 0 2px var(--line)}.btn--primary{background:var(--signal);color:var(--on-signal);box-shadow:0 5px 0 var(--signal-press);font-weight:700}.btn--primary:active:not(:disabled){box-shadow:0 2px 0 var(--signal-press);transform:translateY(3px)}.btn--big{min-height:64px;font-family:var(--font-display);border-radius:20px;font-size:23px;font-weight:800}.btn--ghost{background:0 0}.btn--danger{color:var(--jam-red)}.btn__aside{font-family:var(--font-ui);opacity:.75;margin-left:auto;font-size:14px;font-weight:600}.row{align-items:center;gap:10px;display:flex}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.card{background:var(--surface);border-radius:var(--radius-m);padding:14px 16px}.stat{background:var(--surface);border-radius:16px;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;display:flex}.stat__label{color:var(--muted);font-size:12px}.stat__value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.05}.stat__value small{color:var(--muted);font-size:14px;font-weight:500}.logo{align-items:baseline;line-height:1;display:inline-flex}.logo__rest{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text);font-weight:800}.tagline{font-family:var(--font-display);color:var(--signal);font-size:19px;font-weight:600}:root[data-theme=light] .tagline{color:#9a6400}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .tagline{color:#9a6400}}.stars{align-items:center;gap:2px;display:inline-flex}.star path{fill:var(--line)}.star--on path{fill:var(--signal)}.menu__hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-top:12px;display:flex}.menu__road{height:130px;margin:0 6px;position:relative}.menu__nav{flex-direction:column;gap:12px;display:flex}.menu__nav .btn{justify-content:flex-start}.support-link{color:var(--jam-red)}.menu__footer{text-align:center;color:var(--muted);margin-top:auto;font-size:12px}.lane-stripe{background:repeating-linear-gradient(180deg, var(--lane-paint) 0 36px, transparent 36px 64px);pointer-events:none;z-index:0;width:6px;margin-left:-3px;position:fixed;top:0;bottom:0;left:50%}.screen>*{z-index:1;position:relative}.tabs{background:var(--bg-deep);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;display:grid}.tab{min-height:52px;color:var(--muted);background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:14px;font-weight:700;display:flex}.tab small{font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:inset 0 -3px 0 var(--accent,transparent), 0 2px 0 #0003}.level-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.level-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.level-tile{aspect-ratio:1;background:var(--surface);width:100%;color:var(--text);border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:4px;display:flex}.level-tile__n{font-family:var(--font-display);font-size:20px;font-weight:800;line-height:1}.level-tile--next{box-shadow:var(--focus)}.level-tile--done{background:var(--surface-2)}.game__board{width:min(100%,100dvh - 330px,600px);min-width:260px;filter:drop-shadow(var(--shadow-board));margin:0 auto}.game__help{text-align:center;color:var(--muted);min-height:18px;font-size:13px}.game__controls{margin-top:auto}.win{z-index:5;padding:16px 16px max(24px, env(safe-area-inset-bottom));color:#f6efe6;background:linear-gradient(#1e1b191a 0%,#1e1b19d9 35%,#1e1b19 62%);flex-direction:column;justify-content:flex-end;animation:.24s ease-out fade-in;display:flex;position:absolute;inset:0}.win__body{flex-direction:column;align-items:center;gap:12px;margin-bottom:22px;display:flex}.win__title{font-family:var(--font-display);letter-spacing:-.04em;text-shadow:0 6px #f2433a,0 0 30px #ff6a5280;margin:0;font-size:clamp(56px,18vw,84px);font-weight:800;line-height:.95;animation:.52s cubic-bezier(.2,1.6,.4,1) slam;transform:rotate(-4deg)}.win__stars{align-items:flex-end;gap:8px;display:flex}.win__stars .star{animation:.42s cubic-bezier(.2,1.8,.4,1) backwards pop}.win__stars .star:nth-child(2){animation-delay:.12s}.win__stars .star:nth-child(3){animation-delay:.24s}.win__msg{color:#b8f25c;text-align:center;font-weight:600}.win__extra{color:#ffc531;font-weight:700}.win .stat{color:#f6efe6;background:#3a3430e6}.win .stat__label,.win .stat__value small{color:#c3b7aa}.win .btn:not(.btn--primary){color:#f6efe6;background:#3a3430}@keyframes fade-in{0%{opacity:0}}@keyframes slam{0%{opacity:0;transform:rotate(-4deg)scale(1.8)}}@keyframes pop{0%{transform:scale(0)rotate(-40deg)}}.prose{line-height:1.55}.prose h2{font-family:var(--font-display);margin:18px 0 6px;font-size:20px}.prose p,.prose ul{margin:0 0 10px}.kbd{background:var(--surface-2);text-align:center;border-radius:7px;min-width:26px;padding:2px 7px;font-size:13px;font-weight:700;display:inline-block;box-shadow:inset 0 -2px #00000040}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:600}.input{border:2px solid var(--line);background:var(--bg-deep);border-radius:16px;min-height:52px;padding:0 14px;font-size:18px}.input:focus-visible{border-color:var(--signal);outline:none}.input--code{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;text-align:center;font-size:30px;font-weight:800}.error{color:var(--jam-red);font-size:14px;font-weight:600}.toast{left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:var(--bg-deep);color:var(--text);z-index:50;border-radius:14px;max-width:calc(100vw - 32px);padding:12px 18px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.tutorial{box-shadow:inset 0 0 0 2px var(--exit-lime);font-size:15px;line-height:1.45}.tutorial__title{font-family:var(--font-display);font-size:18px}.tutorial__skip{min-height:36px;color:var(--muted);padding:0 8px;font-size:13px}.tutorial__step{align-items:flex-start;gap:6px;margin:8px 0 0;font-weight:600;display:flex}.tutorial__step svg{color:var(--exit-chevron);flex:none;margin-top:2px}@media (orientation:landscape) and (height<=560px){.screen--game{grid-template-columns:minmax(0,1fr) minmax(260px,360px);grid-auto-rows:min-content;align-content:start;gap:10px 24px;max-width:980px;display:grid}.screen--game>*{grid-column:2}.screen--game>.game__board{grid-area:1/1/span 8;align-self:center;width:min(100%,100dvh - 32px)}.screen--game .game__controls{margin-top:0}.screen--game .stat__value{font-size:20px}}@media (hover:hover){.btn:hover:not(:disabled),.icon-btn:hover,.level-tile:hover{filter:brightness(1.08)}}@media (width>=900px) and (height>=760px){.screen--game{max-width:560px}}.icon-btn--text{letter-spacing:.04em;font-size:14px;font-weight:800}.daily__best{text-align:right;max-width:130px;font-size:12px;line-height:1.25}.pack-card{background:var(--surface);border-radius:var(--radius-m);box-shadow:inset 4px 0 0 var(--accent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:12px 12px 12px 16px;display:grid}.pack-card__head{align-items:center;gap:10px;min-width:0;display:flex}.pack-card__range{background:var(--accent);color:#1e1b19;white-space:nowrap;border-radius:9px;padding:3px 9px;font-size:13px;font-weight:800}.tier-meter{gap:3px;display:flex}.tier-meter i{background:var(--surface-2);border-radius:3px;width:7px;height:16px}.tier-meter i.on{background:var(--accent)}.pack-card .btn{background:var(--surface-2);gap:8px;min-height:44px;padding:0 14px;font-size:15px}.pack-card__bar{background:var(--bg-deep);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.pack-card__bar>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .4s cubic-bezier(.3,1.3,.5,1);display:block}.pack-card__stats{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:1/-1;justify-content:space-between;gap:8px;font-size:13px;display:flex}.pack-card__stats>span{align-items:center;gap:4px;display:inline-flex}.setting{background:var(--surface);border-radius:var(--radius-m);align-items:center;gap:12px;padding:12px 14px;display:flex}.setting--compact{padding:8px 12px 8px 14px}.setting__icon{color:var(--muted);flex:none}.setting__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.setting__label{cursor:pointer;font-weight:700}.setting__help{color:var(--muted);font-size:13px;line-height:1.35}.switch{background:var(--line);border:0;border-radius:16px;flex:none;width:52px;height:32px;padding:3px;transition:background .15s}.switch__knob{background:var(--text);border-radius:50%;width:26px;height:26px;transition:transform .22s cubic-bezier(.3,1.5,.5,1);display:block}.switch[aria-checked=true]{background:var(--signal)}.switch[aria-checked=true] .switch__knob{background:var(--on-signal);transform:translate(20px)}.stat__peek{color:var(--muted);text-align:left;cursor:help;background:0 0;border:0;padding:0}.board{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;overflow:hidden}.board--interactive{touch-action:none}.board__frame{fill:var(--board-frame)}.board__floor{fill:var(--board-floor)}.board__slot{fill:var(--board-slot)}.board__wall{fill:#8c8177}.board__wall-stripes{opacity:.95}.board__wall-cap{fill:#b4aa9f}.board__exit path{fill:none;stroke:var(--exit-chevron);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;animation:1.6s ease-in-out infinite exit-pulse}.board__exit path:last-child{animation-delay:.2s}@keyframes exit-pulse{0%,to{opacity:.35;transform:translate(0)}50%{opacity:1;transform:translate(3px)}}.vehicle{cursor:grab;will-change:transform;outline:none}.board:not(.board--interactive) .vehicle{cursor:default}.vehicle--dragging{cursor:grabbing}.vehicle__focus{fill:none;stroke:var(--signal);stroke-width:4px}.vehicle__pulse{fill:none;stroke:var(--exit-lime);stroke-width:4px;animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.board__hint-ghost{fill:#b8f25c1f;stroke:var(--exit-lime);stroke-width:3px;stroke-dasharray:8 7;animation:1.1s ease-in-out infinite pulse}.board__hint-line{stroke:var(--exit-lime);stroke-width:4px;stroke-linecap:round;stroke-dasharray:2 10;opacity:.8}.board__streaks rect{transform-box:fill-box;transform-origin:100%;opacity:0;animation:.7s ease-out forwards streak}.board__streaks rect:nth-child(2){animation-delay:60ms}.board__streaks rect:nth-child(3){animation-delay:.12s}@keyframes streak{0%{opacity:0;transform:translate(0)scaleX(.2)}30%{opacity:.9}to{opacity:0;transform:translate(260px)scaleX(1.4)}}