body{margin:0;background:#12182a;color:#eef3ff;font-family:Galmuri11,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}:root{--race-ink: #eef3ff;--race-dim: #a3adc9;--race-panel: #1e2740;--race-line: rgba(255, 255, 255, .12);--race-gold: #ffd34d;--race-my: #ff7a45;--race-opp: #5b8def;--race-good: #4ec26a;--race-bad: #e8514a;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}#app{box-sizing:border-box;width:100%;max-width:980px;min-height:100dvh;margin:0 auto;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l));background:linear-gradient(180deg,#18213a,#1e2740 55%,#18213a);display:flex;flex-direction:column}#app.app--locked{height:100dvh;max-height:100dvh;overflow:hidden}@media (min-width: 620px){#app{min-height:calc(100dvh - 24px);margin:12px auto;border:2px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 18px 50px #00000073}#app.app--locked{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}}.screen{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;min-height:0}.screen__note,.screen__error{margin:4px 0;font-size:.8rem;line-height:1.6;color:var(--race-dim);text-align:center}.screen__error{color:#ffb4bf}.btn{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;background:var(--race-gold);color:#22262f;font-family:inherit;font-weight:700;font-size:.92rem;padding:12px 18px;cursor:pointer;box-shadow:0 4px #c8a02f}.btn:active{transform:translateY(2px);box-shadow:0 2px #c8a02f}.btn:disabled{opacity:.5;box-shadow:none;cursor:default}.btn--big{width:100%;max-width:420px;padding:16px;font-size:1.05rem}.btn--go{width:100%;padding:14px;margin-top:4px}.btn--ghost{background:transparent;color:var(--race-dim);border:1px solid var(--race-line);box-shadow:none;text-decoration:none;text-align:center;width:100%;max-width:420px}.screen--intro{justify-content:center;gap:16px;padding:16px 0}.hero{text-align:center}.hero__title{margin:0 0 6px;font-size:1.8rem;letter-spacing:-.02em}.hero__lead{margin:0;font-size:.92rem;color:var(--race-dim);line-height:1.6}.hero__art{display:block;width:100%;max-width:560px;height:auto;margin:12px auto 0;border-radius:14px;aspect-ratio:1200 / 630;object-fit:cover;background:#ffffff0d}.how{width:100%;max-width:560px;box-sizing:border-box;background:#ffffff0d;border:1px solid var(--race-line);border-radius:14px;padding:12px 14px}.how__title{margin:0 0 8px;font-size:.9rem;color:var(--race-gold)}.how__list{margin:0;padding-left:18px;font-size:.82rem;line-height:1.7;color:var(--race-dim)}.how__list li+li{margin-top:4px}.introfoot{margin:4px 0 0;font-size:.72rem}.introfoot a{color:var(--race-dim)}.course{width:100%}.course__title{margin:0 0 6px;font-size:.84rem;color:var(--race-gold)}.course__row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.leg{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;background:#ffffff0d;border:1px solid var(--race-line)}.leg--water{border-color:#4aa3d899;background:#4aa3d81f}.leg--sand{border-color:#e0b57199;background:#e0b5711f}.leg--cliff{border-color:#8d849699;background:#8d849624}.leg__order{width:18px;height:18px;line-height:18px;border-radius:50%;background:#fff3;font-size:.6rem;text-align:center}.leg__name{font-size:.8rem;font-weight:700}.leg__stat{font-size:.6rem;color:var(--race-dim)}.leg__foe{width:44px;height:44px;background-repeat:no-repeat;image-rendering:pixelated}.leg__foename{font-size:.62rem;color:var(--race-opp);text-align:center;line-height:1.2}.fits{display:flex;gap:3px;margin-top:2px}.fit{display:block;width:10px;height:5px;border-radius:2px;background:#ffffff4d}.fit--good{background:var(--race-good)}.fit--bad{background:var(--race-bad)}.chips{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.chip{font-size:.54rem;padding:1px 5px;border-radius:999px;color:#16202c;font-weight:700}.pick{width:100%}.pick__title{margin:10px 0 6px;font-size:.84rem;color:var(--race-gold)}.pick__hint{margin:6px 0;font-size:.72rem;color:var(--race-dim);line-height:1.5}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.slot{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;border:2px dashed var(--race-line);background:#ffffff0a;color:inherit;font-family:inherit;cursor:pointer;min-height:108px;justify-content:center}.slot--filled{border-style:solid;border-color:var(--race-gold);background:#ffd34d1f}.slot__order{font-size:.66rem;color:var(--race-dim)}.slot__art{width:48px;height:48px;background-repeat:no-repeat;image-rendering:pixelated}.slot__name{font-size:.68rem}.slot__star{display:flex;flex-direction:column;align-items:center;font-size:.6rem;color:var(--race-gold);letter-spacing:-1px}.slot__bonus{font-style:normal;font-size:.56rem;color:var(--race-dim);letter-spacing:0}.slot__empty{font-size:1.6rem;color:var(--race-dim);line-height:48px}.pickscroll{flex:1;min-height:0;overflow-y:auto;width:100%;padding-right:4px;scrollbar-width:thin}.pickfoot{width:100%;padding-top:8px;border-top:1px solid var(--race-line);background:linear-gradient(180deg,#1e274000,#1e2740 30%)}.recent,.all{margin-top:10px}.recent__title{margin:0 0 6px;font-size:.72rem;color:var(--race-dim);font-weight:400}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:5px}.grid--recent{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.card{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px;border-radius:10px;border:2px solid transparent;background:#ffffff0d;color:inherit;font-family:inherit;cursor:pointer}.card--on{border-color:var(--race-gold);background:#ffd34d29}.card__art{width:48px;height:48px;background-repeat:no-repeat;image-rendering:pixelated}.card__name{font-size:.62rem;line-height:1.15;text-align:center}.screen--race{gap:6px;justify-content:center}.stage{position:relative;width:min(100%,calc((100dvh - 190px) * 960 / 420));aspect-ratio:960 / 420;border-radius:14px;overflow:hidden;background:#0f1526;border:1px solid var(--race-line);touch-action:none}.stage__canvas{display:block;width:100%;height:100%}.zones{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;z-index:2}.zone{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font-family:inherit;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:62px;touch-action:none;-webkit-tap-highlight-color:transparent}.zone--item{box-shadow:inset 1px 0 #ffffff24}.zone__label{font-size:.78rem;color:#ffffffd1;background:#0f15268c;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:4px 14px;transition:opacity .5s ease}.zones--used .zone__label{opacity:.18}.zone:active{background:#ffffff0f}.racehelp{margin:0;font-size:.72rem;color:var(--race-dim);text-align:center;line-height:1.5;max-width:520px}.shout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.6rem,7vw,3rem);font-weight:700;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.45);opacity:0;transform:scale(.7);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.shout--on{opacity:1;transform:scale(1)}.shout--count{color:var(--race-gold)}.shout--go{color:var(--race-good)}.shout--good{color:var(--race-gold)}.shout--bad{color:var(--race-bad)}.banner{position:absolute;left:12px;top:30px;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;background:#0f1526cc;font-size:.78rem;opacity:0;transform:translate(-12px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.banner--on{opacity:1;transform:translate(0)}.banner__fit{font-size:.68rem;color:var(--race-dim)}.banner__fit--good{color:var(--race-good)}.banner__fit--bad{color:var(--race-bad)}.racestats{margin:0;display:flex;gap:10px}.racestat{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:6px 10px;border-radius:12px;background:#ffffff0f;border:1px solid var(--race-line)}.racestat b{font-size:1.1rem}.racestat i{font-style:normal;font-size:.62rem;color:var(--race-dim)}.racestat--good b{color:var(--race-good)}.racestat--bad b{color:var(--race-bad)}.screen--result{justify-content:center;gap:12px;padding:16px 0}.result__title{margin:0;font-size:1.6rem}.times{display:flex;flex-direction:column;gap:4px;align-items:center}.times__row{margin:0;font-size:.86rem;color:var(--race-dim);font-variant-numeric:tabular-nums}.times__row b{color:var(--race-opp);margin-right:6px}.times__row--my b{color:var(--race-my)}.times__row i{font-style:normal;font-size:.7rem;margin-left:2px}.batons{margin:0;display:flex;gap:6px;align-items:center;font-size:.72rem}.batons b{color:var(--race-dim);font-weight:400}.baton{padding:2px 8px;border-radius:999px;background:#ffffff1a}.baton--perfect{background:#ffd34d4d;color:var(--race-gold)}.baton--good{background:#4ec26a40;color:var(--race-good)}.baton--miss{background:#e8514a38;color:var(--race-bad)}.prizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:460px}.prize{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:14px;border:2px solid var(--race-line);background:#ffffff0d;color:inherit;font-family:inherit;cursor:pointer}.prize:disabled{cursor:default}.prize--on{border-color:var(--race-gold);background:#ffd34d2e}.prize__art{width:56px;height:56px;background-repeat:no-repeat;image-rendering:pixelated}.prize__name{font-size:.72rem}.prize__star{font-size:.62rem;color:var(--race-gold);letter-spacing:-1px;display:flex;flex-direction:column;align-items:center}.prize__bonus{font-style:normal;font-size:.54rem;color:var(--race-dim);letter-spacing:0}.caught{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0;font-size:.82rem}.caught__art{width:48px;height:48px;background-repeat:no-repeat;image-rendering:pixelated}.caught__star{color:var(--race-gold);letter-spacing:-1px}.actions{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:420px}.mute{position:fixed;top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));z-index:40;width:34px;height:34px;border-radius:50%;border:1px solid var(--race-line);background:#0f1526b3;color:inherit;font-size:.9rem;cursor:pointer;line-height:1}.mute--off{opacity:.6}@media (max-width: 520px){.stage{width:100%}.racehelp{font-size:.66rem}.leg__foe{width:36px;height:36px}.slot{min-height:96px}.prize__art{width:44px;height:44px}}@media (orientation: landscape) and (pointer: coarse){.stage{width:min(100%,calc((100dvh - 96px) * 960 / 420))}.racehelp{display:none}.screen--race{justify-content:center}}.adbox{width:100%;min-height:100px;margin-top:8px;overflow:hidden}.result__links{margin:6px 0 0;font-size:.74rem;text-align:center}.result__links a{color:var(--race-dim)}