:root{--moss: #2c5a43;--mossDk: #18332a;--teal: #1d6d72;--glacier: #bff3e2;--paper: #faf4e4;--paperDk: #e6dcc3;--ink: #16302c;--rush: #e9673f;--calm: #2fa58e;--sun: #ffd36b;--stone: #56635d;--stoneHi: #8d9a92;--display: "Superclarendon", "Clarendon", "Bookman Old Style", "Bookman", Georgia, serif;--text: Skia, "Seravek", "Gill Sans", "Segoe UI", "Noto Sans", sans-serif}html,body{background:var(--mossDk);color:var(--paper);font-family:var(--text)}.stage{background:var(--moss)}.hud{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));pointer-events:none}.stone{pointer-events:auto;width:46px;height:44px;display:grid;place-items:center;border-radius:52% 48% 50% 50%/56% 54% 46% 44%;background:radial-gradient(ellipse at 34% 28%,var(--stoneHi),var(--stone) 55%,#36403b);box-shadow:inset 0 -3px 5px #00000059,inset 0 2px 2px #ffffff40,0 3px 8px #0006;border:0;color:var(--paper);text-decoration:none;transition:transform .12s ease}.stone:active{transform:scale(.9)}.stone svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.mute .spk{fill:currentColor;stroke:none}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{color:#faf4e480}.tally{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 16px 7px;margin-top:1px;border-radius:48% 52% 46% 54%/60% 58% 42% 40%;background:radial-gradient(ellipse at 36% 26%,#6f7d75,#48544e 60%,#2f3934);box-shadow:inset 0 -4px 6px #00000059,inset 0 2px 2px #ffffff38,0 4px 10px #00000073}.score{font-family:var(--display);font-weight:800;font-size:28px;line-height:1;letter-spacing:.01em;min-width:3ch;text-align:center;font-variant-numeric:tabular-nums;color:var(--paper);text-shadow:0 2px 0 rgba(0,0,0,.35)}.score.pop{animation:pop .22s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{50%{transform:scale(1.15)}}.row{display:flex;align-items:center;gap:7px}.mult{font-family:var(--display);font-weight:700;font-size:14px;line-height:1;opacity:.7}.mult.hot{opacity:1;color:var(--sun);text-shadow:0 0 6px rgba(255,211,107,.6)}.mult.bump{animation:pop .3s cubic-bezier(.2,1.6,.4,1)}.pips{display:flex;gap:3px}.pips i{width:6px;height:6px;border-radius:50%;border:1.3px solid rgba(250,244,228,.7)}.pips i.on{background:var(--sun);border-color:var(--sun)}.soak svg{width:30px;height:15px;display:block}.soak .shell{fill:var(--paper)}.soak .fill{fill:#3c7f86;transition:y .25s ease}.soak .sail{fill:none;stroke:var(--paper);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.soak .outline{fill:none;stroke:var(--ink);stroke-width:1.2}.soak.warn{animation:warn .7s ease-in-out infinite}.soak.warn .fill{fill:#c0583a}@keyframes warn{50%{transform:translateY(1px) rotate(-6deg)}}.title,.card,.paused{position:absolute;z-index:2;pointer-events:none;text-align:center}.title,.card{inset:0;display:flex;align-items:center;justify-content:center;padding:calc(64px + var(--safe-t)) 22px calc(40px + var(--safe-b))}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px) scale(1.03)}}.sheet{position:relative;width:min(318px,100%);padding:20px 18px 16px;color:var(--ink);border-radius:3px;background:linear-gradient(100deg,#fffbef,#faf3e1 49.6%,#ece2c9 50.4%,#f4ecd6);box-shadow:0 24px 46px #0616128c,0 2px #fff9 inset;transform:rotate(-1.2deg)}.crease{position:absolute;inset:0;pointer-events:none;border-radius:3px;background:linear-gradient(35deg,transparent 49.7%,rgba(120,100,60,.18) 50%,transparent 50.3%),linear-gradient(-35deg,transparent 49.7%,rgba(255,255,255,.5) 50%,transparent 50.3%)}.title h1{position:relative;margin:0;font-family:var(--display);font-weight:800;font-size:clamp(52px,17vw,70px);line-height:1;letter-spacing:.02em;color:var(--teal);text-shadow:2px 3px 0 rgba(22,48,44,.18)}.sub{position:relative;margin:6px 0 10px;font-size:14px;color:#48645c;letter-spacing:.02em}.legend{position:relative;display:flex;gap:10px;justify-content:center}.legend figure{margin:0;width:50%;max-width:140px;aspect-ratio:10 / 7;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#2a8a8a,#1d6d72);box-shadow:inset 0 0 0 2px #16302c40}.legend svg{width:100%;height:100%;display:block}.legend .stream{fill:none;stroke:#bff3e280;stroke-width:2;stroke-dasharray:4 6;animation:flow 1s linear infinite}@keyframes flow{to{stroke-dashoffset:10}}.legend .boat path{fill:#dacdb2;stroke:var(--ink);stroke-width:1}.legend .boat path.lit{fill:#fffaf0;stroke:none}.legend .boat{animation:steer 2.4s ease-in-out infinite}.legend .arrow{fill:none;stroke:var(--sun);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:steer 2.4s ease-in-out infinite}.legend .hand rect{fill:#fff6e6;stroke:var(--ink);stroke-width:1.2}.legend .hand{animation:steer 2.4s ease-in-out infinite}@keyframes steer{0%,to{transform:translate(-12px)}50%{transform:translate(12px)}}.legend .bank{fill:none;stroke:#5d7d3a;stroke-width:6;stroke-linecap:round}.legend .isle{fill:#4b7034;stroke:#2c4a22;stroke-width:1.2}.legend .rush{fill:var(--rush);stroke:#fffaf0;stroke-width:1.6}.legend .chev,.legend .rays{fill:none;stroke:#fffaf0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.legend .calm{fill:var(--calm);stroke:#fffaf0;stroke-width:1.6}.legend .sunc{fill:#fffaf0}.legend .foam{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;opacity:.8;animation:bob .9s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(3px)}}.cta{position:relative;margin-top:12px;font-family:var(--display);font-weight:700;font-size:17px;color:var(--teal);animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{50%{opacity:.55}}.best{position:relative;margin-top:5px;font-size:13px;color:#48645c}.card{opacity:0;transition:opacity .35s ease}.card.show{opacity:1}.card .sheet{transform:rotate(1deg) translateY(16px);transition:transform .5s cubic-bezier(.2,1.4,.4,1)}.card.show .sheet{transform:rotate(1deg) translateY(0)}.eyebrow{position:relative;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#7a5a3a}.big{position:relative;font-family:var(--display);font-weight:800;font-size:64px;line-height:1.05;color:var(--teal);font-variant-numeric:tabular-nums}.unit{position:relative;font-size:13px;color:#48645c;margin-top:-2px}.newbest{position:relative;display:inline-block;margin-top:8px;padding:4px 12px;border-radius:99px;background:var(--sun);color:var(--ink);font-family:var(--display);font-weight:800;font-size:15px;animation:glint 1.2s ease-in-out infinite}@keyframes glint{50%{transform:scale(1.07) rotate(-2deg)}}.stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:14px;padding-top:10px;border-top:1.5px dashed rgba(22,48,44,.25)}.stats span{display:block;font-size:11px;color:#5c7068;letter-spacing:.04em}.stats b{display:block;font-family:var(--display);font-size:17px;color:var(--ink)}.paused{inset:0;display:grid;place-items:center;background:#0c221c8c}.paused .cta{color:var(--paper);font-size:22px}@media(prefers-reduced-motion:reduce){.legend *,.cta,.newbest,.soak.warn{animation:none!important}}