:root{--ink: #06121a;--iron: #1f3a3c;--verd: #5fa69a;--verdHi: #9fe0d2;--moon: #e6fbff;--aqua: #8ff0e0;--lilac: #e0c4ff;--champ: #ffe6a6;--dim: rgba(230, 251, 255, .62);--display: "Hoefler Text", "Baskerville", "Big Caslon", Garamond, "Times New Roman", serif;--ui: Seravek, "Gill Sans Nova", "Segoe UI", "Noto Sans", "Helvetica Neue", sans-serif}html,body{background:#03080c;color:var(--moon);font-family:var(--ui)}.stage{background:var(--ink)}.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}.drop{border-radius:50%;background:radial-gradient(circle at 36% 30%,#e6fbff57,#8ff0e014 45%,#06121a99 75%);box-shadow:inset 0 0 0 1px #e6fbff73,inset 0 -3px 6px #8ff0e02e,0 4px 14px #00000080}.btn{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;border:0;color:var(--moon);text-decoration:none;transition:transform .16s ease}.btn:active{transform:scale(.9)}.btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;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:#e6fbff73}.board{display:flex;flex-direction:column;align-items:center}.score{min-width:4ch;text-align:center;font:italic 400 34px/1.05 var(--display);letter-spacing:.02em;font-variant-numeric:lining-nums tabular-nums;color:var(--moon);text-shadow:0 0 16px rgba(143,240,224,.35),0 2px 8px rgba(0,0,0,.8);transition:transform .25s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.1)}.meta{display:flex;gap:8px;margin-top:3px;align-items:center}.mult{padding:2px 9px 3px;font:600 13px/1.2 var(--ui);letter-spacing:.06em;color:var(--aqua);border-radius:4px;background:#06121ab3;box-shadow:inset 0 0 0 1px #5fa69ab3;transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.mult.hot{color:var(--ink);background:linear-gradient(180deg,var(--moon),var(--aqua));box-shadow:0 0 12px #8ff0e080}.mult.pop{transform:scale(1.3)}.lamps{display:inline-flex;gap:6px;padding:3px 8px;border-radius:4px;background:#06121ab3;box-shadow:inset 0 0 0 1px #5fa69a80}.lamps i{position:relative;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,var(--aqua) 55%,#2f8f86);box-shadow:0 0 8px #8ff0e0b3;transition:all .4s ease}.lamps i:before{content:"";position:absolute;left:5px;top:-4px;width:1px;height:4px;background:var(--verd)}.lamps i.out{background:transparent;box-shadow:inset 0 0 0 1px #e6fbff66}.lamps.shake{animation:shake .5s ease}@keyframes shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.title,.card,.paused,.sheet{position:absolute;z-index:2;text-align:center}.title,.card,.paused{pointer-events:none}.sheet{inset:0;z-index:4;display:grid;place-items:center;padding:calc(20px + var(--safe-t)) 16px calc(20px + var(--safe-b));background:#02080ca8}.pane{position:relative;width:min(300px,calc(100vw - 40px));margin:0 auto;padding:18px 18px 16px;color:var(--moon);background:linear-gradient(125deg,rgba(230,251,255,.1) 0 18%,transparent 18% 22%,rgba(230,251,255,.05) 22% 26%,transparent 26%),linear-gradient(180deg,#123038d1,#06121ae0);border-radius:3px;box-shadow:inset 0 0 0 1px #9fe0d28c,inset 0 0 0 5px #1f3a3cf2,inset 0 0 0 6px #9fe0d24d,0 24px 54px #0009}.pane:before,.pane:after{content:"";position:absolute;top:8px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--verdHi),#2a4a48);box-shadow:0 calc(100% + 0px) 0 transparent}.pane:before{left:8px}.pane:after{right:8px}.pane.wide{width:min(340px,calc(100vw - 28px));max-height:calc(100vh - 60px);overflow:auto}.kicker{font:italic 400 16px/1.3 var(--display);letter-spacing:.04em;color:var(--verdHi)}.title{inset:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(64px + var(--safe-t)) 20px calc(40px + var(--safe-b))}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.title h1{margin:0;font:italic 400 clamp(52px,16vw,66px)/1 var(--display);letter-spacing:.04em;background:linear-gradient(180deg,#ffffff 15%,var(--aqua) 60%,var(--lilac));-webkit-background-clip:text;background-clip:text;color:transparent}.legend{margin:8px auto 0;width:170px;height:98px;display:grid;place-items:center}.legend svg{width:160px;height:96px;overflow:visible;fill:none;stroke-linecap:round}.legend .bowl{stroke:#e6fbffbf;stroke-width:1.3;fill:#e6fbff0f}.legend .water{fill:#8ff0e047}.legend .stem{stroke:#e6fbffb3;stroke-width:1.4}.legend .rim{stroke:var(--moon);stroke-width:1.4;animation:sing 2.8s ease-in-out infinite}.legend .ghost{stroke:var(--lilac);stroke-width:1.2;stroke-dasharray:3 4;animation:ghostA 2.8s linear infinite}.legend .ripples path{stroke:#fff;stroke-width:1;opacity:0;animation:ripA 2.8s ease-in-out infinite}.legend .hand{fill:var(--moon);stroke:#06121ab3;stroke-width:1}.legend .hand .halo{fill:#8ff0e038;stroke:#e6fbff80}@keyframes sing{0%,20%{stroke:#e6fbff99;stroke-width:1.2}60%,to{stroke:#fff;stroke-width:2.6}}@keyframes ripA{0%,30%{opacity:0}60%,to{opacity:1}}@keyframes ghostA{0%{stroke-dashoffset:0}to{stroke-dashoffset:-28}}.cta{margin-top:10px;font:italic 400 18px/1.3 var(--display);color:var(--moon);animation:breathe 2.6s ease-in-out infinite}.cta.small{font-size:16px;margin-top:10px}.cta.big2{font-size:24px}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.best{margin-top:4px;font:500 13px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.row2{display:flex;gap:10px;justify-content:center;margin-top:12px}.pill{pointer-events:auto;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border:0;color:var(--moon);background:#06121a99;border-radius:22px;box-shadow:inset 0 0 0 1px #9fe0d299;font:500 14px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase}.pill svg{width:18px;height:18px;fill:none;stroke:var(--aqua);stroke-width:1.5}.pill:active{transform:scale(.95)}.card{left:50%;top:50%;transform:translate(-50%,-46%) scale(.96);opacity:0;transition:opacity .35s ease,transform .5s cubic-bezier(.2,1.4,.4,1)}.card.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.big{font:italic 400 56px/1 var(--display);margin-top:2px;font-variant-numeric:lining-nums tabular-nums;color:var(--moon);text-shadow:0 0 20px rgba(143,240,224,.35)}.newbest{display:inline-block;margin-top:6px;padding:5px 14px;font:600 12px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:linear-gradient(180deg,var(--moon),var(--aqua) 60%,var(--lilac));border-radius:12px;animation:shine 1.4s ease-in-out infinite}@keyframes shine{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.keep{display:block;width:132px;height:132px;object-fit:cover;object-position:50% 21%;margin:10px auto 0;border-radius:50%;box-shadow:0 0 0 1.5px #9fe0d2cc,0 0 0 5px #1f3a3cf2,0 0 18px #8ff0e059}.rows{margin:10px 4px 0}.row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 2px 3px;border-bottom:1px solid rgba(159,224,210,.2);font:500 12px/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.row b{font:italic 400 19px/1 var(--display);letter-spacing:0;text-transform:none;color:var(--moon);font-variant-numeric:lining-nums tabular-nums}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px;margin:14px 0}.grid figure{margin:0}.grid img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 21%;border-radius:50%;box-shadow:0 0 0 1px #9fe0d2cc,0 0 0 4px #1f3a3cf2,0 6px 12px #00000080}.grid figcaption{margin-top:6px;font:italic 15px/1 var(--display);color:var(--aqua);font-variant-numeric:lining-nums tabular-nums}.grid figure{cursor:pointer}.grid figure.pinned img{box-shadow:0 0 0 1.5px var(--moon),0 0 0 4px #b48a4af2,0 0 14px #8ff0e08c}.grid figure.pinned figcaption:after{content:" ·  pinned";font-size:12px;color:var(--dim)}.postcard{display:block;width:min(240px,62vw);aspect-ratio:3 / 4;margin:12px auto 0;border-radius:6px;box-shadow:0 0 0 1px #9fe0d2b3,0 0 0 4px #1f3a3cf2,0 8px 18px #00000080}.dcap{margin-top:8px;font:italic 16px/1 var(--display);color:var(--aqua);font-variant-numeric:lining-nums tabular-nums}.row2.btns{gap:8px;flex-wrap:wrap;justify-content:center}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:3px;font:700 9px/1.2 var(--ui);letter-spacing:.08em;background:#00000059}.empty{margin:18px 0;font:italic 16px/1.3 var(--display);color:var(--dim)}.paused{inset:0;display:grid;place-items:center;background:#02080c99}@media(max-height:700px){.title{padding-top:calc(54px + var(--safe-t))}.pane{padding-top:13px;padding-bottom:12px}.title h1{font-size:48px}.legend{height:84px}.legend svg{height:82px}.big{font-size:46px}.keep{width:100px;height:100px}.row{padding:3px 2px 2px}}@media(prefers-reduced-motion:reduce){.cta,.newbest,.legend .rim,.legend .ghost,.legend .ripples path{animation:none}.legend .ripples path{opacity:1}.score,.mult,.lamps i{transition:none}.lamps.shake{animation:none}}