:root{--night: #0b0820;--night2: #140e30;--brass: #d9b46a;--brass2: #8a6a32;--pearl: #f4ecdc;--dim: rgba(244, 236, 220, .62);--rose: #ff9db0;--aqua: #9fe8df;--gold: #ffe9a8;--warn: #ff6b5e;--type: "Bodoni 72", Didot, "Bodoni MT", "Big Caslon", "Noto Serif Display", "Times New Roman", serif}html,body{background:#050312;color:var(--pearl);font-family:var(--type)}.stage{background:var(--night)}.hud{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none}.orb{border-radius:50%;background:radial-gradient(circle at 40% 35%,#241a4c,#0f0a26 70%);box-shadow:inset 0 0 0 1.4px var(--brass),inset 0 0 0 4px #0b0820e6,inset 0 0 0 4.8px #d9b46a59,0 4px 14px #0006}.btn{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;border:0;color:var(--brass);text-decoration:none;transition:transform .12s ease}.btn:active{transform:scale(.92)}.btn:focus-visible,.pill:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn svg{width:20px;height:20px;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:#d9b46a80}.board{display:flex;flex-direction:column;align-items:center}.score{min-width:4ch;text-align:center;font:400 36px/1 var(--type);font-variant-numeric:lining-nums tabular-nums;color:var(--pearl);letter-spacing:.02em;text-shadow:0 0 16px rgba(255,226,168,.25);transition:transform .25s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.07)}.meta{display:flex;gap:8px;margin-top:4px;align-items:center}.mult{padding:2px 9px 3px;font:italic 600 14px/1.2 var(--type);color:var(--brass);border-radius:20px;box-shadow:inset 0 0 0 1px #d9b46a8c;transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.mult.hot{color:var(--night);background:var(--gold);box-shadow:0 0 12px #ffe9a873}.mult.pop{transform:scale(1.25)}.lives{display:inline-flex;gap:4px}.lives svg{width:15px;height:15px;transition:opacity .3s ease,transform .4s ease}.lives circle{fill:var(--pearl);stroke:var(--brass);stroke-width:1}.lives path{fill:none;stroke:transparent;stroke-width:1.2}.lives svg.gone{opacity:.55;transform:scale(.85)}.lives svg.gone circle{fill:none;stroke:var(--warn);stroke-dasharray:2.5 2}.lives svg.gone path{stroke:var(--warn)}.lives.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)) 14px calc(20px + var(--safe-b));background:#050312b3}.plate{position:relative;width:min(292px,calc(100vw - 40px));margin:0 auto;padding:16px 18px 14px;background:radial-gradient(120% 90% at 50% 0%,#241a4ce6,#0b0820eb);border-radius:18px;box-shadow:inset 0 0 0 1px var(--brass),inset 0 0 0 4px #0b082099,inset 0 0 0 4.6px #d9b46a66,0 20px 50px #0000008c}.plate:before,.plate:after{content:"✦";position:absolute;top:9px;font-size:9px;color:var(--brass);opacity:.8}.plate:before{left:12px}.plate:after{right:12px}.plate.wide{width:min(370px,calc(100vw - 24px));max-height:calc(100vh - 60px);overflow:auto;background:radial-gradient(120% 90% at 50% 0%,#241a4c,#0b0820)}.kicker{font:italic 400 14px/1.3 var(--type);letter-spacing:.06em;color:var(--brass)}.title{left:0;right:0;top:0;padding:calc(64px + var(--safe-t)) 20px 0}.title .plate{padding-bottom:12px;background:radial-gradient(120% 90% at 50% 0%,#241a4cd1,#0b0820c7)}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-12px)}}.title h1{margin:0;font:400 clamp(44px,13vw,54px)/1.02 var(--type);letter-spacing:.04em;color:var(--pearl);text-shadow:0 0 22px rgba(255,226,168,.3)}.legend{margin:6px auto 0;width:200px;height:92px}.legend svg{width:200px;height:92px;overflow:visible;fill:none;stroke-linecap:round}.legend .sun{fill:#ffe2a8}.legend .ring{stroke:var(--brass);stroke-width:1.2}.legend .ghost{stroke:var(--aqua);stroke-width:1.2;stroke-dasharray:4 3;animation:dash 1.2s linear infinite}.legend .orbit{stroke:var(--rose);stroke-width:1.4;stroke-dasharray:190;stroke-dashoffset:190;animation:draw 3.6s ease-in-out infinite}.legend .moon{fill:var(--pearl)}.legend .hand{fill:var(--pearl);stroke:var(--night);stroke-width:1.4;animation:hand 3.6s ease-in-out infinite}.legend .tap{stroke:var(--pearl);stroke-width:1.2;opacity:0;animation:tap 3.6s ease-out infinite}@keyframes dash{to{stroke-dashoffset:-14}}@keyframes draw{0%,22%{stroke-dashoffset:190}70%,88%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}@keyframes hand{0%,8%{transform:translate(6px,10px)}18%,22%{transform:translate(0)}32%,to{transform:translate(6px,10px)}}@keyframes tap{0%,18%{opacity:0;r:4}21%{opacity:.9;r:6}34%,to{opacity:0;r:14}}.cta{margin-top:8px;font:italic 400 18px/1.3 var(--type);color:var(--pearl);animation:breathe 2.6s ease-in-out infinite}.paused{inset:0;display:grid;place-items:center;background:#05031299}.paused .cta{font-size:24px}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.best{margin-top:3px;font:400 14px/1 var(--type);letter-spacing:.12em;color:var(--dim);font-variant-numeric:lining-nums tabular-nums}.row2{display:flex;gap:10px;justify-content:center;margin-top:10px}.pill{pointer-events:auto;min-height:44px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;border:0;color:var(--brass);background:#0b082080;border-radius:22px;box-shadow:inset 0 0 0 1px var(--brass);font:italic 400 16px/1 var(--type);letter-spacing:.04em}.pill.solid{background:var(--brass);color:var(--night)}.pill svg{width:20px;height:20px;fill:none;stroke:var(--aqua);stroke-width:1.5}.pill:active{transform:scale(.96)}.card{left:50%;top:50%;transform:translate(-50%,-47%) 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:400 58px/1 var(--type);margin-top:2px;font-variant-numeric:lining-nums tabular-nums;color:var(--pearl);text-shadow:0 0 24px rgba(255,226,168,.3)}.newbest{display:inline-block;margin-top:4px;padding:4px 14px 5px;font:italic 600 14px/1 var(--type);letter-spacing:.08em;color:var(--night);background:var(--gold);border-radius:20px;box-shadow:0 0 16px #ffe9a880;animation:shine 1.4s ease-in-out infinite}@keyframes shine{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.keep{display:block;width:112px;height:auto;aspect-ratio:2 / 3;object-fit:cover;margin:10px auto 0;border-radius:8px;box-shadow:0 0 0 1px var(--brass),0 0 0 4px var(--night),0 0 0 4.6px #d9b46a66,0 10px 22px #00000080}.rows{margin:10px 2px 0}.row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 2px;border-bottom:1px solid rgba(217,180,106,.18);font:italic 400 14px/1.2 var(--type);color:var(--dim)}.row b{font:400 17px/1 var(--type);color:var(--pearl);font-variant-numeric:lining-nums tabular-nums}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;margin:12px 0}.grid figure{margin:0}.grid img{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px var(--brass),0 0 0 3px var(--night),0 0 0 3.6px #d9b46a59}.grid figcaption{margin-top:6px;display:flex;flex-direction:column;gap:2px;font:400 13px/1.1 var(--type);color:var(--pearl);font-variant-numeric:lining-nums}.grid figcaption i{color:var(--gold);font-size:12px}.grid figcaption span{font-style:italic;font-size:11px;color:var(--dim)}.grid figure{cursor:pointer}.grid figure.pinned img{box-shadow:0 0 0 1.5px var(--gold),0 0 0 3px var(--night),0 0 12px #ffe9a88c}.grid figure.pinned figcaption span:after{content:" · pinned";color:var(--gold)}.chart{display:block;width:min(200px,52vw);aspect-ratio:2 / 3;margin:12px auto 0;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px var(--brass),0 0 0 3px var(--night),0 0 0 3.6px #d9b46a59}.dcap{margin-top:8px;font:italic 400 14px/1.2 var(--type);color:var(--dim)}.dbtns{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pill.ad span:after{content:"AD";margin-left:6px;padding:1px 4px;border-radius:3px;font:700 9px/1.2 sans-serif;letter-spacing:.08em;vertical-align:1px;background:#00000059}.empty{margin:18px 0;font:italic 400 15px/1.3 var(--type);color:var(--dim)}@media(max-height:700px){.title{padding-top:calc(58px + var(--safe-t))}.title h1{font-size:40px}.legend{height:70px}.legend svg{height:70px}.plate{padding-top:12px;padding-bottom:10px}.big{font-size:44px}.keep{width:78px}.row{padding:2px}}@media(prefers-reduced-motion:reduce){.cta,.newbest,.legend .ghost,.legend .orbit,.legend .hand,.legend .tap{animation:none}.legend .orbit{stroke-dashoffset:0}.score,.mult,.lives svg{transition:none}.lives.shake{animation:none}}