:root{--ink: #1c1714;--ink2: #2a221c;--brass: #d8b25a;--brassLt: #f6dc8e;--brassDk: #8a6a2a;--ivory: #fbf4e2;--jade: #2f9a83;--oxblood: #8c2b3a;--night: #0b1e22;--red: #e2433a;--deco: "Futura", "Century Gothic", "Avenir Next", "Trebuchet MS", system-ui, sans-serif;--num: "Didot", "Bodoni 72", "Bodoni MT", "Hoefler Text", Georgia, serif;--cut: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px) , calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px) , 0 8px)}html,body{background:var(--night);color:var(--ivory);font-family:var(--deco)}.stage{background:#0f3236}.hud{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(7px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));pointer-events:none}.plaque{background:linear-gradient(180deg,#3a3029,var(--ink) 60%);clip-path:var(--cut);position:relative}.plaque:before{content:"";position:absolute;inset:2px;clip-path:var(--cut);border:1.5px solid var(--brass);pointer-events:none;border-image:linear-gradient(160deg,#fff0b8,#c8983e 35%,#6a4c1c 55%,#e6bc5c) 1}.btn{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;border:0;color:var(--brassLt);text-decoration:none;transition:transform .12s ease}.btn:active{transform:scale(.92)}.btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.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:#f6dc8e80}.board{display:flex;flex-direction:column;align-items:center}.score{min-width:4ch;padding:4px 18px 2px;text-align:center;font:700 30px/1 var(--num);letter-spacing:.04em;font-variant-numeric:lining-nums tabular-nums;color:var(--ink);background:linear-gradient(180deg,#fff6d4,#f2d184 18%,#c8983e 52%,#e8c062 70%,#9a7428);clip-path:var(--cut);box-shadow:0 4px 12px #0006;transition:transform .25s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.14)}.meta{display:flex;gap:6px;margin-top:5px;align-items:center}.mult{display:inline-flex;align-items:center;padding:2px 9px 1px;font:700 13px/1.3 var(--deco);letter-spacing:.1em;background:var(--ink);color:var(--brassLt);border:1px solid var(--brassDk);border-radius:2px;transition:transform .3s cubic-bezier(.2,1.6,.4,1),background .3s ease}.mult.hot{background:var(--oxblood);color:#fff1c4;border-color:var(--brassLt)}.mult.pop{transform:scale(1.3)}.bells{display:inline-flex;gap:2px;padding:2px 6px;background:#1c1714d9;border:1px solid var(--brassDk);border-radius:2px}.bells svg{width:15px;height:15px;fill:var(--brassLt);transition:opacity .3s ease,transform .3s ease}.bells svg.gone{opacity:.22;transform:scale(.8) rotate(-18deg);fill:#777}.bells.shake{animation:shake .5s ease}@keyframes shake{20%{transform:translate(-4px) rotate(-3deg)}40%{transform:translate(4px) rotate(3deg)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.title,.card,.paused{position:absolute;z-index:2;pointer-events:none;text-align:center}.deco{position:relative;width:min(310px,calc(100vw - 40px));margin:0 auto;padding:74px 16px 18px;color:var(--ivory);background:linear-gradient(168deg,#ffecc81f,#ffecc808 22%,#ffecc800 34%),repeating-linear-gradient(90deg,#78461e0f 0 2px,#0000 2px 7px,#5a32140d 7px 8px,#0000 8px 13px),linear-gradient(180deg,#281e18f7,#120d0afa);clip-path:polygon(0 18px,18px 18px,18px 0,calc(100% - 18px) 0,calc(100% - 18px) 18px,100% 18px,100% calc(100% - 18px),calc(100% - 18px) calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,18px calc(100% - 18px),0 calc(100% - 18px));box-shadow:0 24px 60px #00000080}.deco:before{content:"";position:absolute;inset:6px;border:1.5px solid transparent;outline:1px solid rgba(216,178,90,.45);outline-offset:3px;pointer-events:none;border-image:linear-gradient(160deg,#fff0b8,#c8983e 30%,#6a4c1c 50%,#e6bc5c 72%,#8a6a2a) 1}.sun{position:absolute;left:50%;top:4px;width:116px;height:58px;transform:translate(-50%);border-radius:60px 60px 0 0;background:radial-gradient(ellipse 60% 80% at 34% 30%,#fff8dc8c,#fff8dc00 60%),radial-gradient(circle at 50% 100%,#0000 55%,#3c280a59),repeating-conic-gradient(from -90deg at 50% 100%,#f0cf78 0 7.5deg,#a8822f 7.5deg 15deg);box-shadow:0 -1px #fff0b8 inset}.sun:after{content:"";position:absolute;left:50%;bottom:0;width:30px;height:15px;transform:translate(-50%);border-radius:15px 15px 0 0;background:var(--ink)}.sun.baked:after{display:none}.kicker{position:relative;font:600 11px/1 var(--deco);letter-spacing:.42em;text-transform:uppercase;color:var(--brassLt);padding-left:.42em}.title{inset:0;display:flex;align-items:center;justify-content:center;padding:calc(64px + var(--safe-t)) 20px calc(40px + var(--safe-b));background:radial-gradient(ellipse 85% 50% at 50% 50%,#060e1080,#060e101f 75%,#060e1000)}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px) scale(.98)}}.title h1{margin:10px 0 0;font:500 clamp(58px,19vw,76px)/.95 var(--deco);letter-spacing:.34em;padding-left:.34em;text-transform:uppercase;background:linear-gradient(180deg,#fff6d6 10%,var(--brass) 55%,#9c7a32 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.rule{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 0}.rule i{width:54px;height:1.5px;background:var(--brass)}.rule b{width:7px;height:7px;background:var(--brassLt);transform:rotate(45deg)}.sub{margin:10px 0 0;font:500 12px/1.3 var(--deco);letter-spacing:.12em;text-transform:uppercase;color:#e6d7b4}.legend{display:flex;gap:10px;justify-content:center;margin:14px 2px 4px}.legend figure{margin:0;flex:1;height:68px;display:grid;place-items:center;background:#0f2a2c;border:1px solid rgba(216,178,90,.5)}.legend svg{width:104px;height:64px;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}.legend .slot{fill:#0006;stroke:var(--brass);stroke-width:1.4}.legend .knob{fill:var(--brass);animation:knob 2.4s ease-in-out infinite}@keyframes knob{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}.legend .arrow{stroke:var(--ivory);stroke-width:2}.legend .landing{stroke:#efe2c4;stroke-width:3}.legend .car{fill:#e3a861;stroke:var(--brass);stroke-width:2;animation:settle 2.4s ease-in-out infinite}.legend .gate{stroke:var(--brassLt);stroke-width:1;animation:settle 2.4s ease-in-out infinite}.legend .sill{stroke:var(--brassLt);stroke-width:2.5;animation:settle 2.4s ease-in-out infinite}@keyframes settle{0%{transform:translateY(-16px)}45%,to{transform:translateY(0)}}.legend .ring{fill:var(--ivory);stroke:#5fe0a8;stroke-width:3;stroke-dasharray:50.3;animation:drain 4s linear infinite}@keyframes drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:50.3}}.legend .num{fill:var(--ink);stroke:none;font:700 12px var(--num);text-anchor:middle}.cta{margin-top:14px;font:600 14px/1.3 var(--deco);letter-spacing:.24em;text-transform:uppercase;color:var(--brassLt);animation:breathe 2.2s ease-in-out infinite;padding-left:.3em}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.best{margin-top:8px;font:600 12px/1 var(--deco);letter-spacing:.24em;text-transform:uppercase;color:#bfae88}.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:700 80px/1 var(--num);margin-top:12px;font-variant-numeric:lining-nums tabular-nums;background:linear-gradient(180deg,#fff6d6 15%,var(--brass) 60%,#9c7a32);-webkit-background-clip:text;background-clip:text;color:transparent}.label{font:600 12px/1 var(--deco);letter-spacing:.4em;text-transform:uppercase;color:#bfae88;padding-left:.4em}.newbest{display:inline-block;margin-top:12px;padding:6px 14px 5px;font:700 12px/1 var(--deco);letter-spacing:.26em;text-transform:uppercase;color:var(--ink);background:linear-gradient(180deg,#fff1c4,var(--brass));clip-path:var(--cut);animation:shine 1.4s ease-in-out infinite}.newbest:before{content:"★ "}@keyframes shine{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.07);filter:brightness(1.15)}}.rows{margin:14px 4px 0;border-top:1px solid rgba(216,178,90,.5)}.row{display:flex;justify-content:space-between;align-items:baseline;padding:7px 2px 4px;border-bottom:1px dotted rgba(216,178,90,.3);font:600 11px/1.2 var(--deco);letter-spacing:.2em;text-transform:uppercase;color:#cdbd98}.row b{font:700 21px/1 var(--num);letter-spacing:.02em;color:var(--ivory);font-variant-numeric:lining-nums tabular-nums}.paused{inset:0;display:grid;place-items:center;background:#060e1099}@media(max-height:700px){.deco{padding-top:70px}.legend figure{height:58px}.title h1{font-size:54px}.big{font-size:62px}.row{padding:5px 2px 3px}}@media(prefers-reduced-motion:reduce){.cta,.newbest,.legend .knob,.legend .car,.legend .gate,.legend .sill,.legend .ring{animation:none;opacity:1}.score,.mult{transition:none}.bells.shake{animation:none}}