:root{--kana-green:#69ba60;--kana-green-deep:#1f7a45;--kana-green-night:#0f3d2c;--kana-red:#de202a;--ink:#332c2b;--paper:#fffdf7;--paper-2:#f3efe6;--muted:#6b6460;--line:#e7e0d2;--gold:#f3c544;--gold-deep:#9a6a12;--kanko-orange:#f4a20d;--kanko-ol:#1b5a3d;--cyan:#84cfd5;--special:#ffd65a;--f-display:"Lilita One", "Arial Black", sans-serif;--f-ui:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--gutter:14px;--radius:18px;--touch:48px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--kana-green-night);height:100%;margin:0;overflow:hidden}body{font-family:var(--f-ui);color:var(--ink);-webkit-user-select:none;user-select:none;justify-content:center;display:flex}.hidden{display:none!important}#stage{height:100vh;width:min(100vw,80vh);height:100dvh;background:#000;width:min(100vw,80dvh);position:relative;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.btn{font:800 17px/1 var(--f-ui);min-height:var(--touch);cursor:pointer;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(2px)}.btn:focus-visible{outline:3px solid var(--kanko-orange);outline-offset:2px}.btn-primary{background:var(--kana-green-deep);color:#fff;box-shadow:0 5px #125530}.btn-primary.big{font:400 28px/1 var(--f-display);letter-spacing:.03em;width:100%;min-height:64px}.btn-secondary{color:var(--kana-green-deep);background:#e8f4e5;box-shadow:inset 0 0 0 2px #cbe6c5}.btn-ghost{color:var(--kana-green-deep);text-underline-offset:3px;background:0 0;text-decoration:underline}.btn-round{width:46px;height:46px;color:var(--ink);background:#fffdf7e6;border-radius:50%;padding:0;font-size:16px;box-shadow:0 3px #0000002e}.card{background:var(--paper);border-radius:var(--radius);padding:18px;box-shadow:0 10px 30px #00000047}.screen{z-index:5;padding:calc(var(--gutter) + var(--safe-t)) var(--gutter) calc(var(--gutter) + var(--safe-b));flex-direction:column;display:flex;position:absolute;inset:0}.scrim{background:linear-gradient(#0f3d2c00 0%,#0f3d2c8c 55%,#0f3d2cd9 100%)}.display{font-family:var(--f-display);letter-spacing:.01em;font-weight:400}.outline-text{paint-order:stroke fill;-webkit-text-stroke:8px var(--kanko-ol);text-shadow:0 6px 0 var(--kanko-ol)}.hud{z-index:3;padding:calc(10px + var(--safe-t)) 10px 0;pointer-events:none;gap:8px;display:grid;position:absolute;top:0;left:0;right:0}.hud-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.hud-score{background:#fffdf7eb;border-radius:16px;gap:4px;min-width:150px;padding:7px 12px 8px;display:grid;box-shadow:0 3px #00000024}.hud-score .val{font:400 30px/1 var(--f-display);font-variant-numeric:tabular-nums}.hud-meta{font:800 13px/1 var(--f-ui);color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.coin{background:var(--gold);border:2px solid var(--gold-deep);width:18px;height:18px;color:var(--gold-deep);text-align:center;border-radius:50%;font:700 11px/14px Georgia,serif;display:inline-block}.hud-meta b{color:var(--ink);font:400 17px/1 var(--f-display)}.hud-btns{pointer-events:auto;gap:8px;display:flex}.combo{align-items:center;gap:6px;display:flex}.combo .x{font:400 18px/1 var(--f-display);color:#fff;background:var(--kanko-orange);border-radius:8px;padding:3px 7px;box-shadow:0 2px #b8760a}.combo .bar{background:#e6dfd1;border-radius:4px;flex:1;height:7px;overflow:hidden}.combo .bar i{background:var(--kanko-orange);border-radius:4px;height:100%;display:block}.journey{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f3d2c8c;border-radius:10px;grid-template-columns:repeat(5,1fr);gap:3px;padding:4px;display:grid}.journey span{background:#ffffff47;border-radius:3px;height:6px;position:relative;overflow:hidden}.journey span i{background:var(--kana-green);border-radius:3px;width:0;position:absolute;top:0;bottom:0;left:0}.journey span.now i{background:#fff}.journey span.done i{width:100%}.powerups{gap:6px;display:flex}.pu{font:800 12px/1 var(--f-ui);background:#fffdf7eb;border-radius:999px;align-items:center;gap:5px;padding:4px 9px 4px 5px;display:inline-flex;box-shadow:0 2px #0000001f}.pu i{color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-style:normal;display:grid}.pu.shield i{background:var(--kana-green-deep)}.hw{gap:4px;display:flex}.hw span{font:800 10px/1 var(--f-ui);color:#8d8577;background:#fffdf799;border-radius:6px;padding:4px 6px}.hw span.got{background:var(--kana-green-deep);color:#fff}.loc-tag{background:var(--kana-green-night);color:#fff;border-radius:14px;justify-self:center;gap:2px;min-width:210px;padding:8px 14px;display:grid;box-shadow:0 4px #00000040}.loc-tag .row{font:800 15px/1.1 var(--f-ui);align-items:center;gap:6px;display:flex}.loc-tag .row b{flex:1}.loc-tag .n{font:400 13px/1 var(--f-display);background:var(--kanko-orange);color:var(--ink);border-radius:7px;padding:4px 6px}.loc-tag small{color:#bfe0cd;font-size:12px}.title-wrap{text-align:center;justify-items:center;gap:6px;display:grid}.logo-pill{background:#fff;border-radius:999px;padding:8px 16px;box-shadow:0 4px 14px #00000026}.logo-pill img{height:30px;display:block}.game-title{font:400 clamp(60px, 18vw, 88px)/.85 var(--f-display);margin:8px 0 0;display:grid}.game-title .a{color:#fff;font-size:.62em}.game-title .b{color:var(--kanko-orange)}.tagline{font:800 15px/1.3 var(--f-ui);color:#fff;text-shadow:0 2px 0 var(--kanko-ol), 0 0 12px #0f3d2c99;margin:4px 0 0}.route{justify-content:space-between;gap:4px;display:flex}.route div{font:700 10.5px/1.15 var(--f-ui);color:var(--muted);text-align:center;flex:1;justify-items:center;gap:4px;display:grid}.route .dot{background:var(--paper-2);border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.route .kana .dot{background:var(--kana-green-deep);color:#fff;font:400 16px/1 var(--f-display)}.bottom-card{gap:12px;margin-top:auto;display:grid}.best{text-align:center;color:var(--muted);margin:0;font-size:14px}.best b{color:var(--ink)}.selalu{text-align:center;font:400 15px/1 var(--f-display);color:var(--kana-green-deep);letter-spacing:.04em;margin:0}.stage-card{text-align:center;animation:pop .45s var(--ease-pop) both;gap:10px;margin:auto 0;display:grid}.stage-card .kicker{font:800 12px/1 var(--f-ui);letter-spacing:.14em;color:var(--kana-green-deep);text-transform:uppercase}.stage-card h2{font:400 34px/1 var(--f-display);margin:0}.lines{text-align:left;gap:6px;display:grid}.lines div{background:var(--paper-2);font:700 14px/1.2 var(--f-ui);border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.lines div b{font:400 18px/1 var(--f-display);font-variant-numeric:tabular-nums}.lines .special{background:#fff4cf}.next{font:700 13px/1.3 var(--f-ui);color:var(--muted)}.results{gap:10px;max-height:94%;margin-top:auto;display:grid;overflow:auto}.results h2{font:400 30px/1 var(--f-display);color:var(--kana-green-deep);margin:0}.total{font:400 54px/1 var(--f-display);font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;display:flex}.badge{font:800 12px/1 var(--f-ui);background:var(--kanko-orange);border-radius:999px;padding:6px 9px}.slots{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.slots div{aspect-ratio:1;background:var(--paper-2);border-radius:12px;place-items:center;font-size:22px;display:grid;position:relative}.slots div.got{box-shadow:inset 0 0 0 2px var(--special);background:#fff4cf}.slots div.miss{opacity:.45;filter:grayscale()}.slots small{font:700 9.5px/1 var(--f-ui);color:var(--muted);white-space:nowrap;position:absolute;bottom:-16px}.breakdown{gap:4px;margin-top:14px;display:grid}.breakdown div{font:600 14px/1.3 var(--f-ui);border-bottom:1px dashed var(--line);justify-content:space-between;padding:3px 2px;display:flex}.breakdown div b{font-variant-numeric:tabular-nums}.row-btns{grid-template-columns:1fr auto;gap:8px;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.loc-tag.float{left:50%;top:calc(164px + var(--safe-t));z-index:3;pointer-events:none;opacity:0;transition:opacity .3s, transform .35s var(--ease-out);position:absolute;transform:translate(-50%,-12px)}.loc-tag.float.show{opacity:1;transform:translate(-50%)}.toast{z-index:4;pointer-events:none;opacity:0;transition:opacity .25s, transform .3s var(--ease-pop);font:400 28px/1.1 var(--f-display);color:#fff;text-align:center;white-space:nowrap;paint-order:stroke fill;-webkit-text-stroke:6px var(--kanko-ol);position:absolute;top:40%;left:50%;transform:translate(-50%,10px)scale(.92)}.toast.show{opacity:1;transform:translate(-50%)scale(1)}.toast small{font:800 14px/1.3 var(--f-ui);-webkit-text-stroke:4px var(--kanko-ol);display:block}.hint{z-index:4;text-align:center;pointer-events:none;color:#fff;width:90%;position:absolute;top:42%;left:50%;transform:translate(-50%)}.hint p{font:800 19px/1.25 var(--f-ui);text-shadow:0 2px 0 var(--kanko-ol), 0 0 12px #00000073;margin:6px 0 0}.hint-icon{font:400 64px/1 var(--f-display);paint-order:stroke fill;-webkit-text-stroke:8px var(--kanko-ol);animation:nudge 1s var(--ease-out) infinite}@keyframes nudge{50%{transform:scale(1.15)}}.float-card{left:50%;top:calc(190px + var(--safe-t));z-index:4;gap:8px;width:min(330px,88%);padding:14px;position:absolute;transform:translate(-50%)}.float-card h2{font-size:28px}.float-card .lines div{padding:6px 10px;font-size:13px}.float-card .lines div b{font-size:16px}.flash{z-index:2;pointer-events:none;opacity:0;background:#fffef4;position:absolute;inset:0}.flash.go{animation:.55s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}.glitch{z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ff005a4d 0 5px,#0000 5px 12px,#00f0ff47 12px 15px,#0000 15px 26px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 14%,#0000 22% 80%,#000 88%);mask-image:linear-gradient(#000 0 14%,#0000 22% 80%,#000 88%)}.confetti{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translate3d(var(--dx), 110vh, 0) rotate(var(--r))}}.pu.turbo i{background:var(--kanko-orange)}.pu .t{background:#eadfcc;border-radius:3px;width:34px;height:5px;overflow:hidden}.pu .t b{background:var(--kanko-orange);height:100%;display:block}.dbg{z-index:9;color:#0f0;pointer-events:none;background:#000000a6;border-radius:4px;padding:4px 6px;font:11px/1.3 ui-monospace,monospace;position:absolute;bottom:8px;left:8px}.screen.dim{background:#0f3d2c8c;justify-content:center;animation:.2s ease-out fade}.center-card{text-align:center;align-self:center;gap:10px;width:min(320px,100%);display:grid}.center-card h2{font:400 32px/1 var(--f-display);color:var(--kana-green-deep);margin:0 0 4px}.how{text-align:center;color:var(--muted);margin:0;font-size:12.5px}.mini-slots{justify-content:center;gap:6px;display:flex}.mini-slots img{background:var(--paper-2);border-radius:10px;width:38px;height:38px;padding:3px}.mini-slots img.miss{opacity:.3;filter:grayscale()brightness(.7)}.results-screen{background:linear-gradient(#0f3d2c1a 0%,#0f3d2cb3 45%);animation:.3s ease-out fade}.res-meta{font:700 13px/1.3 var(--f-ui);color:var(--muted);margin:-4px 0 0}.slots img{object-fit:contain;width:78%;height:78%}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}