:root{--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:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--glass:#0c12209e;--glass-strong:#0a0e1ad1;--line:#ffffff29;--pri:#0b3d91;--sec:#ffc928;--on-pri:#ffc928}.mode-river{--pri:#e1061e;--sec:#fff;--on-pri:#fff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#fff;height:100%;font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0b1320;margin:0;overflow:hidden}#app{touch-action:none;height:100dvh;position:fixed;inset:0;overflow:hidden}canvas#c{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}canvas#c:active{cursor:grabbing}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--sec);outline-offset:2px}a{color:inherit}#flash{pointer-events:none;opacity:0;z-index:2;background:radial-gradient(circle,#ffffffd9,#ff3c3c59);position:absolute;inset:0}#hud{top:calc(var(--sat) + 8px);left:calc(var(--sal) + 10px);right:calc(var(--sar) + 10px);z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}#hud>*{pointer-events:auto}.score-pill{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 6px;display:flex;box-shadow:0 6px 20px #00000040}.score-text{flex-direction:column;line-height:1;display:flex}.score-text b{font-variant-numeric:tabular-nums;font-size:24px;font-weight:900}.score-text small{opacity:.75;margin-top:2px;font-size:11px;font-weight:700}.score-pill.bump b{animation:.35s ease-out bump}@keyframes bump{40%{color:var(--sec);transform:scale(1.35)}}.crest{border:2px solid #ffffffe6;border-radius:50%;flex:none;width:34px;height:34px;display:inline-block;box-shadow:inset 0 -3px #00000026}.crest.boca,.mode-boca .score-pill .crest{background:linear-gradient(#0b3d91 0 37%,#ffc928 37% 63%,#0b3d91 63%)}.crest.river,.mode-river .score-pill .crest{background:linear-gradient(135deg,#fff 0 38%,#e1061e 38% 60%,#fff 60%)}.hud-right{gap:8px;display:flex}.chip{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;min-width:44px;height:44px;padding:0 14px;font-size:15px;font-weight:800;transition:transform .12s;display:inline-flex;box-shadow:0 6px 20px #00000040}.chip:active{transform:scale(.94)}.chip.icon{justify-content:center;padding:0}.chip svg{width:20px;height:20px}#photoCredit{opacity:.7;text-shadow:0 1px 2px #000000b3;padding:4px;font-size:9.5px;text-decoration:none;position:absolute;top:52px;left:4px}.panel{z-index:15;background:var(--glass-strong);-webkit-backdrop-filter:blur(16px)saturate(1.3);border:1px solid var(--line);border-radius:26px;padding:16px;animation:.35s cubic-bezier(.2,1.3,.4,1) rise;display:none;position:absolute;box-shadow:0 16px 50px #00000073}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.97)}}#menu{left:calc(var(--sal) + 12px);right:calc(var(--sar) + 12px);bottom:calc(var(--sab) + 12px);max-width:460px;margin:0 auto}h1{letter-spacing:-.5px;text-align:center;text-shadow:0 3px #00000059;margin:0 0 12px;font-size:30px;font-style:italic;font-weight:900;line-height:1}h1 span{color:var(--sec)}h2{margin:0 0 12px;font-size:22px;font-weight:900}.modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode{text-align:left;background:#ffffff12;border:2px solid #0000;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-height:84px;padding:12px;transition:transform .15s,background .2s,border-color .2s;display:grid;position:relative}.mode .crest{grid-row:span 1;width:40px;height:40px}.mode-text{flex-direction:column;line-height:1.1;display:flex}.mode-text b{font-size:20px;font-weight:900}.mode-text small{opacity:.75;font-size:12px}.mode em{opacity:.85;grid-column:1/-1;margin-top:6px;font-size:12px;font-style:normal;font-weight:800}.mode[aria-checked=true][data-mode=boca]{background:linear-gradient(160deg,#0b3d91,#062a66);border-color:#ffc928}.mode[aria-checked=true][data-mode=river]{background:linear-gradient(160deg,#e1061e,#9d0414);border-color:#fff}.mode:active{transform:scale(.97)}.primary{background:var(--sec);width:100%;min-height:56px;color:var(--pri);border-radius:18px;margin-top:12px;font-size:22px;font-style:italic;font-weight:900;transition:transform .1s;display:block;box-shadow:0 5px #0000004d}.mode-river .primary{background:var(--pri);color:#fff}.primary:active{transform:translateY(3px);box-shadow:0 2px #0000004d}.row{gap:6px;margin-top:10px;display:flex}.ghost{border:1px solid var(--line);background:#ffffff14;border-radius:14px;flex:1;min-height:44px;padding:0 6px;font-size:13px;font-weight:800}.hint{text-align:center;opacity:.65;margin:10px 0 0;font-size:11.5px}.touch-only{display:none}@media (hover:none) and (pointer:coarse){.touch-only{display:block}.desktop-only{display:none}}#pause{text-align:center;width:min(300px,100% - 40px);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}#pause .ghost{width:100%;margin-top:10px}#credits{top:calc(var(--sat) + 64px);left:calc(var(--sal) + 12px);right:calc(var(--sar) + 12px);max-width:520px;max-height:calc(100% - var(--sat) - var(--sab) - 80px);z-index:30;-webkit-user-select:text;user-select:text;margin:0 auto;font-size:13.5px;line-height:1.45;overflow:auto}#credits ul{margin:0;padding-left:18px}#credits li{margin-bottom:8px}#credits a{color:var(--sec)}.mode-river #credits a{color:#ff8a96}#pad{z-index:10;left:calc(var(--sal) + 12px);right:calc(var(--sar) + 12px);bottom:calc(var(--sab) + 10px);grid-template:"l u r"62px"l d r"62px/1fr 1.25fr 1fr;gap:8px;max-width:440px;margin:0 auto;display:none;position:absolute}#pad button{-webkit-backdrop-filter:blur(8px);touch-action:none;background:#0c122073;border:1.5px solid #ffffff47;border-radius:22px;justify-content:center;align-items:center;transition:transform 80ms,background .12s;display:flex}#pad button svg{fill:none;stroke:#fff;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:34px;height:34px}#pad button.on{background:var(--pri);border-color:var(--sec);transform:scale(.93)}#pad [data-dir=left]{grid-area:l}#pad [data-dir=right]{grid-area:r}#pad [data-dir=up]{grid-area:u}#pad [data-dir=down]{grid-area:d}#deathTop{z-index:12;top:calc(var(--sat) + 62px);background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);text-align:center;pointer-events:none;border-radius:20px;flex-direction:column;align-items:center;gap:2px;width:min(320px,100% - 24px);padding:10px 18px 12px;animation:.4s cubic-bezier(.2,1.3,.4,1) rise;display:none;position:absolute;left:50%;transform:translate(-50%)}#deathTitle{font-size:22px;font-style:italic;font-weight:900}#deathScore{opacity:.85;font-size:14px;font-weight:800}#newRecord{color:var(--sec);font-size:14px;font-style:normal;font-weight:900;animation:.9s ease-in-out infinite pulse;display:none}.mode-river #newRecord{color:#ff5a6c}#deathTop.record #newRecord{display:block}@keyframes pulse{50%{transform:scale(1.12)}}#replayInfo{opacity:.9;width:100%;margin-top:6px;font-size:11px;font-weight:800}#replayInfo .bar{background:#ffffff2e;border-radius:4px;height:4px;margin-top:4px;overflow:hidden}#replayInfo i{background:var(--sec);width:0%;height:100%;display:block}.mode-river #replayInfo i{background:#ff3348}#deathBar{z-index:12;left:calc(var(--sal) + 10px);right:calc(var(--sar) + 10px);bottom:calc(var(--sab) + 10px);background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:24px;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:6px;max-width:520px;margin:0 auto;padding:6px;animation:.35s cubic-bezier(.2,1.3,.4,1) rise;display:none;position:absolute}#deathBar button{background:#ffffff14;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:60px;padding:4px 2px;font-size:12.5px;font-weight:800;transition:transform .1s;display:flex}#deathBar button:active{transform:scale(.95)}#deathBar button svg{width:22px;height:22px}#deathBar .primary{box-shadow:none;background:var(--sec);color:var(--pri);margin:0;font-size:14px;font-style:normal}.mode-river #deathBar .primary{background:var(--pri);color:#fff}#deathBar #skipBtn,#app.replaying #deathBar #deathMenuBtn{display:none}#app.replaying #deathBar #skipBtn{display:flex}#floaters{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.floater{color:#fff;text-shadow:0 2px 0 var(--pri), 0 0 12px #0006;white-space:nowrap;will-change:transform, opacity;font-size:22px;font-weight:900;position:absolute;top:0;left:0}#cheer{z-index:6;left:0;right:0;top:calc(var(--sat) + 120px);text-align:center;color:var(--sec);-webkit-text-stroke:2px var(--pri);text-shadow:0 5px #00000059;pointer-events:none;opacity:0;font-size:clamp(30px,9vw,54px);font-style:italic;font-weight:900;position:absolute}.mode-river #cheer{color:#fff}#cheer.show{animation:1.3s cubic-bezier(.2,1.4,.4,1) forwards cheer}@keyframes cheer{0%{opacity:0;transform:scale(.4)rotate(-8deg)}20%{opacity:1;transform:scale(1.1)rotate(-4deg)}75%{opacity:1;transform:scale(1)rotate(-4deg)}to{opacity:0;transform:scale(1.05)translateY(-20px)rotate(-4deg)}}#nogl[hidden]{display:none!important}#nogl{text-align:center;z-index:50;background:#0b1320;place-items:center;padding:30px;font-weight:800;display:grid;position:absolute;inset:0}.phase-menu #menu,.phase-paused #pause,.credits-open #credits{display:block}.phase-play #pad{display:grid}.phase-death #deathTop{display:flex}.phase-death #deathBar{display:grid}#pauseBtn{display:none}.phase-play #pauseBtn{display:inline-flex}.credits-open #menu,.credits-open #pause{display:none}@media (orientation:landscape) and (height<=560px){#pad{left:calc(var(--sal) + 14px);right:calc(var(--sar) + 14px);grid-template:". . .u"66px"l r.d"66px/74px 74px 1fr 84px;max-width:none}#menu{left:auto;right:calc(var(--sar) + 12px);top:calc(var(--sat) + 10px);bottom:calc(var(--sab) + 10px);width:330px;margin:0;padding:12px;overflow:auto}#hud{right:calc(var(--sar) + 12px)}.phase-menu #hud .hud-right{margin-right:344px}h1{margin-bottom:8px;font-size:24px}.mode{min-height:70px;padding:8px}.primary{min-height:48px;margin-top:8px}.hint{display:none!important}#deathTop{top:calc(var(--sat) + 8px);width:260px;padding:6px 12px 8px}#deathTitle{font-size:18px}#deathBar{max-width:480px}#deathBar button{min-height:52px}#credits{top:calc(var(--sat) + 60px)}}@media (width<=350px){.chip{padding:0 10px;font-size:13px}.mode-text b{font-size:17px}.mode .crest{width:32px;height:32px}}