:root{--bg: #120a05;--bg2: #24170e;--steel: #1e120a;--steel2: #2e1c10;--ivory: #f6ead0;--sand: #e8d6ac;--brass: #c9a45c;--brassLt: #ecd39a;--brassDk: #7b602d;--cyan: #79e4dc;--rose: #ff6f6a;--gold: #ffd36a;--display: Athelas, Palatino, "Palatino Linotype", "Book Antiqua", "URW Palladio L", serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}html,body{background:var(--bg);color:var(--ivory);font-family:var(--display)}.stage{background:var(--bg2)}.hud{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none}.knob{border-radius:50%;background:radial-gradient(circle at 50% 50%,#2a2114 0 44%,transparent 45%),repeating-conic-gradient(from 0deg,#d9b871 0 6deg,#8a6a2f 6deg 12deg);box-shadow:0 0 0 1px #0009,0 3px 8px #0000008c,inset 0 0 0 2px #ffe6aa40}.btn{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;border:0;padding:0;color:var(--brassLt);text-decoration:none;transition:transform .14s ease}.btn:active{transform:rotate(-24deg) scale(.92)}.btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.3;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:#8d8270}.board{display:flex;flex-direction:column;align-items:center;gap:4px}.score{min-width:5ch;padding:5px 14px 4px;text-align:center;font:600 24px/1.05 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ivory);background:linear-gradient(180deg,#2e1a0e,#150a04);border:1px solid var(--brassDk);box-shadow:inset 0 0 0 2px #0009,inset 0 0 0 3px #c9a45c59,0 4px 10px #00000080;transition:transform .22s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.07)}.sub-row{display:flex;gap:8px;align-items:center}.mult{padding:1px 7px;font:700 12px/1.4 var(--mono);color:var(--brassLt);border:1px solid rgba(201,164,92,.4);background:#140a04bf;transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.mult.hot{color:#1a1206;background:var(--gold);border-color:var(--brass)}.mult.pop{transform:scale(1.3)}.lives{display:flex;gap:5px}.lives i{width:11px;height:7px;border-radius:6px 6px 1px 1px;background:var(--sand);box-shadow:0 0 0 1px #00000080;transition:transform .3s ease,background .3s ease}.lives i.lost{background:transparent;box-shadow:inset 0 0 0 1.3px var(--rose);transform:scaleY(.6)}.title,.card,.paused{position:absolute;inset:0;z-index:2;pointer-events:none;text-align:center;display:flex;align-items:center;justify-content:center;padding:calc(66px + var(--safe-t)) 18px calc(24px + var(--safe-b))}.gallery{position:absolute;inset:0;z-index:4;text-align:center;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:calc(20px + var(--safe-t)) 14px calc(20px + var(--safe-b));background:#0a0502cc}.label{position:relative;width:min(312px,calc(100vw - 36px));padding:20px 20px 16px;color:var(--ivory);background:radial-gradient(120% 70% at 15% 0%,rgba(255,196,130,.16),transparent 60%),repeating-linear-gradient(176deg,#0000 0 7px,#0000000f 7px 9px),linear-gradient(170deg,#402212f5,#1a0d06f7 62%),var(--steel);border:1px solid var(--brass);box-shadow:inset 0 0 0 4px #120903e6,inset 0 0 0 5px #c9a45c80,inset 0 1px 0 6px #ffdca00a,0 18px 40px #0009}.label.small{width:auto;padding:12px 26px}.label.wide{width:min(380px,calc(100vw - 28px));margin:auto 0}.screw{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--brassLt),var(--brassDk))}.screw:after{content:"";position:absolute;left:1px;right:1px;top:3px;height:1px;background:#2a1f0e;transform:rotate(35deg)}.screw.tl{left:9px;top:9px}.screw.tr{right:9px;top:9px}.screw.bl{left:9px;bottom:9px}.screw.br{right:9px;bottom:9px}.maker{font:600 10.5px/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#ecd39abf}h1{margin:4px 0 0;font:italic 400 58px/1 var(--display);letter-spacing:.01em;color:var(--brassLt)}.sub{margin:6px 0 4px;font:italic 400 16px/1.3 var(--display);color:#f6ead0cc}.legend svg{width:170px;height:70px;margin:6px auto 0;display:block;overflow:visible}.legend .pl{fill:#9a7434;stroke:#ffe4aab3;stroke-width:1}.legend .sand{fill:none;stroke:var(--ivory);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:.1 3.2;animation:gather 3s ease-in-out infinite}.legend .rail{stroke:var(--brass);stroke-width:6;stroke-linecap:round}.legend .notch{stroke:var(--cyan);stroke-width:2.4;stroke-linecap:round}.legend .slider{fill:var(--brassLt);stroke:#2a1f0e;stroke-width:1;animation:slide 3s ease-in-out infinite}@keyframes gather{0%,20%{opacity:.1;stroke-width:1}60%,to{opacity:1;stroke-width:2.4}}@keyframes slide{0%,10%{transform:translateY(0)}55%,to{transform:translateY(-21px)}}.cta{margin:12px 0 2px;font:italic 400 22px/1.2 var(--display);color:var(--cyan);animation:breathe 1.9s ease-in-out infinite}@keyframes breathe{50%{opacity:.5}}.best{font:600 11px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#ecd39abf}.row-btns{display:flex;gap:10px;justify-content:center;margin-top:12px}.plaque{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:0;color:#20170a;font:700 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(180deg,var(--brassLt),var(--brass) 55%,#9c7c3c);border-radius:2px;box-shadow:inset 0 0 0 1px #fff0c880,0 0 0 1px #3b2f17,0 3px 8px #00000073;transition:transform .12s ease}.plaque:active{transform:translateY(1px) scale(.96)}.plaque svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.card .label{opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .5s cubic-bezier(.2,1.3,.4,1);padding-top:18px}.card.show .label{opacity:1;transform:none}.big{font:600 46px/1.1 var(--mono);color:var(--ivory);font-variant-numeric:tabular-nums}.newbest{display:inline-block;margin:2px 0 4px;padding:4px 12px 3px;color:#1a1206;background:var(--gold);font:italic 600 16px/1 var(--display);box-shadow:0 0 0 1px var(--brassDk);animation:stamp .5s cubic-bezier(.2,1.6,.4,1) .3s both}@keyframes stamp{0%{transform:scale(2) rotate(-6deg);opacity:0}}.keep{margin:8px auto 6px;width:min(132px,38vw)}.keep img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;background:var(--bg);box-shadow:0 0 0 1px var(--brassDk),0 6px 14px #00000080}.rows{margin:4px auto 0;max-width:236px}.row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 2px;font:italic 400 14px/1.3 var(--display);color:#f6ead0b3;border-bottom:1px solid rgba(201,164,92,.18)}.row b{font:600 15px/1 var(--mono);color:var(--ivory)}.card .cta{pointer-events:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;margin:12px 0 4px}.grid figure{margin:0;padding:5px 5px 4px;background:#1a0e06;box-shadow:0 0 0 1px var(--brass),0 4px 10px #0006}.grid img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;background:var(--bg)}.grid figcaption{margin-top:4px;font:600 12px/1.2 var(--mono);color:var(--brassLt)}.title.fade{opacity:0;transition:opacity .35s ease}@media(prefers-reduced-motion:reduce){.cta,.legend .sand,.legend .slider{animation:none}}.grid figure[role=button]{cursor:pointer;position:relative}.grid figure .pin{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--brassLt),var(--brass) 60%,#3b2f17);box-shadow:0 1px 2px #0009}.grid.one{display:flex;flex-direction:column;align-items:center;gap:4px}.grid.one figure.large{position:relative;width:min(64vw,260px)}.grid.one figure.large img{aspect-ratio:2 / 3}.grid.one .grow{flex-wrap:wrap;gap:8px;margin-top:8px}.grid.one .grow .plaque small{font:500 10px/1 var(--mono);opacity:.7}