:root{--night: #140a0e;--rose: #2a1418;--wood: #3a2316;--wood2: #4f2e1a;--ebony: #0d0707;--gold: #e2b56a;--goldHi: #ffe7a8;--amber: #ffc07a;--ivory: #fff1dc;--dim: rgba(255, 241, 220, .62);--orchid: #cf8ff0;--type: ui-serif, "New York", Athelas, "Iowan Old Style", Georgia, serif}html,body{background:#0b0609;color:var(--ivory);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(8px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));pointer-events:none}.knob{border-radius:50%;background:radial-gradient(circle at 40% 35%,#3e2519,#1a0d0a 70%);box-shadow:inset 0 0 0 1.5px var(--gold),inset 0 0 0 3px #1a0d0a,inset 0 0 0 3.8px #e2b56a59,0 4px 12px #00000073}.btn{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;border:0;color:var(--goldHi);text-decoration:none;transition:transform .14s ease}.btn:active{transform:scale(.92) rotate(18deg)}.btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;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:#ffe7a873}.board{display:flex;flex-direction:column;align-items:center}.score{min-width:4ch;padding:0 14px;text-align:center;font:500 32px/1.05 var(--type);letter-spacing:.04em;font-variant-numeric:tabular-nums lining-nums;color:var(--ivory);text-shadow:0 2px 10px rgba(0,0,0,.7),0 0 18px rgba(255,192,122,.28);transition:transform .25s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.08)}.meta{display:flex;gap:6px;margin-top:4px;align-items:center}.mult{padding:2px 10px;font:600 13px/1.3 var(--type);font-variant:small-caps;letter-spacing:.08em;color:var(--goldHi);background:#140a0eb3;border-radius:999px;box-shadow:inset 0 0 0 1px #e2b56a8c;transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.mult.hot{background:linear-gradient(180deg,var(--goldHi),var(--amber));color:var(--rose);box-shadow:none}.mult.pop{transform:scale(1.3)}.voices{display:inline-flex;gap:2px;padding:1px 8px;background:#140a0eb3;border-radius:999px;box-shadow:inset 0 0 0 1px #e2b56a59}.voices svg{width:9px;height:22px;overflow:visible;transition:opacity .3s ease,transform .4s ease}.voices path{stroke:var(--ivory);stroke-width:1.3;fill:none}.voices circle{fill:var(--amber)}.voices svg:not(.gone) path{animation:hum .18s ease-in-out infinite alternate}.voices svg:nth-child(2) path{animation-delay:-.05s}.voices svg:nth-child(3) path{animation-delay:-.11s}.voices svg:nth-child(4) path{animation-delay:-.03s}@keyframes hum{to{transform:scaleX(1.9)}}.voices svg path{transform-origin:50% 50%}.voices svg.gone{opacity:.28;transform:translateY(2px)}.voices svg.gone circle{fill:#6a5a58}.voices.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:#0804089e}.plate{position:relative;width:min(304px,calc(100vw - 40px));margin:0 auto;padding:18px 18px 16px;color:var(--ivory);background:repeating-linear-gradient(92deg,rgba(0,0,0,.07) 0 1px,transparent 1px 5px),radial-gradient(120% 90% at 50% 0%,#5a321c,#2c160e 75%);border-radius:46px 46px 28px 28px/34px 34px 22px 22px;box-shadow:inset 0 0 0 1.6px var(--gold),inset 0 0 0 4px #1b0c08,inset 0 0 0 5px #e2b56a66,0 24px 54px #0000008c}.plate.wide{width:min(360px,calc(100vw - 28px));max-height:calc(100vh - 60px);overflow:auto}.kicker{font:500 13px/1.3 var(--type);font-variant:small-caps;letter-spacing:.18em;color:var(--gold)}.title{inset:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(66px + var(--safe-t)) 20px calc(40px + var(--safe-b))}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-12px)}}.title h1{margin:2px 0 0;font:400 clamp(46px,14vw,58px)/1 var(--type);letter-spacing:.05em;background:linear-gradient(180deg,#fff6e4 20%,var(--amber) 70%,#d98a5a);-webkit-background-clip:text;background-clip:text;color:transparent}.legend{margin:10px auto 0;width:170px;height:92px;display:grid;place-items:center;border-radius:46px;background:radial-gradient(circle at 50% 50%,#3a2316,#150a08 75%);box-shadow:inset 0 0 0 1px #e2b56a66;overflow:hidden}.legend svg{width:160px;height:88px;overflow:visible;fill:none;stroke-linecap:round}.legend .str{stroke:#ece6da;stroke-width:1.6}.legend .lobe{stroke:var(--goldHi);stroke-width:1.2;opacity:0;animation:lobeA 3.4s ease-in-out infinite}.legend .node{fill:#fff;opacity:0;animation:lobeA 3.4s ease-in-out infinite}.legend .star{fill:var(--goldHi);stroke:#fff6e4;stroke-width:.8;transform-origin:46px 38px;transform:scale(1.4)}.legend .thread{stroke:#ffe7a880;stroke-width:1}.legend .ring{stroke:var(--goldHi);stroke-width:1.4;transform-origin:46px 44px;animation:ringA 3.4s linear infinite}.legend .hand{fill:var(--ivory);stroke:#28141499;stroke-width:1.2;animation:handA 3.4s ease-in-out infinite}@keyframes ringA{0%{transform:scale(3.2);opacity:0}10%{opacity:.9}45%{transform:scale(1);opacity:1}50%,to{transform:scale(1);opacity:0}}@keyframes lobeA{0%,44%{opacity:0}50%{opacity:1}85%,to{opacity:0}}@keyframes handA{0%,8%{transform:translate(14px,18px)}22%,42%{transform:translate(0)}52%,to{transform:translate(14px,18px)}}.cta{margin-top:12px;font:italic 500 17px/1.3 var(--type);color:var(--goldHi);animation:breathe 2.6s ease-in-out infinite}.paused .cta{font-size:22px}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.best{margin-top:4px;font:500 14px/1 var(--type);font-variant:small-caps;letter-spacing:.1em;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(--ivory);background:#0d07078c;border-radius:999px;box-shadow:inset 0 0 0 1.3px #e2b56abf;font:500 15px/1 var(--type);font-variant:small-caps;letter-spacing:.08em}.pill svg{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round}.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:400 54px/1 var(--type);margin-top:4px;font-variant-numeric:lining-nums tabular-nums;color:var(--ivory);letter-spacing:.03em}.newbest{display:inline-block;margin-top:6px;padding:5px 14px 4px;font:600 14px/1 var(--type);font-variant:small-caps;letter-spacing:.14em;color:var(--rose);background:linear-gradient(180deg,var(--goldHi),var(--amber));border-radius:999px;animation:shine 1.4s ease-in-out infinite}@keyframes shine{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.keep{display:block;width:110px;height:auto;aspect-ratio:2 / 3;object-fit:cover;margin:10px auto 0;border-radius:55px 55px 6px 6px;box-shadow:0 0 0 2px var(--gold),0 0 0 4px #1b0c08,0 10px 20px #00000080}.rows{margin:10px 4px 0}.row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 2px 3px;border-bottom:1px solid rgba(226,181,106,.22);font:500 14px/1.2 var(--type);font-variant:small-caps;letter-spacing:.08em;color:var(--dim)}.row b{font:500 18px/1 var(--type);color:var(--ivory);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:2 / 3;object-fit:cover;border-radius:999px 999px 4px 4px/60px 60px 4px 4px;box-shadow:0 0 0 1.5px var(--gold),0 0 0 3px #1b0c08,0 6px 12px #00000073}.grid figcaption{margin-top:6px;font:500 13px/1 var(--type);color:var(--goldHi);font-variant-numeric:tabular-nums}.grid figure{cursor:pointer}.grid figure.pinned img{box-shadow:0 0 0 2px var(--goldHi),0 0 0 3.5px #1b0c08,0 0 14px #ffd27a8c}.grid figure.pinned figcaption:before{content:"★"}.big-keep{width:min(200px,56vw);margin-top:14px}.dcap{margin:10px 0 4px;font:500 14px/1.3 var(--type);color:var(--goldHi);font-variant-numeric:tabular-nums}.row2.btns{flex-wrap:wrap;gap:8px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:4px;font:700 9px/1.2 var(--type);letter-spacing:.08em;background:#00000059;color:var(--gold)}.empty{margin:18px 0;font:italic 15px/1.3 var(--type);color:var(--dim)}.paused{inset:0;display:grid;place-items:center;background:#08040899}@media(max-height:700px){.title{padding-top:calc(56px + var(--safe-t))}.plate{padding-top:13px;padding-bottom:12px}.title h1{font-size:44px}.legend{height:80px}.legend svg{height:78px}.big{font-size:44px}.keep{width:84px}.row{padding:3px 2px 2px}}@media(prefers-reduced-motion:reduce){.cta,.newbest,.legend .lobe,.legend .node,.legend .ring,.legend .hand,.voices svg path{animation:none}.legend .lobe,.legend .node{opacity:1}.score,.mult,.voices svg{transition:none}.voices.shake{animation:none}}