:root{--ink: #2a211b;--trav: #e7dcc6;--trav2: #d8caae;--red: #9e2b25;--red2: #7d1f1a;--gold: #d6a632;--cream: #f6eedc;--umber: #6b5a48;--face: Papyrus, "Book Antiqua", Georgia, serif;--tess: repeating-linear-gradient(90deg, #2f251e 0 6px, var(--cream) 6px 12px)}html,body{background:#3b2f27;color:var(--cream);font-family:var(--face)}.hud{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none}.tab{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;border:0;padding:0;text-decoration:none;border-radius:3px;background:var(--trav);color:var(--ink);box-shadow:inset 0 0 0 2px var(--red),inset 0 0 0 4px var(--trav),inset 0 0 0 5px #2a211b66,0 3px #00000059}.tab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tab:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px var(--red)}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true] .spk{fill:var(--ink)}.board{display:flex;flex-direction:column;align-items:center;gap:6px}.score{position:relative;font:26px/1 var(--face);color:var(--cream);min-width:3.4ch;text-align:center;padding:9px 18px 6px;background:var(--red);font-variant-numeric:tabular-nums;letter-spacing:.04em;box-shadow:inset 0 0 0 2px #f6eedc73;text-shadow:0 2px 0 rgba(0,0,0,.35)}.score:before,.score:after{content:"";position:absolute;top:0;bottom:0;width:14px;background:var(--red)}.score:before{left:-13px;clip-path:polygon(100% 0,0 8%,55% 50%,0 92%,100% 100%)}.score:after{right:-13px;clip-path:polygon(0 0,100% 8%,45% 50%,100% 92%,0 100%)}.score.pop{animation:pop .22s ease-out}.meta{display:flex;align-items:center;gap:10px}.mult{display:inline-grid;place-items:center;width:34px;height:34px;font:14px/1 var(--face);color:var(--ink);padding-top:3px;background:var(--trav);border-radius:50%;box-shadow:inset 0 0 0 2px var(--red),0 2px #0000004d}.mult.hot{background:var(--gold)}.mult.pop{animation:pop .3s ease-out}.lives{display:flex;gap:4px}.lives b{width:15px;height:15px;background:#8b8274;box-shadow:inset 0 0 0 1px #00000059;position:relative;transform:rotate(-3deg)}.lives b:nth-child(2){transform:rotate(2deg)}.lives b.on{background:linear-gradient(135deg,#f3e3c8,#c98a62 60%,#a86444);box-shadow:inset 0 0 0 1px #00000040,0 2px #0000004d}.lives b:not(.on):after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,transparent 45%,#2a211b 45% 55%,transparent 55%)}.lives.low b.on{animation:throb .9s ease-in-out infinite}.lives.hurt{animation:shake .45s}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes throb{0%,to{outline:0 solid transparent}50%{outline:2px solid #ff8a6a}}.title,.card,.gallery,.paused{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(70px + var(--safe-t)) calc(18px + var(--safe-r)) calc(20px + var(--safe-b)) calc(18px + var(--safe-l))}.title{justify-content:flex-start;padding-top:calc(13vh + var(--safe-t));transition:opacity .45s}.title.fade{opacity:0;pointer-events:none}.plaque{position:relative;width:min(322px,100%);color:var(--ink);text-align:center;padding:26px 22px 20px;background-color:var(--trav);background-image:radial-gradient(rgba(150,125,90,.13) 1px,transparent 1.5px),radial-gradient(rgba(255,250,240,.35) 1px,transparent 1.5px);background-size:7px 9px,11px 6px;border:6px solid transparent;border-image:var(--tess) 6;box-shadow:0 0 0 4px var(--red),0 0 0 6px var(--red2),0 16px 34px #00000080}.plaque.wide{width:min(380px,100%);max-height:100%;display:flex;flex-direction:column}.tess{display:flex;justify-content:center;gap:5px;margin:-6px 0 8px}.tess i{width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000040}.tess .t1{background:#b0643f;transform:rotate(-4deg)}.tess .t2{background:#6c7684;transform:rotate(3deg)}.tess .t3{background:#d1a54b;transform:rotate(-2deg)}.tess .t4{background:#6d8c74;transform:rotate(4deg)}.tess .t5{background:#8a3d4c;transform:rotate(-3deg)}h1{margin:0 0 4px;font:50px/1.05 var(--face);letter-spacing:.12em;color:var(--red);padding-left:.12em}.sub{margin:4px 0 14px;font:15px/1.3 var(--face);color:var(--umber)}.cta{font:18px/1 var(--face);color:var(--red);letter-spacing:.06em;animation:breathe 1.8s ease-in-out infinite}.paused .cta{color:var(--cream);background:#2a211bd9;padding:15px 22px 12px;box-shadow:0 0 0 2px var(--red)}.best{margin-top:10px;font:14px var(--face);color:var(--umber)}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}.row.foot{display:flex;gap:12px;margin-top:20px}.pill{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:3px 18px 0;border:0;border-radius:3px;background:var(--trav);color:var(--ink);font:15px var(--face);box-shadow:inset 0 0 0 2px var(--red),0 3px #00000059}.plaque .pill{align-self:center;justify-content:center;margin-top:14px;background:var(--trav2);box-shadow:inset 0 0 0 2px var(--red)}.pill svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.pill:active{transform:translateY(2px)}.kicker{font:13px var(--face);letter-spacing:.2em;text-transform:uppercase;color:var(--red)}.big{font:52px/1.1 var(--face);color:var(--ink);font-variant-numeric:tabular-nums}.newbest{display:inline-block;margin:2px 0 6px;padding:6px 12px 3px;background:var(--gold);color:var(--ink);font:14px var(--face);animation:pop .5s ease-out}.split{display:flex;gap:14px;align-items:center;margin-top:10px;text-align:left}.keep{width:112px;height:174px;object-fit:cover;box-shadow:0 0 0 1.5px var(--ink),3px 4px #00000040;background:var(--trav2)}.rows{flex:1;display:grid;gap:4px}.r{display:flex;justify-content:space-between;border-bottom:1px dotted rgba(42,33,27,.35);padding:2px 0;font:13px var(--face);color:var(--umber)}.r b{font:14px var(--face);color:var(--ink);font-weight:400;font-variant-numeric:tabular-nums}.r.best b{color:var(--red)}.card{background:#1e140c73;opacity:0;transition:opacity .4s}.card.show{opacity:1}.card .cta{margin-top:12px}.gallery{background:#1e140cd9;z-index:6}.grid{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:16px 14px;padding:14px 4px}.grid figure{margin:0;text-align:center}.grid img{width:100%;aspect-ratio:360 / 560;object-fit:cover;border:4px solid transparent;border-image:var(--tess) 4;box-shadow:2px 3px #00000040}.grid figcaption{font:12px var(--face);color:var(--umber);margin-top:4px}.grid .empty{grid-column:1 / -1;font:15px var(--face);color:var(--umber)}@media(max-height:640px){.title{padding-top:calc(70px + var(--safe-t))}h1,.big{font-size:42px}.keep{width:96px;height:150px}}@media(prefers-reduced-motion:reduce){.cta,.score.pop,.mult.pop,.lives.hurt,.lives.low b.on{animation:none}}.grid figure{cursor:pointer}.grid figure.pinned img{box-shadow:0 0 0 2px var(--gold),2px 3px #00000040}.grid figure.pinned figcaption:before{content:"★";color:var(--red)}.big-keep{display:block;width:min(200px,54vw);height:auto;aspect-ratio:360 / 560;margin:14px auto 6px}.btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.btns .pill{padding:3px 14px 0;margin-top:10px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:2px;font-size:9px;letter-spacing:.08em;background:#9e2b2529}