:root{--indigo: #262559;--dusk: #34356f;--rose: #d4667a;--amber: #f6c17d;--cream: #fff4e4;--gold: #ffe2a0;--ink: #1b1017;--dim: rgba(255, 244, 228, .7);--word: "Plantagenet Cherokee", "Hoefler Text", Georgia, serif;--label: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif}html,body{background:#120f26;color:var(--cream);font-family:var(--label)}.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(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none}.btn{position:relative;pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;padding:0;color:var(--cream);text-decoration:none;transition:transform .16s ease,background .2s}.dot{border-radius:50%;border:1px solid rgba(255,244,228,.6);background:#26255957;box-shadow:inset 0 0 0 3px #fff4e40f}.btn:active{transform:scale(.9)}.btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.btn:focus-visible,.pill:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.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:#fff4e473}.board{display:flex;flex-direction:column;align-items:center}.score{min-width:4ch;text-align:center;font:italic 400 34px/1.05 var(--word);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--cream);text-shadow:0 1px 10px rgba(38,20,60,.6);transition:transform .25s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.1)}.meta{display:flex;gap:8px;margin-top:4px;align-items:center}.mult,.flock{padding:2px 10px 3px;border-radius:999px;border:1px solid rgba(255,244,228,.45);background:#26255959;font:300 12px/1.3 var(--label);letter-spacing:.14em}.mult{font:italic 400 14px/1.2 var(--word);letter-spacing:.04em;color:var(--gold);transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.mult.hot{color:var(--ink);background:linear-gradient(180deg,#fff1cc,var(--amber));border-color:transparent}.mult.pop{transform:scale(1.3)}.flock{display:inline-flex;gap:5px;align-items:center;color:var(--cream)}.flock svg{width:16px;height:10px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.flock b{font:italic 400 14px/1 var(--word);letter-spacing:.02em}.flock.low{color:#ffd1c4;border-color:#ffb1a0;background:#781e3273}.flock.shake{animation:shake .5s ease}@keyframes shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.title,.card,.paused,.sheet{position:absolute;z-index:2;text-align:center}.title,.card,.paused{pointer-events:none}.title{left:0;right:0;top:calc(86px + var(--safe-t));transition:opacity .45s ease}.title.fade{opacity:0}.card{inset:0;display:grid;place-items:center;padding:calc(60px + var(--safe-t)) 12px calc(16px + var(--safe-b));opacity:0;transition:opacity .5s ease;background:#120c264d}.card.show{opacity:1}.paused{inset:0;display:grid;place-items:center;background:#120c2680}.sheet{inset:0;z-index:4;display:grid;place-items:center;padding:calc(20px + var(--safe-t)) 14px calc(20px + var(--safe-b));background:#120c26b8}.vellum{position:relative;width:min(300px,calc(100vw - 40px));margin:0 auto;padding:20px 20px 18px;border-radius:18px;background:linear-gradient(180deg,#262559c7,#64407cb3 62%,#d4667a9e);box-shadow:inset 0 0 0 1px #fff4e48c,0 24px 60px #0e081e8c}.title .vellum:after{content:"";position:absolute;left:18px;right:18px;bottom:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,226,160,.6),transparent);pointer-events:none}.vellum.wide{width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 70px);overflow:auto}.title .vellum{pointer-events:auto}.title.fade .vellum,.title.fade .pill{pointer-events:none}h1{margin:0 0 2px;font:italic 400 46px/1 var(--word);letter-spacing:.02em;color:var(--cream);text-shadow:0 2px 18px rgba(255,180,130,.35)}.kicker{font:300 12px/1.4 var(--label);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.legend svg{width:220px;height:110px;display:block;margin:2px auto 0;overflow:visible}.legend .ring{fill:none;stroke:var(--gold);stroke-width:1.6}.legend .flockg path{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.legend .hand circle{fill:var(--cream)}.legend .hand .halo{fill:#fff4e447}.legend .hawk path{fill:var(--ink)}.legend .tap{fill:none;stroke:var(--cream);stroke-width:1.4}.cta{font:italic 400 18px/1.3 var(--word);color:var(--cream)}.cta.small{font-size:15px;color:var(--dim);margin-top:12px;animation:breathe 2.6s ease-in-out infinite}.cta.big2{font-size:26px}@keyframes breathe{50%{opacity:.5}}.best{margin-top:6px;font:300 12px/1.2 var(--label);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.row2{margin-top:12px;display:flex;justify-content:center;gap:10px}.pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;color:var(--cream);font:300 13px/1 var(--label);letter-spacing:.2em;text-transform:uppercase;background:#1b101752;border:1px solid rgba(255,244,228,.6)}.pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.pill:active{transform:scale(.95)}.card .vellum{pointer-events:auto}.big{font:italic 400 56px/1 var(--word);color:var(--cream);margin:6px 0 2px;font-variant-numeric:tabular-nums}.newbest{display:inline-block;margin:2px 0 6px;padding:4px 14px;border-radius:999px;font:300 12px/1.2 var(--label);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);background:linear-gradient(180deg,#fff1cc,var(--amber));animation:glint 1.8s ease-in-out infinite}@keyframes glint{50%{box-shadow:0 0 18px #ffd28ccc}}.keep{display:block;width:min(180px,48vw);margin:8px auto 10px;border-radius:2px;box-shadow:0 10px 26px #0e081e8c;transform:rotate(-1.2deg)}.rows{display:grid;gap:2px;margin:4px auto 0;max-width:250px}.row{display:flex;justify-content:space-between;align-items:baseline;font:300 11px/1.6 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);border-bottom:1px dotted rgba(255,226,160,.3)}.row b{font:italic 400 16px/1.3 var(--word);letter-spacing:0;text-transform:none;color:var(--cream)}.why{margin-top:8px;font:italic 400 14px/1.3 var(--word);color:#ffd1c4;min-height:1em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.grid figure{margin:0}.grid img{width:100%;display:block;border-radius:2px;box-shadow:0 6px 14px #0e081e80}.grid figure:nth-child(odd) img{transform:rotate(-1deg)}.grid figure:nth-child(2n) img{transform:rotate(1deg)}.grid figcaption{margin-top:4px;font:italic 400 13px/1.2 var(--word);color:var(--gold)}.empty{margin:18px 0;font:italic 400 16px/1.3 var(--word);color:var(--dim)}@media(max-height:680px){.keep{width:min(124px,36vw)}.big{font-size:44px}.legend svg{height:84px}.title{top:calc(70px + var(--safe-t))}}@media(prefers-reduced-motion:reduce){.cta.small,.newbest{animation:none}}.sheet{background:#0e0a20db}.sheet .vellum{background:linear-gradient(180deg,#2a285e,#553a78 62%,#9a4f72)}.card .vellum{transform:translateY(14px) scale(.94);transition:transform .55s cubic-bezier(.2,1.3,.35,1);overflow:hidden}.card.show .vellum{transform:none}.card.wide-none{display:none}.card .vellum:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,240,210,.22),transparent);transform:skew(-12deg);pointer-events:none}.card.show .vellum:before{animation:sheen 1.4s .5s ease-out 1 both}@keyframes sheen{0%{left:-60%}to{left:130%}}.card .big{text-shadow:0 0 22px rgba(255,200,140,.45)}.card.show .big{animation:bigpop .7s .15s cubic-bezier(.2,1.6,.4,1) both}@keyframes bigpop{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}.score.pop{text-shadow:0 0 18px rgba(255,214,140,.9),0 1px 10px rgba(38,20,60,.6)}.score.pop2{animation:scorepop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes scorepop{40%{transform:scale(1.22);color:var(--gold);text-shadow:0 0 24px rgba(255,214,140,1)}}.mult.hot{box-shadow:0 0 14px #ffc8788c}.flock.low{animation:lowpulse 1.2s ease-in-out infinite}@keyframes lowpulse{50%{box-shadow:0 0 12px #ff7882b3}}@media(prefers-reduced-motion:reduce){.card .vellum{transition:none}.card.show .vellum:before,.card.show .big,.score.pop2,.flock.low{animation:none}}.grid figure{cursor:pointer}.grid figure.pinned img{box-shadow:0 0 0 1.5px var(--gold),0 6px 14px #0e081e80}.grid figure.pinned figcaption:before{content:"✦"}.big-keep{width:min(230px,60vw);margin:12px auto 8px}.row2.btns{flex-wrap:wrap;gap:8px}.row2.btns .pill{padding:0 14px}.pill.ad:after{content:"AD";margin-left:2px;padding:2px 5px;border-radius:999px;font:300 9px/1.2 var(--label);letter-spacing:.14em;color:var(--ink);background:var(--gold)}