:root{--ink: #0b0b14;--deep: #12132a;--indigo: #2d3047;--teal: #1b998b;--teal-hi: #5fe0cf;--ivory: #f4efe1;--brass: #c9b27a;--gold: #ffd479;--coral: #ff8a6b;--ember: #ff5d73;--math: "STIX Two Text", STIXGeneral, "Cambria Math", "Latin Modern Roman", serif}html,body{background:var(--ink);color:var(--ivory);font-family:var(--math)}.hud{position:absolute;left:0;right:0;top:0;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:3}.btn{pointer-events:auto}.orb{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;padding:0;text-decoration:none;color:var(--ivory);background:radial-gradient(circle at 50% 40%,#262848,#15162b 70%,#0d0d19);border:1px solid rgba(201,178,122,.55);box-shadow:inset 0 0 0 3px #0b0b14e6,inset 0 0 0 4px #c9b27a2e,0 2px 8px #00000080;position:relative;overflow:hidden}.orb:before{content:"";position:absolute;width:60px;height:60px;left:18px;top:-30px;border-radius:50%;border:1px solid rgba(95,224,207,.3)}.orb svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;position:relative}.orb:active{transform:scale(.93)}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{color:#8f8a7c}.board{text-align:center;line-height:1;margin-top:2px}.board .score{font-size:30px;font-weight:600;letter-spacing:.02em;color:var(--ivory);font-variant-numeric:lining-nums tabular-nums;text-shadow:0 0 14px rgba(255,212,121,.25);transition:transform .18s ease-out}.board .score.pop{transform:scale(1.1)}.board .mult{display:inline-block;margin-top:4px;padding:1px 10px 2px;font-size:14px;font-style:italic;color:var(--brass);border:1px solid rgba(201,178,122,.35);border-radius:10px;transition:transform .25s ease-out,color .3s,background .3s}.board .mult.hot{color:var(--ink);background:var(--gold);border-color:var(--gold)}.board .mult.pop{transform:scale(1.3)}section.title,section.card,section.paused,section.gallery{position:absolute;inset:0;display:grid;place-items:center;z-index:5;padding:calc(20px + var(--safe-t)) 16px calc(20px + var(--safe-b))}section.title,section.card,section.paused{pointer-events:none}section.title{background:radial-gradient(circle at 50% 50%,#0b0b141a,#0b0b148c);transition:opacity .38s}section.title.fade{opacity:0}section.card{background:#0b0b1466;opacity:0;transition:opacity .45s}section.card.show{opacity:1}section.paused{background:#0b0b1499}section.gallery{background:#0b0b14eb;z-index:7}.plate{position:relative;width:min(320px,100%);text-align:center;padding:22px 20px 18px;color:var(--ivory);background:radial-gradient(130% 90% at 50% 0%,#2d3047eb,#12132af0 60%,#0b0b14f5);border:1px solid rgba(201,178,122,.6);border-radius:4px;box-shadow:inset 0 0 0 4px #0b0b14b3,inset 0 0 0 5px #c9b27a38,0 20px 50px #0009}.plate.small{width:min(220px,100%);padding:16px}.plate.wide{width:min(370px,100%);max-height:calc(100% - 10px);overflow:auto}.kicker{font-variant:small-caps;letter-spacing:.12em;font-size:14px;color:var(--teal-hi)}h1{font-weight:500;font-size:52px;margin:2px 0 0;line-height:1.05;letter-spacing:.01em;color:var(--ivory)}.sub{font-style:italic;color:#f4efe1b3;margin:6px 0;font-size:15px}.emblem{width:120px;height:120px;display:block;margin:10px auto 2px;overflow:visible}.emblem .disc{fill:#1a1b38;stroke:var(--teal);stroke-width:1.2}.emblem .geo{fill:none;stroke:#5fe0cf8c;stroke-width:1}.emblem .g2{stroke:#c9b27a66}.emblem .lamp{fill:var(--gold);filter:drop-shadow(0 0 5px rgba(255,212,121,.9))}.emblem .lumen{fill:var(--coral);transform-origin:60px 60px;animation:drift 5s cubic-bezier(.45,0,.55,1) infinite}@keyframes drift{0%{transform:rotate(0) scale(1)}50%{transform:rotate(160deg) scale(.55)}to{transform:rotate(360deg) scale(1)}}.cta{font-style:italic;font-size:18px;color:var(--gold);margin:8px 0 2px;animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.5}}.best{font-size:14px;color:var(--brass);font-variant:small-caps;letter-spacing:.08em}.row-btns{display:flex;justify-content:center;gap:10px;margin-top:10px}.pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:22px;background:#0b0b1499;color:var(--ivory);border:1px solid rgba(201,178,122,.5);font-family:var(--math);font-variant:small-caps;letter-spacing:.08em;font-size:16px}.pill svg{width:18px;height:18px;fill:none;stroke:var(--teal-hi);stroke-width:1.3;stroke-linecap:round}.pill:active{transform:scale(.96)}.big{font-size:50px;font-weight:600;line-height:1.1;margin:4px 0 0;font-variant-numeric:lining-nums}.newbest{display:inline-block;margin:0 0 4px;padding:2px 12px;font-variant:small-caps;letter-spacing:.1em;font-size:16px;color:var(--ink);background:var(--gold);border-radius:12px;animation:glow 1.3s ease-in-out infinite alternate}@keyframes glow{to{box-shadow:0 0 16px #ffd479e6}}.keep{margin:6px auto 4px;width:150px}.keep img{width:150px;height:225px;display:block;border-radius:2px;background:var(--ink);box-shadow:0 0 0 1px #c9b27a66,0 4px 14px #00000080}.rows{display:grid;grid-template-columns:1fr 1fr;gap:1px 14px;margin:6px 2px 0}.row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(201,178,122,.2);padding:3px 0;font-size:14px}.row:last-child{grid-column:1 / -1}.row span{color:#f4efe1a6;font-style:italic}.row b{font-weight:600;color:var(--ivory);font-size:16px;font-variant-numeric:lining-nums}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;margin:14px 0 4px}.grid figure{margin:0}.grid img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;border-radius:2px;box-shadow:0 0 0 1px #c9b27a66,0 3px 10px #00000073}.grid figcaption{font-size:14px;color:var(--brass);margin-top:4px;font-variant-numeric:lining-nums}@media(max-height:700px){h1{font-size:44px}.emblem{width:92px;height:92px}.keep,.keep img{width:112px}.keep img{height:168px}.big{font-size:42px}}@media(prefers-reduced-motion:reduce){.cta,.emblem .lumen,.newbest{animation:none}}.grid figure{cursor:pointer}.grid figure.pinned img{box-shadow:0 0 0 2px var(--gold),0 3px 10px #00000073}.grid figure.pinned figcaption:before{content:"★";color:var(--gold)}.sheet{display:block;width:min(200px,56vw);aspect-ratio:2 / 3;margin:14px auto 4px;border-radius:2px;background:var(--ink);box-shadow:0 0 0 1px #c9b27a66,0 3px 10px #00000073}.row-btns.wrap{flex-wrap:wrap;gap:8px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:3px;font:700 9px/1.2 system-ui,sans-serif;font-style:normal;letter-spacing:.08em;color:var(--ink);background:var(--gold)}
