:root{--ink: #0a0d15;--ink2: #161c2a;--plate: #121a28;--silver: #d9e1ec;--silver2: #9aa8bc;--moon: #f3f6fa;--cold: #9fdcff;--rose: #ff6f86;--display: Cochin, "Hoefler Text", "Big Caslon", Garamond, "Times New Roman", serif;--label: "Gill Sans", "Gill Sans MT", Seravek, "Trebuchet MS", "Segoe UI", system-ui, sans-serif}html,body{background:var(--plate);color:var(--silver);font-family:var(--label)}.stage{background:var(--plate)}.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}.ibtn{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;border-radius:3px;background:#0a0d15b8;border:1px solid rgba(217,225,236,.75);box-shadow:inset 0 0 0 3px #0a0d15b8,inset 0 0 0 4px #d9e1ec40,0 4px 12px #00000059;color:var(--moon);text-decoration:none;transition:transform .12s ease,background .12s ease}.ibtn:active{transform:scale(.94);background:#283246d9}.ibtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;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:var(--silver2)}.tally{display:flex;align-items:center;gap:10px;padding:2px 6px 0}.score{min-width:2ch;text-align:center;font-family:var(--display);font-size:34px;line-height:1;color:var(--ink);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em;text-shadow:0 0 1px rgba(243,246,250,.9),0 1px 0 rgba(243,246,250,.7),0 0 12px rgba(243,246,250,.55)}.score.pop{animation:pop .28s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{40%{transform:scale(1.18)}}.mult{--p: 0;position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--moon) calc(var(--p) * 360deg),rgba(10,13,21,.35) 0);opacity:.45;transition:opacity .25s ease}.mult:before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 1px #d9e1ec59}.mult span{position:relative;font-family:var(--display);font-size:16px;color:var(--moon);font-style:italic}.mult.on{opacity:1}.mult.up{animation:coin .45s cubic-bezier(.2,1.5,.4,1)}@keyframes coin{0%{transform:scale(.7) rotateY(0)}60%{transform:scale(1.25) rotateY(180deg)}to{transform:scale(1) rotateY(360deg)}}.title,.card,.paused{position:absolute;z-index:2;pointer-events:none;text-align:center}.title{inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:calc(70px + var(--safe-t)) 20px calc(26px + var(--safe-b))}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0}}.mast{padding:10px 26px 0}.plate-no{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink);font-weight:600;text-shadow:0 0 6px rgba(243,246,250,.6)}.title h1{margin:4px 0 0;display:flex;flex-direction:column;align-items:center;font-family:var(--display);font-weight:400;font-size:clamp(56px,19vw,84px);line-height:.9;letter-spacing:.08em;padding-left:.08em}.title h1 span:first-child{color:var(--ink);text-shadow:0 1px 0 rgba(243,246,250,.5),0 0 22px rgba(243,246,250,.55)}.title h1 .refl{color:var(--silver);transform:scaleY(-1);margin-top:2px;opacity:.55;-webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.7) 30%,transparent 85%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.7) 30%,transparent 85%);animation:ripple 3.2s ease-in-out infinite}@keyframes ripple{0%,to{transform:scaleY(-1) skew(0) translate(0)}50%{transform:scaleY(-1.04) skew(3deg) translate(2px)}}.foot{display:flex;flex-direction:column;align-items:center}.legend{display:flex;gap:10px;justify-content:center;margin:0 0 6px}.legend figure{margin:0;width:112px;height:74px;display:grid;place-items:center;border-radius:3px;background:#0a0d1599;border:1px solid rgba(217,225,236,.45);box-shadow:inset 0 0 0 3px #0a0d1599,inset 0 0 0 4px #d9e1ec2e}.legend svg{width:96px;height:64px}.legend .sky{fill:#8a99b2}.legend .sea{fill:#101827}.legend .bough{stroke:var(--ink);stroke-width:6;stroke-linecap:round}.legend .stone{fill:#b9c4d4}.legend .lan{fill:#f7faff;stroke:var(--ink);stroke-width:1}.legend .ref{fill:#aac4ea;opacity:.85}.legend .ref.hit{fill:none;stroke:var(--rose);stroke-width:2;stroke-dasharray:3 2;opacity:1}.legend .line{stroke:#fff;stroke-width:1.2}.legend .ok{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.legend .x{stroke:var(--rose);stroke-width:2.6;stroke-linecap:round}.sub{margin:6px 0 0;font-family:var(--display);font-style:italic;font-size:20px;color:var(--moon)}.cta{margin-top:8px;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--moon);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.45}50%{opacity:1}}.best{margin-top:6px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--silver2)}.card{left:50%;top:50%;width:min(300px,calc(100% - 48px));transform:translate(-50%,-46%);opacity:0;padding:20px 20px 16px;border-radius:2px;color:var(--ink);background:linear-gradient(180deg,#eef2f7,#c9d2de);box-shadow:inset 0 0 0 6px #eef2f7,inset 0 0 0 7px #0a0d158c,inset 0 0 0 9px #eef2f7,inset 0 0 0 9.6px #0a0d154d,0 26px 60px #0009;transition:opacity .35s ease,transform .55s cubic-bezier(.2,1.3,.4,1)}.card.show{opacity:1;transform:translate(-50%,-50%)}.eyebrow{margin-top:4px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#3b475d}.big{font-family:var(--display);font-size:76px;line-height:1;margin-top:6px;font-variant-numeric:lining-nums}.newbest{display:inline-block;margin-top:6px;padding:4px 12px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--moon);background:var(--ink);border-radius:1px;box-shadow:0 0 0 1px var(--ink),0 0 0 3px #eef2f7,0 0 0 4px var(--ink);animation:shine 1.5s ease-in-out infinite}.newbest:before{content:"☽ "}@keyframes shine{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.grades{display:flex;justify-content:space-around;margin:12px 0 0;padding:8px 0 0;border-top:1px solid rgba(10,13,21,.3)}.grades div{display:flex;flex-direction:column;align-items:center}.grades b{font-family:var(--display);font-size:22px;font-weight:400}.grades span{font-family:var(--display);font-style:italic;font-size:13px;color:#3b475d}.row{display:flex;justify-content:space-between;align-items:baseline;margin:10px 4px 0;padding-top:8px;border-top:1px solid rgba(10,13,21,.3);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#3b475d}.row b{font-family:var(--display);font-size:24px;letter-spacing:0;font-weight:400;color:var(--ink)}.card .cta{color:var(--ink);margin-top:12px}.paused{inset:0;display:grid;place-items:center;background:#080b1299}@media(max-height:680px){.title{padding-top:calc(54px + var(--safe-t))}.title h1{font-size:54px}.legend figure{height:66px}}@media(prefers-reduced-motion:reduce){.cta,.newbest,.title h1 .refl{animation:none;opacity:1}.title h1 .refl{opacity:.55}.score.pop,.mult.up{animation:none}}