:root{--velvet: #160a1b;--plum: #2b1430;--gilt: #e7c27a;--giltHi: #fff0c8;--ivory: #fff4e2;--rose: #ffb8a8;--dim: rgba(255, 244, 226, .66);--display: "Academy Engraved LET", "Bodoni 72 Smallcaps", "Bodoni 72", Didot, Georgia, serif;--num: "Bodoni 72 Smallcaps", "Bodoni 72", Didot, "Academy Engraved LET", Georgia, serif;--label: "Lucida Grande", "Lucida Sans Unicode", "Segoe UI", system-ui, sans-serif}html,body{background:#0c050e;color:var(--ivory);font-family:var(--label)}.stage{background:var(--velvet)}.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}.facet{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:linear-gradient(145deg,#fff0c8f2,#e7c27ad9 40%,#785028f2)}.facet:before{content:"";position:absolute;inset:2px;clip-path:inherit;background:linear-gradient(160deg,#5a2850f2,#160a1bf5 60%)}.btn{position:relative;pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;border:0;padding:0;color:var(--ivory);text-decoration:none;transition:transform .16s ease}.btn:active{transform:scale(.9)}.btn svg{position:relative;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn:focus-visible{outline:2px solid var(--giltHi);outline-offset:2px}.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:#fff4e273}.board{display:flex;flex-direction:column;align-items:center}.score{min-width:4ch;text-align:center;font:400 34px/1.05 var(--num);letter-spacing:.04em;font-variant-numeric:lining-nums tabular-nums;color:var(--ivory);text-shadow:0 0 14px rgba(255,200,150,.45),0 2px 8px rgba(0,0,0,.85);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,.lives{padding:2px 9px 3px;border-radius:1px;background:#160a1bc7;box-shadow:inset 0 0 0 1px #e7c27abf,inset 0 0 0 3px #160a1be6,inset 0 0 0 4px #e7c27a4d}.mult{font:400 14px/1.2 var(--num);letter-spacing:.08em;color:var(--gilt);transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.mult.hot{color:#2a1020;background:linear-gradient(180deg,var(--giltHi),var(--gilt));box-shadow:0 0 12px #e7c27a99}.mult.pop{transform:scale(1.3)}.lives{display:inline-flex;gap:6px;align-items:center;height:21px}.lives i{width:9px;height:13px;clip-path:polygon(50% 0,100% 45%,50% 100%,0 45%);background:linear-gradient(160deg,#fff,#ffd2c4 45%,#c88aa8);transition:all .4s ease}.lives i.out{background:#fff4e22e}.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}.title{left:0;right:0;bottom:calc(28px + var(--safe-b));transition:opacity .45s ease}.title.fade{opacity:0}.card{inset:0;display:grid;place-items:center;padding:calc(56px + var(--safe-t)) 12px calc(16px + var(--safe-b));opacity:0;transition:opacity .5s ease;background:#0a020c59}.card.show{opacity:1}.paused{inset:0;display:grid;place-items:center;background:#0a020c8c}.sheet{inset:0;z-index:4;display:grid;place-items:center;padding:calc(20px + var(--safe-t)) 14px calc(20px + var(--safe-b));background:#0a020cb8}.frame{position:relative;width:min(300px,calc(100vw - 40px));margin:0 auto;padding:20px 20px 18px;color:var(--ivory);background:radial-gradient(120% 90% at 50% 0%,#4a1e46eb,#160a1bf0 70%);box-shadow:inset 0 0 0 1px #fff0c8e6,inset 0 0 0 3px #7a5428,inset 0 0 0 4px var(--gilt),inset 0 0 0 8px #160a1bf2,inset 0 0 0 9px #e7c27a73,0 26px 60px #000000a6}.frame:before,.frame:after{content:"";position:absolute;top:4px;width:12px;height:12px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--giltHi)}.frame:before{left:4px}.frame:after{right:4px}.frame.wide{width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 70px);overflow:auto}.title .frame{pointer-events:auto}.title.fade .frame{pointer-events:none}h1{margin:2px 0 4px;font:400 40px/1 var(--display);letter-spacing:.08em;color:var(--giltHi);text-shadow:0 0 18px rgba(255,190,140,.45)}.kicker{font:400 18px/1.3 var(--display);letter-spacing:.08em;color:var(--gilt)}.legend svg{width:200px;height:110px;display:block;margin:4px auto 2px;overflow:visible}.legend .piece path{fill:#ffa0be40;stroke:var(--ivory);stroke-width:1.3}.legend .keep path{fill:#ffc88c38;stroke:var(--gilt);stroke-width:1.3}.legend .keep .lz{fill:var(--gilt);stroke:none}.legend .hum path{fill:none;stroke:#ffd6b4;stroke-width:2;stroke-linecap:round}.legend .hand circle{fill:var(--ivory)}.legend .hand .halo{fill:#fff4e240}.legend .burst path{stroke:var(--giltHi);stroke-width:1.6;stroke-linecap:round}.cta{font:400 17px/1.3 var(--display);letter-spacing:.06em;color:var(--ivory)}.cta.small{font-size:14px;color:var(--dim);margin-top:10px;animation:breathe 2.4s ease-in-out infinite}.cta.big2{font-size:24px}@keyframes breathe{50%{opacity:.5}}.best{margin-top:6px;font:400 15px/1.2 var(--num);letter-spacing:.08em;color:var(--gilt)}.row2{margin-top:12px;display:flex;justify-content:center;gap:10px}.pill{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 18px;border:0;color:var(--giltHi);font:400 15px/1 var(--display);letter-spacing:.1em;background:#160a1bd9;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);box-shadow:inset 0 0 0 1px var(--gilt),inset 0 0 0 3px #160a1be6,inset 0 0 0 4px #e7c27a73}.pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.pill:active{transform:scale(.95)}.card .frame{pointer-events:auto}.big{font:400 54px/1 var(--num);letter-spacing:.03em;color:var(--ivory);margin:4px 0 2px;text-shadow:0 0 20px rgba(255,200,150,.4)}.newbest{display:inline-block;margin:2px 0 6px;padding:3px 12px;font:400 15px/1.2 var(--display);letter-spacing:.14em;color:#2a1020;background:linear-gradient(180deg,var(--giltHi),var(--gilt));animation:glint 1.6s ease-in-out infinite}@keyframes glint{50%{filter:brightness(1.25)}}.keep{display:block;width:min(170px,46vw);margin:8px auto;box-shadow:0 8px 24px #0009}.rows{display:grid;gap:3px;margin:4px auto 0;max-width:240px}.row{display:flex;justify-content:space-between;font-size:12px;color:var(--dim);letter-spacing:.04em;border-bottom:1px solid rgba(231,194,122,.18);padding:2px 0}.row b{font:400 15px/1.2 var(--num);color:var(--ivory)}.why{margin-top:6px;font-size:12px;color:var(--rose);letter-spacing:.03em;min-height:1em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.grid figure{margin:0}.grid img{width:100%;display:block;box-shadow:0 0 0 1px var(--gilt),0 6px 14px #00000080}.grid figcaption{margin-top:4px;font:400 13px/1.2 var(--num);color:var(--gilt)}.empty{margin:18px 0;font:400 16px/1.3 var(--display);color:var(--dim)}@media(max-height:640px){.keep{width:min(120px,34vw)}.big{font-size:44px}.legend svg{height:86px}}@media(prefers-reduced-motion:reduce){.cta.small,.newbest{animation:none}}.grid figure{cursor:pointer}.grid figure.pinned img{box-shadow:0 0 0 2px var(--giltHi),0 0 14px #ffd28c8c,0 6px 14px #00000080}.grid figure.pinned figcaption:before{content:"◆";color:var(--giltHi)}.bigkeep{display:block;width:min(200px,56vw);margin:12px auto 6px;box-shadow:0 0 0 1px var(--gilt),0 10px 24px #0009}.dcap{font:400 15px/1.3 var(--num);color:var(--gilt);letter-spacing:.06em;margin-bottom:8px}.dbtns{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.dbtns .pill{padding:0 12px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;font:400 9px/1.2 var(--label);letter-spacing:.08em;color:var(--giltHi);box-shadow:inset 0 0 0 1px #e7c27a99}
