:root{--dusk: #1b1230;--plum: #3d1d3f;--rust: #c4523a;--amber: #f39a48;--haz: #f2b630;--ink: #141018;--steel: #2a2228;--steel2: #3b3238;--cream: #fff6dc;--cyan: #78ecff;--bad: #ff8a7a;--heavy: "Arial Black", "Helvetica Neue", Verdana, Geneva, sans-serif;--ui: Verdana, Geneva, Tahoma, sans-serif}html,body{background:linear-gradient(180deg,#1b1230,#3d1d3f 55%,#140d12) var(--dusk);color:var(--cream);font-family:var(--ui)}.stage{background:var(--dusk)}.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}.nut{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;border:0;padding:0;text-decoration:none;color:var(--ink);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);background:radial-gradient(circle at 50% 50%,var(--ink) 0 7px,transparent 7.5px),linear-gradient(180deg,#ffd45a,#e8a724 55%,#9a6512);transition:transform .12s ease}.nut:active{transform:scale(.9) rotate(-12deg)}.nut svg{width:20px;height:20px;fill:none;stroke:var(--haz);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.mute .spk{fill:var(--haz);stroke:none}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{filter:saturate(.25) brightness(.8)}.plate{display:flex;align-items:center;gap:10px;margin-top:1px;padding:4px 6px 4px 12px;border-radius:6px;background:linear-gradient(180deg,#4a3e44,#2a2228 60%,#1c161b);border:2px solid var(--ink);box-shadow:inset 0 1px #ffdcaa40,0 4px 10px #00000080;position:relative}.plate:before,.plate:after{content:"";position:absolute;top:4px;width:4px;height:4px;border-radius:50%;background:#7a6a60;box-shadow:0 26px #7a6a60}.plate:before{left:3px}.plate:after{right:3px}.score{min-width:3.2ch;text-align:center;font-family:var(--heavy);font-size:28px;line-height:1.1;color:var(--haz);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 var(--ink);letter-spacing:.02em;transition:transform .22s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.2)}.strikes{display:flex;flex-direction:column;gap:3px}.strikes i{width:10px;height:10px;border-radius:2px;transform:rotate(45deg);background:var(--cyan);border:1.5px solid var(--ink);box-shadow:0 0 6px #78ecff99;transition:background .2s,box-shadow .2s;position:relative}.strikes i.used{background:#3a2a30;box-shadow:none}.strikes i.used:after{content:"";position:absolute;inset:3px -1px;background:var(--bad);transform:rotate(0);height:1.5px}.strikes.hit{animation:shake .4s ease}.strikes.mend i{animation:mend .6s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes mend{50%{transform:rotate(45deg) scale(1.5)}}.tag{display:flex;flex-direction:column;align-items:center;justify-content:center;width:46px;height:42px;clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%);background:repeating-linear-gradient(-45deg,var(--haz) 0 6px,var(--ink) 6px 12px);position:relative;transition:filter .3s ease}.tag:before{content:"";position:absolute;inset:4px 12px 4px 4px;background:var(--ink)}.tag b,.tag .pips{position:relative}.tag b{font-family:var(--heavy);font-size:15px;line-height:1;color:var(--cream);margin-right:6px}.tag[data-m="2"] b{color:#c9f6ff}.tag[data-m="3"] b{color:var(--cyan)}.tag[data-m="4"] b{color:var(--haz)}.tag[data-m="5"] b{color:#ffe27a;text-shadow:0 0 6px rgba(255,226,122,.8)}.tag.pulse{animation:tag .5s cubic-bezier(.2,1.6,.4,1)}@keyframes tag{40%{transform:scale(1.25) rotate(-4deg)}}.pips{display:flex;gap:2px;margin-top:3px;margin-right:6px}.pips i{width:5px;height:5px;border:1px solid rgba(255,246,220,.8)}.pips i.on{background:var(--cream)}.title,.card,.paused{position:absolute;z-index:2;pointer-events:none;text-align:center}.title{inset:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(84px + var(--safe-t)) 18px calc(30px + var(--safe-b));background:linear-gradient(180deg,#1b1230bf,#1b12304d 55%,#1b123000)}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.sign,.card{position:relative;overflow:hidden;border-radius:8px;border:2.5px solid var(--ink);background:linear-gradient(180deg,#3a3036f2,#1e181df2);box-shadow:inset 0 1px #ffdcaa40,0 18px 40px #0000008c}.sign{padding:22px 18px 16px;max-width:330px;width:100%}.stripe{position:absolute;left:0;right:0;top:0;height:9px;background:repeating-linear-gradient(-45deg,var(--haz) 0 10px,var(--ink) 10px 20px)}h1{margin:6px 0 0;font-family:var(--heavy);font-size:62px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--haz);text-shadow:0 3px 0 var(--ink),0 0 24px rgba(243,154,72,.35)}.sub{margin:8px 0 4px;font-family:var(--ui);font-weight:700;font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:#e9cdb6}.legend{display:flex;gap:10px;justify-content:center;margin:10px 0 6px}.legend figure{margin:0;width:46%;padding:6px 4px 2px;border-radius:6px;background:#1410188c;border:1px solid rgba(255,220,170,.12)}.legend svg{width:100%;height:auto;display:block}.legend .rail{stroke:var(--haz);stroke-width:4}.legend .trolley{fill:#e8a724;stroke:var(--ink);stroke-width:1.2}.legend .cable{stroke:#0c080a;stroke-width:1.6}.legend .mag{fill:#4a3e44;stroke:var(--ink);stroke-width:1.2}.legend .pole{fill:var(--cyan)}.legend .swing{fill:none;stroke:#fff6dc80;stroke-width:1.4;stroke-dasharray:2 3}.legend .ring{fill:#78ecff1f;stroke:var(--cyan);stroke-width:1.4;stroke-dasharray:3 2.4;animation:spin 6s linear infinite;transform-origin:66px 52px}@keyframes spin{to{transform:rotate(360deg)}}.legend .gear{fill:#6f87a3;stroke:var(--ink);stroke-width:1}.legend .gear.dk{fill:#6f87a3}.legend .hole{fill:#1c161b}.legend .drop{fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.legend .bin{stroke:var(--ink);stroke-width:1.4}.legend .bin.steel{fill:#6f87a3}.legend .bin.copper{fill:#c66a35}.legend .bin.alu{fill:#c3cbd3}.legend .badge{fill:#f6efe0;stroke:var(--ink);stroke-width:1.2}.cta{margin-top:10px;font-family:var(--heavy);font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.45}}.best{margin-top:6px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#e9cdb6}.card{left:50%;top:44%;width:min(320px,calc(100% - 36px));transform:translate(-50%,-50%) scale(.9);opacity:0;padding:22px 18px 16px;transition:opacity .35s ease,transform .45s cubic-bezier(.2,1.4,.4,1)}.card.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.eyebrow{margin-top:4px;font-family:var(--heavy);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--bad)}.big{font-family:var(--heavy);font-size:64px;line-height:1.05;color:var(--haz);text-shadow:0 3px 0 var(--ink);font-variant-numeric:tabular-nums}.label{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#cdb3a0}.newbest{display:inline-block;margin:8px 0 0;padding:4px 12px;font-family:var(--heavy);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--cyan);clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);animation:nb 1s ease-in-out infinite}@keyframes nb{50%{transform:scale(1.08)}}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:14px 0 8px}.grades span{display:flex;flex-direction:column;gap:2px;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#cdb3a0}.grades b{font-family:var(--heavy);font-size:18px;color:var(--cream);text-transform:none}.row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 4px 0;border-top:1px dashed rgba(255,220,170,.25);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#cdb3a0}.row b{font-family:var(--heavy);font-size:18px;color:var(--cream);letter-spacing:0}.paused{inset:0;display:grid;place-items:center;background:#140a148c}@media(max-height:700px){.title{padding-top:calc(62px + var(--safe-t))}h1{font-size:50px}.legend{margin:6px 0 2px}}@media(prefers-reduced-motion:reduce){.cta,.newbest,.legend .ring{animation:none}}