:root{--house: #1a0b10;--velvet: #7a1022;--velvet2: #4c0814;--gilt: #d9a943;--gilt2: #f6dc8a;--cream: #efe2c4;--cream2: #e2cfa6;--ink: #2a170e;--ink2: #5c3d28;--flame: #ffcf6a;--font: "Party LET", "Brush Script MT", "Segoe Script", cursive;--text: "Gill Sans", "Gill Sans MT", "Trebuchet MS", system-ui, sans-serif;--nums: "Gill Sans", "Gill Sans MT", "Trebuchet MS", system-ui, sans-serif}html,body{background:var(--house);color:var(--cream);font-family:var(--text)}.stage{background:var(--house)}.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}.disc{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;padding:0;border-radius:50%;background:#280a10c7;border:1.5px solid var(--gilt);color:var(--gilt2);text-decoration:none;box-shadow:0 2px 10px #0006;transition:transform .18s ease}.disc:active{transform:scale(.9)}.disc:focus-visible,.pill:focus-visible{outline:2px solid var(--flame);outline-offset:2px}.disc svg{width:24px;height:24px;fill:none;stroke:var(--gilt2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mute .spk{fill:var(--gilt2);stroke:none}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline;stroke:#ff9a7a}.board{display:flex;flex-direction:column;align-items:center;gap:2px}.score{font-family:var(--nums);font-weight:600;font-size:32px;letter-spacing:.04em;line-height:1;color:var(--gilt2);text-shadow:0 2px 0 rgba(40,6,12,.9),0 0 10px rgba(0,0,0,.6);font-variant-numeric:tabular-nums;transition:transform .25s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.12)}.row{display:flex;align-items:center;gap:10px}.mult{font-size:11px;letter-spacing:.2em;font-weight:600;color:var(--cream2);padding:1px 8px;border-radius:9px;background:#280a10bf;border:1px solid rgba(217,169,67,.5)}.mult.hot{color:var(--ink);background:var(--gilt)}.mult.pop{animation:mpop .3s ease}@keyframes mpop{50%{transform:scale(1.25)}}.candles{display:flex;gap:6px;height:20px;align-items:flex-end}.candles b{position:relative;width:6px;height:12px;background:linear-gradient(#f3e6c6,#c9b48a);border-radius:1px;opacity:.45}.candles b:before{content:"";position:absolute;left:50%;bottom:12px;width:6px;height:8px;margin-left:-3px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 70%,#fff6c8,var(--flame) 55%,rgba(255,140,60,0) 75%);transform:scale(0);transform-origin:50% 100%;transition:transform .3s}.candles b.on{opacity:1}.candles b.on:before{transform:scale(1);animation:flick 1.3s ease-in-out infinite}.candles b.snuff:after{content:"";position:absolute;left:1px;bottom:12px;width:4px;height:14px;border-radius:3px;background:#c8beb499;animation:smoke .9s ease-out forwards}@keyframes flick{50%{transform:scale(.85,1.1)}}@keyframes smoke{to{transform:translateY(-14px) scaleX(2);opacity:0}}.title,.card,.gallery,.paused{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(70px + var(--safe-t)) 18px calc(26px + var(--safe-b));text-align:center}.title{background:radial-gradient(ellipse at 50% 40%,#1a0b101a,#1a0b108c)}.title.fade{opacity:0;transition:opacity .5s ease;pointer-events:none}.bill{position:relative;background:var(--cream);color:var(--ink);border:3px solid var(--velvet);border-radius:2px;padding:20px 22px 16px;box-shadow:0 14px 40px #0000008c;max-width:330px;width:100%}.bill:before{content:"";position:absolute;inset:4px;border:1px solid var(--velvet);pointer-events:none}.bill.wide{max-width:380px;max-height:80vh;overflow:auto}.mark{width:120px;height:60px;display:block;margin:4px auto 2px}.mark .scr{fill:#f6d9a8;stroke:var(--gilt);stroke-width:2.5}.mark .pup{fill:#1b100b}.mark .eye{fill:#f6d9a8}.mark .sill{fill:var(--velvet)}h1{margin:0;font-family:var(--font);font-weight:400;font-size:52px;line-height:1.05;color:var(--velvet)}.sub{margin:4px 0 12px;font-size:13px;letter-spacing:.14em;color:var(--ink2);font-style:italic}.kicker{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--velvet);font-weight:600}.cta{margin-top:10px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--velvet);font-weight:600;animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}.best{margin-top:6px;font-family:var(--nums);font-size:15px;letter-spacing:.12em;color:var(--ink2)}.foot{position:absolute;left:0;right:0;bottom:calc(22px + var(--safe-b));display:flex;justify-content:center}.pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:22px;border:1.5px solid var(--gilt);background:var(--velvet);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gilt2);margin-top:12px}.pill svg{width:20px;height:20px;fill:none;stroke:var(--gilt2);stroke-width:1.5;stroke-linecap:round}.pill:active{transform:scale(.96)}.card{opacity:0;transition:opacity .5s ease}.card.show{opacity:1}.big{font-family:var(--nums);font-weight:600;font-size:52px;line-height:1.05;margin-top:2px;color:var(--velvet)}.newbest{display:inline-block;margin:2px 0 4px;padding:3px 12px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);background:var(--gilt);border-radius:12px;animation:nb 1.2s ease-in-out infinite}@keyframes nb{50%{transform:translateY(-2px)}}.split{display:flex;gap:14px;align-items:center;margin-top:10px;text-align:left}.keep{width:46%;aspect-ratio:360 / 560;object-fit:cover;border:1px solid var(--velvet);background:var(--cream2);box-shadow:0 4px 14px #0000004d}.rows{flex:1;display:flex;flex-direction:column;gap:5px}.r{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);border-bottom:1px dotted rgba(122,16,34,.4);padding-bottom:3px}.r b{font-family:var(--nums);font-weight:600;font-size:17px;font-weight:400;color:var(--ink);letter-spacing:0;text-transform:none}.r.best b{color:var(--velvet)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.grid figure{margin:0}.grid img{width:100%;aspect-ratio:360 / 560;object-fit:cover;border:1px solid var(--velvet);display:block}.grid figcaption{font-family:var(--nums);font-size:12px;color:var(--ink2);margin-top:3px}.empty{grid-column:1 / -1;color:var(--ink2);font-size:13px;letter-spacing:.08em;font-style:italic}.paused{background:#1a0b1099}.paused .cta{font-size:14px;color:var(--gilt2)}.gallery{z-index:4;background:#1a0b10bf}@media(prefers-reduced-motion:reduce){.cta,.newbest,.candles b.on:before{animation:none}}@media(max-height:700px){.big{font-size:44px}h1{font-size:42px}.bill{padding:14px 16px 12px}.title,.card{padding-top:calc(60px + var(--safe-t))}}.card .bill{transform:translateY(26px) scale(.94) rotate(-.8deg);transition:transform .6s cubic-bezier(.2,1.3,.35,1);overflow:hidden}.card.show .bill{transform:none}.card .bill:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;background:linear-gradient(100deg,#fff4c800,#fff4c88c,#fff4c800);transform:skew(-12deg)}.card.show .bill:after{animation:sheen 1.3s .5s ease-out 1 forwards}@keyframes sheen{to{left:130%}}.bill{box-shadow:0 14px 40px #0000008c,0 0 0 1px #d9a94380,0 0 30px #d9a9431f}.score{text-shadow:0 2px 0 rgba(40,6,12,.9),0 0 14px rgba(255,180,90,.35)}.score.pop{text-shadow:0 2px 0 rgba(40,6,12,.9),0 0 22px rgba(255,200,100,.8)}@media(prefers-reduced-motion:reduce){.card .bill,.card.show .bill{transition:none;transform:none}.card.show .bill:after{animation:none}}.grid figure{cursor:pointer}.grid figure.pinned img{border-color:var(--gilt);box-shadow:0 0 0 1.5px var(--gilt)}.grid figure.pinned figcaption:before{content:"★";color:var(--velvet)}.big-keep{display:block;width:min(220px,58vw);margin:14px auto 6px}.btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.btns .pill{padding:0 14px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:4px;font-size:9px;letter-spacing:.08em;background:#f6dc8a33}
