:root{--cream: #fdf0d5;--cream2: #f3e2bd;--navy: #003049;--navy2: #0b4466;--crimson: #c1121f;--brass: #b8893e;--brassHi: #f0cf86;--brassLo: #6f4f1e;--ink: #1b2a3a;--book: "Plantagenet Cherokee", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}html,body{background:var(--cream2);color:var(--ink);font-family:var(--book)}.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}.brass{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;padding:0;text-decoration:none;color:var(--navy);background:radial-gradient(circle at 40% 35%,#fffaf0,#f6e7c8 55%,#e9d4a8);border:0;box-shadow:0 0 0 3px var(--brass),0 0 0 4px var(--brassLo),0 3px 8px #0030494d}.brass svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brass: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:var(--crimson)}.board{text-align:center;line-height:1;padding:6px 14px 7px;background:#fdf0d5eb;border:1px solid var(--navy);box-shadow:inset 0 0 0 2px var(--cream),inset 0 0 0 2.6px #00304980}.board .score{font-size:30px;color:var(--navy);font-variant-numeric:lining-nums tabular-nums;transition:transform .18s ease-out}.board .score{transition:transform .18s ease-out,color .3s,text-shadow .3s}.board .score.pop{transform:scale(1.2);color:var(--crimson);text-shadow:0 0 10px rgba(240,207,134,.9)}.board.hot{box-shadow:inset 0 0 0 2px var(--cream),inset 0 0 0 2.6px #00304980,0 0 14px #c1121f59}.keys{display:flex;gap:5px;justify-content:center;margin-top:4px;height:14px}.keys i{position:relative;width:16px;height:14px;display:block}.keys i:before{content:"";position:absolute;left:0;top:2px;width:8px;height:8px;border-radius:50%;border:2px solid var(--brass);box-sizing:border-box}.keys i:after{content:"";position:absolute;left:7px;top:5px;width:9px;height:2.4px;background:var(--brass);box-shadow:6px 2px 0 -.2px var(--brass)}.keys i.lost:before{border-color:#0030494d;border-style:dashed}.keys i.lost:after{background:#00304940;box-shadow:none}.keys.low i:not(.lost){animation:tick .5s steps(2) infinite}@keyframes tick{to{transform:rotate(-12deg)}}.board .mult{display:inline-block;margin-top:4px;padding:1px 8px;font-style:italic;font-size:13px;color:var(--navy);border-radius:2px;transition:transform .25s ease-out,color .3s,background .3s}.board .mult.hot{color:var(--cream);background:var(--crimson)}.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)) 18px calc(20px + var(--safe-b))}section.title,section.card,section.paused{pointer-events:none}section.title{background:linear-gradient(180deg,#fdf0d51a,#fdf0d559);transition:opacity .38s}section.title.fade{opacity:0}section.card{background:#00304940;opacity:0;transition:opacity .45s}section.card.show{opacity:1}section.paused{background:#00304959}section.gallery{background:#003049d9;z-index:7}.card-label{position:relative;width:min(318px,100%);text-align:center;padding:24px 20px 18px;color:var(--ink);background:linear-gradient(180deg,#fffaf0,var(--cream));border:1.5px solid var(--navy);box-shadow:inset 0 0 0 4px #fffaf0,inset 0 0 0 4.8px #00304999,0 16px 36px #00304959}.card-label:before{content:"";position:absolute;top:-7px;left:50%;margin-left:-7px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff8a8a 0 15%,var(--crimson) 45%,#7d0a12 100%);box-shadow:1px 2px 2px #0000004d}.card-label.small{width:min(220px,100%);padding:18px}.card-label.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(--crimson)}h1{font-weight:400;font-size:62px;margin:0;color:var(--navy);line-height:1.05;letter-spacing:.04em}.sub{font-style:italic;color:var(--navy2);margin:6px 0;font-size:15px}.legend{width:170px;height:90px;display:block;margin:8px auto 2px}.legend .tray{stroke:#7b5232;stroke-width:4}.legend .well{fill:#14202b}.legend .twig{stroke:#7a5230;stroke-width:3;stroke-linecap:round;transform-origin:80px 61px;animation:grow 3.2s ease-in-out infinite}.legend .pebble{fill:#8d99ae;stroke:#003049;stroke-width:1;transform-origin:29px 62px;animation:shrink 3.2s ease-in-out infinite}.legend .lens circle{fill:#c1121f14;stroke:var(--brass);stroke-width:3}.legend .lens path{stroke:var(--navy);stroke-width:5;stroke-linecap:round}.legend .lens{animation:slide 3.2s ease-in-out infinite}.legend .pin{fill:var(--crimson)}@keyframes grow{0%,45%{transform:scaleX(1)}60%,90%{transform:scaleX(1.55)}to{transform:scaleX(1)}}@keyframes shrink{0%,5%{transform:scale(1)}20%,40%{transform:scale(.5)}55%,to{transform:scale(1)}}@keyframes slide{0%,5%{transform:translate(-51px)}20%,40%{transform:translate(-51px)}50%,90%{transform:translate(0)}to{transform:translate(-51px)}}.cta{font-style:italic;font-size:20px;color:var(--crimson);margin:8px 0 2px;animation:breathe 2.2s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}.best{font-size:14px;color:var(--navy2);font-style:italic}.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:3px;border:1px solid var(--navy);background:var(--navy);color:var(--cream);font-family:var(--book);font-variant:small-caps;letter-spacing:.08em;font-size:16px;box-shadow:inset 0 0 0 2px var(--navy),inset 0 0 0 3px #fdf0d566}.pill svg{width:18px;height:18px;fill:none;stroke:var(--brassHi);stroke-width:1.5}.pill:active{transform:scale(.96)}.big{font-size:50px;line-height:1.1;margin:4px 0 0;color:var(--navy);font-variant-numeric:lining-nums}.newbest{display:inline-block;margin:0 0 4px;padding:1px 12px;font-variant:small-caps;letter-spacing:.1em;font-size:16px;color:var(--cream);background:var(--crimson);animation:glow 1.3s ease-in-out infinite alternate}@keyframes glow{to{box-shadow:0 0 14px #c1121fb3}}.keep{margin:6px auto 4px;width:150px}.keep img{width:150px;height:225px;display:block;background:var(--cream);box-shadow:0 3px 10px #00304959}.rows{display:grid;grid-template-columns:1fr 1fr;gap:1px 14px;margin:6px 2px 0}.row{display:flex;justify-content:space-between;border-bottom:1px dotted rgba(0,48,73,.45);padding:3px 0;font-size:14px}.row span{color:var(--navy2);font-style:italic}.row b{font-weight:400;color:var(--navy);font-size:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px;margin:14px 0 4px}.grid figure{margin:0;padding:4px;background:#e9d4a8;box-shadow:inset 0 0 0 1px var(--brassLo)}.grid img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block}.grid figcaption{font-size:13px;color:var(--navy);margin-top:3px}section.card.show .card-label{animation:cardin .55s cubic-bezier(.2,1.25,.3,1) both}@keyframes cardin{0%{transform:translateY(26px) scale(.93) rotate(-1.4deg);opacity:0}}section.card.show .newbest{animation:stamp .5s .35s cubic-bezier(.2,1.6,.3,1) both,glow 1.3s .9s ease-in-out infinite alternate}@keyframes stamp{0%{transform:scale(2.4) rotate(-9deg);opacity:0}}section.card.show .keep img{animation:plate .6s .25s ease-out both}@keyframes plate{0%{transform:translateY(14px) rotate(2deg);opacity:0}}@media(max-height:700px){h1{font-size:50px}.legend{height:70px}.keep,.keep img{width:112px}.keep img{height:168px}.big{font-size:42px}}@media(prefers-reduced-motion:reduce){.cta,.legend *,.newbest,.keys.low i,section.card.show .card-label,section.card.show .newbest,section.card.show .keep img{animation:none!important}}.grid figure{cursor:pointer}.grid figure.pinned img{outline:2px solid var(--crimson);outline-offset:2px}.grid figure.pinned figcaption:before{content:"★";color:var(--crimson)}.big-keep{display:block;width:min(200px,56vw);aspect-ratio:2 / 3;margin:14px auto 4px;background:var(--cream);box-shadow:0 0 0 1px var(--navy),0 6px 16px #0030494d}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:2px;font:700 9px/1.2 var(--book);font-style:normal;letter-spacing:.08em;color:var(--cream);background:var(--navy)}.row-btns.wrap{flex-wrap:wrap;gap:8px}