:root{--night: #0b0e20;--night2: #171a35;--paper: #ece2cb;--paperLt: #f6efdd;--paperDk: #cdbf9f;--ink: #1d1a24;--inkSoft: #5a4e48;--seal: #c63a2c;--sealDk: #8e2219;--gold: #ffc34c;--jade: #3fe0b2;--verm: #ff5b3d;--violet: #b48cff;--display: "Bodoni 72 Oldstyle", "Bodoni 72", "Big Caslon", Didot, "Hoefler Text", Georgia, serif;--label: Charter, "Bitstream Charter", Cambria, "Sitka Text", Georgia, serif}html,body{background:var(--night);color:var(--paper);font-family:var(--label)}.stage{background:var(--night2)}.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}.blot{position:relative;border-radius:47% 53% 50% 50%/52% 46% 54% 48%;background:radial-gradient(circle at 38% 34%,#3a3546,#14121b 62%,#07060b);box-shadow:0 0 0 1.5px #ece2cb2e,0 4px 10px #00000080}.blot:after{content:"";position:absolute;right:-3px;bottom:2px;width:7px;height:7px;border-radius:50%;background:#14121b}.btn{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;border:0;padding:0;color:var(--paper);text-decoration:none;transition:transform .14s ease}.btn:active{transform:scale(.88)}.btn svg{position:relative;width:21px;height:21px;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:#8f8578}.board{display:flex;flex-direction:column;align-items:center;gap:4px}.score{min-width:4.2ch;padding:4px 18px 3px;text-align:center;font:italic 400 30px/1.05 var(--display);font-variant-numeric:lining-nums tabular-nums;color:var(--ink);background:linear-gradient(175deg,var(--paperLt),var(--paper) 55%,#ddd0b2);border-radius:3px;clip-path:polygon(0 4%,6% 0,30% 3%,55% 0,80% 2%,100% 0,99% 50%,100% 96%,75% 100%,45% 97%,20% 100%,0 97%,1% 50%);box-shadow:0 4px 12px #00000073;transition:transform .22s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.08) rotate(-1deg)}.mult{padding:1px 9px;font:600 13px/1.3 var(--label);letter-spacing:.06em;color:var(--paper);background:#0a0a16b3;border:1px solid rgba(236,226,203,.3);border-radius:2px;transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.mult.hot{color:#fff3dc;background:var(--seal);border-color:var(--sealDk)}.mult.pop{transform:scale(1.3)}.haze{position:absolute;z-index:3;top:calc(84px + var(--safe-t));left:50%;width:132px;height:7px;margin-left:-66px;pointer-events:none;background:#ece2cb29;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #ece2cb33}.haze:before{content:"";position:absolute;inset:0 0 0 70%;background:repeating-linear-gradient(-45deg,rgba(198,58,44,.45) 0 3px,transparent 3px 6px)}.haze i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#8b8599,#c7c0d4);border-radius:4px;transition:width .25s ease}.haze.warn i{background:linear-gradient(90deg,#a0656a,#e2a39a);animation:throb .6s ease-in-out infinite alternate}@keyframes throb{to{opacity:.55}}.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))}.cal,.gallery{position:absolute;inset:0;z-index:4;text-align:center;display:flex;align-items:center;justify-content:center;padding:calc(20px + var(--safe-t)) 16px calc(20px + var(--safe-b));background:#060710b8}.gallery{overflow-y:auto;align-items:flex-start}.sheet{position:relative;width:min(316px,calc(100vw - 36px));padding:22px 20px 18px;color:var(--ink);background:radial-gradient(ellipse at 20% 10%,rgba(255,255,255,.5),transparent 60%),repeating-linear-gradient(97deg,rgba(120,96,60,.035) 0 1px,transparent 1px 7px),linear-gradient(172deg,var(--paperLt),var(--paper) 45%,#ddcfae);clip-path:polygon(0 1%,4% 0,12% .6%,22% 0,36% .8%,50% 0,63% .5%,77% 0,90% .7%,100% 0,99.4% 12%,100% 30%,99.3% 52%,100% 74%,99.5% 90%,100% 100%,88% 99.3%,72% 100%,58% 99.4%,41% 100%,27% 99.2%,12% 100%,0 99.4%,.6% 82%,0 64%,.5% 45%,0 26%,.7% 10%);filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}.sheet.small{width:auto;padding:14px 28px}.sheet.wide{width:min(380px,calc(100vw - 28px));margin:auto 0}.seal{width:30px;height:30px;margin:0 auto 2px;display:grid;place-items:center;color:#fbeee0;background:var(--seal);font:18px/1 var(--display);box-shadow:inset 0 0 0 2px var(--seal),inset 0 0 0 3px #f1d9c6;transform:rotate(-4deg)}h1{margin:0;font:italic 400 60px/1 var(--display);letter-spacing:.01em;color:var(--ink)}.sub{margin:6px 0 4px;font:400 14px/1.35 var(--label);color:var(--inkSoft);letter-spacing:.02em}.legend svg{width:168px;height:74px;margin:2px auto 0;display:block;overflow:visible}.legend .arc{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-dasharray:2 3;opacity:.5}.legend .bloom{stroke:var(--seal);stroke-width:2;stroke-linecap:round;fill:var(--seal);transform-origin:112px 16px;animation:bloom 2s ease-out infinite}.legend .fuse{stroke:var(--ink);stroke-width:2;stroke-dasharray:3 2;animation:burn 2s linear infinite}.legend .spark{fill:var(--gold);stroke:var(--ink);stroke-width:1;animation:spark 2s linear infinite}.legend .beat{stroke:var(--seal);stroke-width:2.4;stroke-linecap:round}.legend .mark{fill:var(--seal)}@keyframes bloom{0%,55%{transform:scale(0);opacity:0}60%{transform:scale(.5);opacity:1}90%{transform:scale(1.15);opacity:.9}to{transform:scale(1.25);opacity:0}}@keyframes burn{0%{stroke-dashoffset:0;opacity:1}55%{opacity:1}60%,to{opacity:.25}}@keyframes spark{0%{transform:translate(0);opacity:1}10%{transform:translate(-48px)}12%,to{transform:translate(-48px);opacity:0}}.cta{margin:10px 0 2px;font:italic 400 22px/1.2 var(--display);color:var(--seal);animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{50%{opacity:.55}}.best{font:600 12px/1.4 var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--inkSoft)}.row-btns{display:flex;gap:10px;justify-content:center;margin-top:12px}.chip{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:0;color:var(--paper);font:600 13px/1 var(--label);letter-spacing:.1em;text-transform:uppercase;background:#1a1720;border-radius:3px;box-shadow:0 0 0 1px #1a172066,0 3px 8px #0000004d;transition:transform .12s ease}.chip.red{background:var(--seal)}.chip:active{transform:translateY(1px) scale(.96)}.chip svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card .sheet{opacity:0;transform:translateY(14px) rotate(-.6deg);transition:opacity .4s ease,transform .5s cubic-bezier(.2,1.3,.4,1);padding-top:16px}.card.show .sheet{opacity:1;transform:none}.kicker{font:600 12px/1.3 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--inkSoft)}.big{font:italic 400 54px/1.05 var(--display);color:var(--ink);font-variant-numeric:lining-nums}.newbest{display:inline-block;margin:2px 0 4px;padding:4px 10px 3px;color:#fbeee0;background:var(--seal);font:italic 400 17px/1 var(--display);transform:rotate(-3deg);box-shadow:inset 0 0 0 2px var(--seal),inset 0 0 0 3px #f1d9c6;animation:stamp .5s cubic-bezier(.2,1.6,.4,1) .3s both}@keyframes stamp{0%{transform:scale(2.2) rotate(-12deg);opacity:0}}.keep{margin:8px auto 6px;width:min(150px,42vw)}.keep img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;background:var(--night);box-shadow:0 0 0 1px #1d1a2459,0 6px 14px #0000004d}.rows{margin:4px auto 0;max-width:240px}.row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 2px;font:400 13px/1.3 var(--label);color:var(--inkSoft);border-bottom:1px solid rgba(29,26,36,.12)}.row b{font:italic 600 17px/1 var(--display);color:var(--ink)}.card .cta{pointer-events:none}.calshell{display:block;width:128px;height:128px;margin:6px auto 0;--bloom: 0}.calshell .halo{fill:rgba(255,195,76,calc(var(--bloom) * .25))}.calshell .rays{stroke:var(--seal);stroke-width:4;stroke-linecap:round;transform:scale(calc(.35 + var(--bloom) * .7));opacity:calc(.15 + var(--bloom))}.calshell .core{fill:var(--ink)}.lights{display:flex;gap:6px;justify-content:center;margin:8px 0 2px}.lights i{width:14px;height:14px;border:1.5px solid rgba(29,26,36,.45);transform:rotate(45deg);transition:background .2s ease,transform .2s ease}.lights i.on{background:var(--seal);border-color:var(--sealDk);transform:rotate(45deg) scale(1.15)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;margin:12px 0 4px}.grid figure{margin:0;padding:6px 6px 4px;background:var(--paperLt);box-shadow:0 0 0 1px #1d1a2433,0 4px 10px #00000040}.grid img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;background:var(--night)}.grid figcaption{margin-top:4px;font:italic 400 15px/1.1 var(--display);color:var(--ink)}.grid figure{cursor:pointer}.grid figure.pinned{box-shadow:0 0 0 2px var(--seal),0 4px 12px #c63a2c59}.keep.big-keep{width:min(220px,58vw)}.chip.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:3px;font:700 9px/1.2 var(--label);letter-spacing:.08em;background:#0000004d}.title.fade{opacity:0;transition:opacity .35s ease}@media(prefers-reduced-motion:reduce){.cta,.legend .bloom,.legend .fuse,.legend .spark,.haze.warn i{animation:none}}