:root{--kana-red: #de202a;--kana-red-dk: #b3151e;--kana-green: #69ba60;--kana-ink: #332c2b;--k-green: #0ea54b;--k-green-dk: #0f6a48;--k-orange: #f4a20d;--k-cyan: #84cfd5;--k-ol: #1b5a3d;--paper: #fffdf7;--muted: #6b6460;--line: #ece5d8;--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);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden}body{font-family:var(--f-ui);color:var(--kana-ink);background-color:#0f3d2c;background-image:radial-gradient(ellipse 13px 22px at 50% 25%,#165a40 60%,transparent 62%),radial-gradient(ellipse 13px 22px at 50% 75%,#165a40 60%,transparent 62%),radial-gradient(ellipse 22px 13px at 25% 50%,#165a40 60%,transparent 62%),radial-gradient(ellipse 22px 13px at 75% 50%,#165a40 60%,transparent 62%),radial-gradient(circle 4px at 50% 50%,#c99a2e 90%,transparent 100%);background-size:64px 64px;display:flex;justify-content:center;user-select:none;-webkit-user-select:none}.hidden{display:none!important}#stage{position:relative;height:100vh;height:100dvh;width:min(100vw,80vh);width:min(100vw,80dvh);overflow:hidden;background:#bfe6ee;box-shadow:0 0 60px #00000073}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.side{display:none}@media(min-width:1180px)and (min-aspect-ratio:3/2){.side{display:grid;gap:16px;align-content:start;position:fixed;left:32px;top:32px;width:240px;color:#e6f2ea;font-size:14px;line-height:1.5}.side-logo{width:180px;background:#fff;padding:10px 14px;border-radius:12px}.side p{margin:0}.side-note{color:#a9cbb7}kbd{font-family:var(--f-ui);background:#fff;color:var(--kana-ink);border-radius:4px;padding:0 6px;font-weight:700}}.btn{font:800 17px/1 var(--f-ui);border:0;border-radius:14px;min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out),background-color .12s}.btn:active{transform:translateY(2px)}.btn:focus-visible,.round:focus-visible{outline:3px solid var(--k-orange);outline-offset:2px}.btn.primary{background:var(--kana-red);color:#fff;box-shadow:0 5px 0 var(--kana-red-dk)}.btn.primary:active{box-shadow:0 3px 0 var(--kana-red-dk)}.btn.big{font:400 26px/1 var(--f-display);letter-spacing:.02em;min-height:62px;width:100%}.btn.soft{background:#e9f5e6;color:var(--k-green-dk);box-shadow:inset 0 0 0 2px #cfe8c9}.btn.ghost{background:transparent;color:var(--k-green-dk);text-decoration:underline;text-underline-offset:3px;font-weight:700;font-size:15px}.round{width:46px;height:46px;border-radius:50%;border:0;background:#ffffffe0;color:var(--kana-ink);font:800 15px/1 var(--f-ui);cursor:pointer;box-shadow:0 3px #00000026}.screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));z-index:5}.screen.dim{background:#0f281e73;justify-content:flex-end;animation:fade .25s var(--ease-out)}#scrPause.dim{justify-content:center}.card{background:var(--paper);border-radius:22px;padding:18px;box-shadow:0 10px 30px #00000040}.title-top{display:grid;justify-items:center;gap:6px;text-align:center;animation:drop .6s var(--ease-out) both}.logo-pill{background:#fff;border-radius:999px;padding:8px 16px;box-shadow:0 4px 14px #00000026}.logo-pill img{height:30px;display:block}.title{margin:6px 0 0;font:400 clamp(56px,17vw,84px)/.86 var(--f-display);display:grid;letter-spacing:.01em}.title span{paint-order:stroke fill;-webkit-text-stroke:9px var(--k-ol);text-shadow:0 6px 0 var(--k-ol)}.title .t1{color:var(--k-orange)}.title .t2{color:#fff;font-size:.8em}.tagline{margin:6px 0 0;max-width:30ch;font-weight:800;font-size:15px;color:#fff;text-shadow:0 2px 0 var(--k-ol),0 0 12px rgba(15,61,44,.6)}.challenge{margin-top:6px;background:var(--k-orange);color:var(--kana-ink);font-weight:800;padding:8px 14px;border-radius:12px;box-shadow:0 3px #b8760a}.title-card{display:grid;gap:12px;animation:rise .6s .1s var(--ease-out) both}.best{margin:0;text-align:center;font-size:14px;color:var(--muted)}.best b{color:var(--kana-ink)}.legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.legend li{display:grid;justify-items:center;gap:2px;text-align:center;font-size:11px;line-height:1.2;color:var(--muted)}.legend li b{color:var(--kana-ink);font-size:11.5px}.legend svg{width:36px;height:36px}.how{margin:0;text-align:center;font-size:12.5px;color:var(--muted)}.center-card{display:grid;gap:10px;width:min(320px,100%);align-self:center;text-align:center}.center-card h2,.sheet h2{margin:0 0 4px;font:400 32px/1.05 var(--f-display);color:var(--k-green-dk)}#hud{position:absolute;left:0;right:0;top:0;padding:calc(10px + var(--safe-t)) 10px 0;display:flex;justify-content:space-between;align-items:flex-start;z-index:3;pointer-events:none}.hud-card{background:#fffdf7e6;border-radius:16px;padding:8px 12px 9px;display:grid;gap:3px;min-width:150px;box-shadow:0 3px #0000001f}.hud-score{font:400 30px/1 var(--f-display);color:var(--kana-ink);font-variant-numeric:tabular-nums}.hud-dist{font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.hud-btns{display:flex;gap:8px;pointer-events:auto}.hud-row{display:flex;align-items:center;gap:6px}.hud-row b{font:400 18px/1 var(--f-display);font-variant-numeric:tabular-nums;margin-right:4px}.coin-ico{width:18px;height:18px;border-radius:50%;background:#f3c544;border:2px solid #9a6a12;color:#9a6a12;font:700 11px/14px Georgia,serif;text-align:center}.parts{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.parts span{font:800 10px/1 var(--f-ui);letter-spacing:.03em;padding:4px 5px;border-radius:6px;background:#ece6da;color:#b2a99a;transition:background-color .2s,color .2s,transform .2s}.parts span.got{background:var(--k-green);color:#fff;transform:scale(1.08)}.parts .shield-pill{background:var(--kana-green);color:#fff}.loc-tag{position:absolute;left:50%;top:calc(112px + var(--safe-t));z-index:3;pointer-events:none;transform:translate(-50%,-16px);opacity:0;transition:transform .35s var(--ease-out),opacity .35s;background:var(--k-green-dk);color:#fff;border-radius:14px;padding:8px 14px;min-width:230px;max-width:92%;box-shadow:0 4px #0a4630;text-align:left}.loc-tag.show{transform:translate(-50%);opacity:1}.loc-main{display:flex;align-items:center;gap:6px;font-size:16px}.loc-main b{font-weight:800;flex:1}.loc-count{font:400 14px/1 var(--f-display);background:var(--k-orange);color:var(--kana-ink);border-radius:8px;padding:4px 7px}.loc-note{font-size:12.5px;color:#cfe8d9;margin-top:2px}.toast{position:absolute;left:50%;top:34%;transform:translate(-50%,10px) scale(.9);opacity:0;z-index:3;pointer-events:none;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(--k-ol);transition:opacity .25s,transform .25s var(--ease-out)}.toast.show{opacity:1;transform:translate(-50%) scale(1)}.toast small{display:block;font:800 14px/1.2 var(--f-ui);-webkit-text-stroke:4px var(--k-ol)}.hint{position:absolute;left:50%;top:40%;transform:translate(-50%);z-index:3;pointer-events:none;text-align:center;color:#fff;width:90%}.hint p{margin:6px 0 0;font:800 19px/1.25 var(--f-ui);text-shadow:0 2px 0 var(--k-ol),0 0 12px rgba(0,0,0,.45)}.hint-icon{font:400 64px/1 var(--f-display);color:#fff;paint-order:stroke fill;-webkit-text-stroke:8px var(--k-ol);animation:nudge 1s var(--ease-out) infinite}@keyframes nudge{50%{transform:scale(1.15)}}.glitch{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,rgba(255,0,90,.22) 0 6px,transparent 6px 14px,rgba(0,240,255,.2) 14px 18px,transparent 18px 30px)}.dbg{position:absolute;left:8px;bottom:8px;z-index:6;background:#000000a6;color:#0f0;font:11px/1.3 ui-monospace,monospace;padding:4px 6px;border-radius:4px;pointer-events:none}.sheet{display:grid;gap:10px;max-height:92%;overflow:auto;animation:rise .4s var(--ease-out) both}.over-score{display:flex;align-items:center;gap:10px;font:400 52px/1 var(--f-display);color:var(--kana-ink);font-variant-numeric:tabular-nums}.badge{font:800 12px/1 var(--f-ui);font-style:normal;background:var(--k-orange);padding:6px 9px;border-radius:999px}.over-best,.over-vs{margin:-4px 0 0;color:var(--muted);font-size:14px}.over-vs{color:var(--k-green-dk);font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{background:#f3efe6;border-radius:12px;padding:8px 6px;display:grid;justify-items:center}.stats b{font:400 22px/1.1 var(--f-display);font-variant-numeric:tabular-nums}.stats span{font-size:12px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:5px}.chips span{font-size:11.5px;font-weight:700;padding:4px 8px;border-radius:999px;background:#f0ece4;color:#a49c90}.chips span.on{background:#e1f3dc;color:var(--k-green-dk)}.fact{background:#fff5df;border-radius:14px;padding:10px 12px;display:grid;gap:4px;font-size:14px;line-height:1.45}.fact p{margin:0}.fact-k{font:400 16px/1 var(--f-display);color:#b8760a}.fact a{color:var(--kana-red);font-weight:800;font-size:14px}.over-btns{display:grid;gap:8px}.row{display:flex;gap:8px}.row input{flex:1;min-width:0;min-height:48px;border-radius:14px;border:2px solid var(--line);padding:0 12px;font:700 15px var(--f-ui);color:var(--kana-ink);background:#fff}.row input:focus{outline:none;border-color:var(--k-green)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}@keyframes drop{0%{opacity:0;transform:translateY(-20px)}}@keyframes blink{50%{opacity:.35}}@keyframes press{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(8px) scale(.9);background:var(--k-orange)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body.shot-og #stage,body.shot-icon #stage{width:100vw;height:100vh;box-shadow:none}body.shot-og .side,body.shot-icon .side,body.shot-og #hud,body.shot-icon #hud{display:none!important}.og-card{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:40px 48px 40px 53%;pointer-events:none;background:linear-gradient(270deg,#0c3425f2,#0c3425d9 42%,#0c342500 62%)}.og-card .logo-pill{padding:10px 20px}.og-card .logo-pill img{height:40px}.og-title{margin:4px 0 0;font-size:118px;line-height:.86}.og-title span{-webkit-text-stroke:12px var(--k-ol);text-shadow:0 8px 0 var(--k-ol)}.og-tag{margin:6px 0 0;font:800 34px/1.15 var(--f-ui);color:#fff;max-width:15em}.og-route{margin:0;font:700 22px/1 var(--f-ui);color:#bfe6cf;letter-spacing:.01em}.og-url{margin:8px 0 0;display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--kana-ink);border-radius:999px;padding:8px 22px 8px 8px;font:800 26px/1 var(--f-ui);box-shadow:0 5px #00000040}.og-url span{background:var(--kana-red);color:#fff;border-radius:999px;padding:10px 16px;font-size:22px}