:root{--vw:100vw;--vh:100vh;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--font:"Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", "Yu Gothic UI", "Segoe UI", system-ui, sans-serif;--ink:#14202e;--gold:#ffc92e;--cyan:#29c4de;--green:#5fae3e}*{box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font);touch-action:none;-webkit-user-select:none;user-select:none;background:#163a5c;margin:0;padding:0;overflow:hidden}#app{z-index:1;position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#play-bg{z-index:0;background:linear-gradient(#4fa8e8,#8fc8f0 55%,#5fae3e);position:fixed;inset:0}.btn{font-family:var(--font);color:#fff;cursor:pointer;text-shadow:0 2px #0000004d;background:#2a3542;border:none;border-radius:14px;padding:12px 26px;font-size:18px;font-weight:900;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #00000059}.btn:active{transform:translateY(3px);box-shadow:0 1px #00000059}.btn-primary{background:linear-gradient(#37d4ee,#1ba8c8)}.btn-ghost{background:#14202eb8}.btn-big{border-radius:18px;padding:16px 48px;font-size:26px}.btn-small{padding:8px 16px;font-size:15px}.btn-reward{background:linear-gradient(#b06ef2,#8b4fd8)}.btn.cant-afford{opacity:.45}.btn:disabled{opacity:.5;cursor:default}.btn.granted{background:#3e7d2c}#screens{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#screens>*{pointer-events:auto}#screens:empty{display:none}#screens.screen-prerace{padding-top:calc(12vh + var(--sat));align-items:flex-start}.title-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.title-panel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a16246b;border-radius:24px;flex-direction:column;align-items:center;gap:18px;padding:36px 48px;display:flex;position:relative}.title-panel h1{color:#fff;letter-spacing:2px;text-shadow:0 4px #0006,0 10px 30px #0006;margin:0;font-size:clamp(44px,9vw,84px);font-style:italic;transform:skew(-6deg)}.tagline{color:#eaf4ff;text-shadow:0 2px #0006;margin:0;font-size:clamp(15px,2.4vw,20px);font-weight:700}.title-row{align-items:center;gap:14px;display:flex}.coin-bank{color:var(--gold);text-shadow:0 2px #00000080;align-items:center;gap:8px;font-size:22px;font-weight:900;display:inline-flex}.coin-bank img{width:30px;height:30px}.map-panel,.shop-panel,.results-panel,.pause-panel{max-width:min(92vw,560px);max-height:calc(var(--vh) - 40px - var(--sat) - var(--sab));background:#0c1826d1;border-radius:22px;flex-direction:column;align-items:center;gap:16px;padding:24px 28px;display:flex;overflow-y:auto;box-shadow:0 12px 40px #00000073}.map-panel h2,.shop-panel h2,.results-panel h2,.pause-panel h2{color:#fff;text-shadow:0 3px #0006;margin:0;font-size:30px;font-style:italic}.map-head{justify-content:space-between;align-items:center;gap:22px;width:100%;display:flex}.map-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.map-node{aspect-ratio:1;width:clamp(52px,12vw,72px);font-family:var(--font);color:#fff;cursor:pointer;text-shadow:0 2px #0006;border:3px solid #ffffffd9;border-radius:50%;font-size:22px;font-weight:900;position:relative;box-shadow:0 4px #00000059}.map-node:active{transform:translateY(2px);box-shadow:0 2px #00000059}.node-autumn{background:linear-gradient(#f2b632,#e8721c)}.node-snow{background:linear-gradient(#bfe0f4,#5a9fd4)}.node-sunset{background:linear-gradient(#e88a4a,#8b4fd8)}.map-node.locked{filter:grayscale(.9)brightness(.6);cursor:default}.map-node.cleared{border-color:var(--gold)}.map-node-grade{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;display:flex;position:absolute;bottom:-6px;right:-6px}.grade-S{color:#4a3200;background:linear-gradient(#ffd94a,#e8a020)}.grade-A{color:#0e3806;background:linear-gradient(#7ce87c,#3e9d2c)}.grade-B{color:#062638;background:linear-gradient(#7cc8f2,#2c6e9d)}.grade-C{color:#22262c;background:linear-gradient(#b8bcc2,#6e747c)}.map-path{flex-direction:column;align-items:center;gap:12px;width:100%;min-width:240px;max-height:54vh;padding:10px 0;display:flex;position:relative;overflow-y:auto}.map-path:before{content:"";border-left:4px dashed #ffffff38;position:absolute;top:0;bottom:0;left:50%}.map-row-node{z-index:1;position:relative}.zig-0{transform:translate(0)}.zig-1{transform:translate(-52px)}.zig-2{transform:translate(0)}.zig-3{transform:translate(52px)}.map-biome{z-index:1;color:#fff;letter-spacing:1px;text-shadow:0 2px #0006;border:2px solid #ffffff80;border-radius:13px;padding:6px 18px;font-size:15px;font-weight:900;position:relative;box-shadow:0 3px #0000004d}.biome-autumn{background:linear-gradient(#f2b632,#e8721c)}.biome-snow{background:linear-gradient(#bfe0f4,#5a9fd4)}.biome-sunset{background:linear-gradient(#e88a4a,#8b4fd8)}.map-biome.locked{filter:grayscale(.85)brightness(.6)}.map-row{gap:14px;display:flex}.prerace-card{background:#0c1826c7;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:14px 30px;transition:opacity .5s;display:flex}.prerace-card.faded{opacity:0}.prerace-level{color:var(--gold);text-shadow:0 3px #0006;font-size:30px;font-style:italic;font-weight:900}.prerace-beat{color:#eaf4ff;text-align:center;max-width:78vw;font-size:15px;font-weight:700}.results-panel{min-width:min(86vw,420px)}.results-grade{border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:92px;font-style:italic;font-weight:900;animation:.28s cubic-bezier(.2,2.2,.4,1) stamp-in;display:flex;box-shadow:0 8px 30px #00000080}@keyframes stamp-in{0%{opacity:0;transform:scale(2.5)}to{opacity:1;transform:scale(1)}}.results-pos{color:#fff;font-size:22px;font-weight:900}.results-rows{flex-direction:column;gap:6px;width:100%;display:flex}.results-row{color:#d8e8f8;justify-content:space-between;font-size:17px;font-weight:700;display:flex}.results-row b{color:var(--gold)}.results-record{text-align:center;color:#ffd94a;font-size:19px;font-weight:900;animation:.8s ease-in-out infinite alternate pulse}.results-near{text-align:center;color:#9fc8e8;font-size:15px;font-weight:700}.results-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.shop-panel h3{color:#eaf4ff;margin:4px 0 0}.shop-row{background:#ffffff12;border-radius:12px;grid-template-columns:1.2fr .9fr auto auto;align-items:center;gap:12px;width:100%;padding:10px 14px;display:grid}.shop-name{color:#fff;font-size:16px;font-weight:900}.shop-value{color:var(--cyan);font-size:14px;font-weight:700}.shop-tier{gap:4px;display:flex}.pip{background:#ffffff2e;border-radius:50%;width:12px;height:12px}.pip.on{background:var(--gold);box-shadow:0 0 6px #ffc92eb3}.shop-skins{gap:12px;display:flex}.skin-card{cursor:pointer;color:#fff;font-family:var(--font);background:#ffffff14;border:3px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:900;display:flex}.skin-card img{object-fit:cover;border-radius:8px;width:64px;height:64px}.skin-card.equipped{border-color:var(--gold)}.pause-panel{min-width:min(80vw,320px)}.pause-panel .btn{width:100%}#hud{z-index:2;pointer-events:none;padding:calc(10px + var(--sat)) calc(12px + var(--sar)) calc(10px + var(--sab)) calc(12px + var(--sal));justify-content:space-between;align-items:flex-start;display:flex;position:fixed;inset:0}.hud-tl,.hud-tr{align-items:center;gap:10px;display:flex}.hud-tr{pointer-events:auto}.hud-gauge{width:84px;height:84px;position:relative}.gauge-bg{fill:#0a16248c;stroke:#ffffff2e;stroke-width:7px}.gauge-arc{fill:none;stroke:var(--cyan);stroke-width:7px;stroke-linecap:round;transform-origin:42px 42px;transition:stroke-dashoffset .12s linear;transform:rotate(-90deg)}.hud-speed{color:#fff;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.hud-speed-num{text-shadow:0 2px #00000080;font-size:26px;font-style:italic;font-weight:900}.hud-speed small{opacity:.85;font-size:10px;font-weight:700}.hud-tc{flex-direction:column;flex:0 420px;align-items:center;gap:4px;margin:6px 8px 0;display:flex}.hud-level-label{color:#fff;text-shadow:0 2px #00000080;font-size:17px;font-style:italic;font-weight:900}.hud-level-bar{background:#0a16248c;border:2px solid #ffffff59;border-radius:7px;width:100%;height:14px;position:relative;overflow:hidden}.hud-level-fill{background:linear-gradient(90deg,#7ce87c,#5fae3e);border-radius:7px;width:0%;height:100%;transition:width .15s linear}.hud-level-cap{background:conic-gradient(#111 0 25%, #fff 0 50%, #111 0 75%, #fff 0) 0 0 / 7px 7px;width:14px;position:absolute;top:0;bottom:0;right:0}.hud-coins{color:var(--gold);text-shadow:0 2px #00000080;background:#0a16248c;border-radius:20px;align-items:center;gap:7px;padding:7px 14px;font-size:19px;font-weight:900;display:flex}.hud-coin-icon{width:24px;height:24px}.hud-pause{pointer-events:auto;color:#fff;letter-spacing:2px;cursor:pointer;background:#0a16248c;border:none;border-radius:50%;width:42px;height:42px;font-size:15px;font-weight:900}#announce{z-index:4;color:#fff;text-shadow:0 6px #0006,0 14px 44px #00000080;opacity:0;pointer-events:none;font-size:clamp(64px,14vw,128px);font-style:italic;font-weight:900;transition:opacity .12s,transform .12s;position:fixed;top:34%;left:50%;transform:translate(-50%,-50%)scale(.6)}#announce.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#announce.ann-go{color:#7ce87c}#announce.ann-warn{color:#ff6a4a;font-size:clamp(44px,9vw,84px)}#announce.ann-finish{color:var(--gold);font-size:clamp(48px,10vw,96px)}#tutorial{left:50%;bottom:calc(16% + var(--sab));z-index:3;pointer-events:none;background:#0a1624b8;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 22px;transition:opacity .5s;display:flex;position:fixed;transform:translate(-50%)}#tutorial.faded{opacity:0}.tut-line{color:#fff;text-shadow:0 2px #00000080;font-size:16px;font-weight:900}.tut-goal{color:var(--gold);text-align:center;max-width:78vw;margin-top:4px;font-size:14px;font-weight:700}#speed-lines{z-index:2;pointer-events:none;opacity:0;background:repeating-conic-gradient(at 50% 55%,#ffffff80 0deg 1.6deg,#0000 1.6deg 13deg);animation:1.1s linear infinite speed-spin;position:fixed;inset:-20%;-webkit-mask-image:radial-gradient(circle at 50% 55%,#0000 26%,#000 72%);mask-image:radial-gradient(circle at 50% 55%,#0000 26%,#000 72%)}@keyframes speed-spin{to{transform:rotate(3deg)}}.fx-pop{z-index:4;color:var(--gold);text-shadow:0 2px #0009;pointer-events:none;font-size:22px;font-weight:900;animation:.6s ease-out forwards pop-rise;position:fixed;transform:translate(-50%,-50%)}@keyframes pop-rise{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-46px}}.fx-dust{z-index:4;pointer-events:none;background:radial-gradient(circle,#c8beaacc,#0000 70%);border-radius:50%;width:22px;height:22px;animation:.8s ease-out forwards dust-grow;position:fixed}@keyframes dust-grow{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}.fx-confetti{z-index:5;pointer-events:none;width:10px;height:14px;animation:2.2s ease-in forwards confetti-fall;position:fixed}@keyframes confetti-fall{0%{opacity:1;margin-top:0}to{opacity:.8;margin-top:110vh;transform:rotate(720deg)}}#touch-layer{z-index:3;pointer-events:none;position:fixed;inset:0}#touch-stick{left:calc(18px + var(--sal));bottom:calc(22px + var(--sab));pointer-events:auto;background:#0a162473;border:2px solid #ffffff4d;border-radius:32px;justify-content:center;align-items:center;width:128px;height:64px;display:flex;position:absolute}#touch-nub{background:#ffffffd9;border-radius:50%;width:44px;height:44px;box-shadow:0 3px #0000004d}#touch-buttons{right:calc(18px + var(--sar));bottom:calc(22px + var(--sab));pointer-events:auto;align-items:flex-end;gap:14px;display:flex;position:absolute}.touch-btn{color:#fff;pointer-events:auto;background:#0a162480;border:2px solid #fff6;border-radius:50%;width:72px;height:72px;font-size:26px;font-weight:900}#touch-accel{background:#29c4de8c;width:88px;height:88px}.modal-wrap{z-index:8;background:#060c1499;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#0e1a28f5;border-radius:18px;flex-direction:column;align-items:center;gap:12px;max-width:min(86vw,380px);padding:22px 26px;display:flex}.modal-title{color:#fff;font-size:22px;font-weight:900}.modal-body{color:#cfe0f0;text-align:center;font-size:15px;font-weight:700}.modal-row{gap:12px;display:flex}.ad-resume-buffer{left:50%;bottom:calc(20% + var(--sab));z-index:8;color:#fff;pointer-events:none;background:#0a1624cc;border-radius:14px;padding:12px 22px;font-size:18px;font-weight:900;position:fixed;transform:translate(-50%)}@media (aspect-ratio<=1){.hud-tc{flex-basis:200px}.hud-gauge{width:72px;height:72px}.hud-speed-num{font-size:22px}.title-panel{padding:26px 24px}.results-grade{width:110px;height:110px;font-size:72px}}@media (height<=480px){.map-panel,.shop-panel,.results-panel,.pause-panel{gap:6px;padding:10px 18px}.map-panel h2,.shop-panel h2,.results-panel h2,.pause-panel h2{font-size:22px}.map-path{gap:8px;max-height:46vh}.map-node{width:48px;font-size:17px}.results-grade{width:84px;height:84px;font-size:56px}.shop-row{padding:4px 10px}.skin-card img{width:36px;height:36px}.skin-card{font-size:13px}.btn{padding:7px 16px;font-size:15px}.btn-big{padding:12px 34px;font-size:20px}}