:root{--sheet: #0d0a0b;--poche: #3a271f;--air: #1e1519;--ink: #c9ab8c;--chalk: #8d7564;--ivory: #f4e7cc;--light: #ffd69c;--halo: #ffe4a8;--velvet: #86283a;--carve: Herculanum, "Trajan Pro", Optima, "PT Serif", Georgia, serif;--text: "PT Serif", "Charis SIL", Cambria, Georgia, serif}html,body{background:var(--sheet);color:var(--ivory);font-family:var(--text)}.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}.boss{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;text-decoration:none;padding:0;background:radial-gradient(circle at 50% 40%,#4c3428 0%,var(--poche) 62%,#24170f 100%);border:1px solid rgba(201,171,140,.55);box-shadow:inset 0 0 0 3px #0d0a0b8c,inset 0 0 0 4px #c9ab8c40;color:var(--ivory)}.boss svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.boss:active{transform:scale(.94)}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{color:var(--chalk)}.board{text-align:center;line-height:1;margin-top:2px}.board .room{font-family:var(--carve);font-size:11px;letter-spacing:.3em;color:var(--ink);text-indent:.3em}.board .score{font-family:var(--carve);font-size:30px;color:var(--ivory);margin-top:3px;font-variant-numeric:tabular-nums;transition:transform .18s ease-out}.board .score.pop{transform:scale(1.14)}.board .mult{display:inline-block;margin-top:4px;font-family:var(--carve);font-size:12px;color:var(--chalk);letter-spacing:.08em;transition:transform .25s ease-out,color .3s}.board .mult.hot{color:var(--halo)}.board .mult.pop{transform:scale(1.3)}.throws{position:absolute;left:0;right:0;bottom:calc(14px + var(--safe-b));display:flex;justify-content:center;gap:6px;pointer-events:none;z-index:3;flex-wrap:wrap;padding:0 70px}.throws i{width:11px;height:20px;display:block;border:1px solid rgba(255,214,156,.8);border-radius:6px 6px 1px 1px;background:linear-gradient(180deg,#ffe4a8bf,#ffd69c2e);transition:opacity .3s,transform .3s}.throws i.carry{border-style:dashed;background:#ffe4a82e}.throws i.spent{opacity:0;transform:translateY(6px) scale(.6)}.throws.low i{border-color:#f4e7cc;animation:low .9s ease-in-out infinite alternate}@keyframes low{to{opacity:.45}}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,#0d0a0b40,#0d0a0b99);transition:opacity .38s}section.title.fade{opacity:0}section.card{background:#0d0a0b66;opacity:0;transition:opacity .45s}section.card.show{opacity:1}section.paused{background:#0d0a0b9e}section.gallery{background:#0d0a0beb;z-index:7}.lancet{position:relative;width:min(330px,100%);text-align:center;padding:64px 22px 22px;background:linear-gradient(180deg,#1e1519f0,#110b0df5);border:1px solid rgba(201,171,140,.6);border-radius:165px 165px 6px 6px/120px 120px 6px 6px;box-shadow:0 0 0 4px #0d0a0bd9,0 0 0 5px #c9ab8c59,0 20px 50px #00000080}.lancet.small{padding:46px 22px 24px;width:min(240px,100%)}.lancet.wide{width:min(360px,100%);max-height:calc(100% - 10px);overflow:auto}.kicker{font-family:var(--carve);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink)}h1{font-family:var(--carve);font-weight:400;font-size:52px;letter-spacing:.12em;margin:8px 0 2px;color:var(--ivory);text-shadow:0 0 18px rgba(255,214,156,.35)}.sub{font-family:var(--text);font-style:italic;color:var(--chalk);margin:4px 0 6px;font-size:15px}.legend{width:150px;height:120px;margin:6px auto 2px;display:block}.legend .cut{fill:var(--poche)}.legend .air{fill:var(--air);stroke:var(--chalk);stroke-width:1}.legend .lit{fill:none;stroke:var(--light);stroke-width:2.4;stroke-linecap:round}.legend .lit2{fill:none;stroke:#8ef2ff;stroke-width:2.4;stroke-linecap:round}.legend .path{fill:none;stroke:var(--halo);stroke-width:1.2;stroke-dasharray:2 3;animation:march 1.6s linear infinite}.legend .ball{fill:#fffaf0}@keyframes march{to{stroke-dashoffset:-10}}.cta{font-family:var(--carve);font-size:15px;letter-spacing:.16em;color:var(--halo);margin:12px 0 4px;animation:breathe 2.2s ease-in-out infinite}@keyframes breathe{50%{opacity:.55}}.best{font-family:var(--carve);font-size:13px;color:var(--ink);letter-spacing:.1em}.row-btns{display:flex;justify-content:center;gap:10px;margin-top:12px}.plaque{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:22px;background:#3a271fbf;border:1px solid rgba(201,171,140,.55);color:var(--ivory);font-family:var(--carve);font-size:13px;letter-spacing:.14em}.plaque svg{width:18px;height:18px;fill:none;stroke:var(--light);stroke-width:1.5}.big{font-family:var(--carve);font-size:46px;margin:6px 0 0;color:var(--ivory)}.newbest{display:inline-block;margin:4px 0 2px;padding:3px 12px;font-family:var(--carve);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#1a1012;background:var(--halo);border-radius:10px;animation:glint 1.4s ease-in-out infinite alternate}@keyframes glint{to{box-shadow:0 0 16px #ffe4a8b3}}.keep{margin:10px auto 6px;width:150px}.keep img{width:150px;height:225px;display:block;border:1px solid rgba(201,171,140,.5);background:var(--sheet)}.rows{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;margin:6px 4px 0}.row{display:flex;justify-content:space-between;border-bottom:1px dotted rgba(141,117,100,.5);padding:3px 0;font-size:13px}.row span{color:var(--chalk);font-style:italic}.row b{font-family:var(--carve);font-weight:400;color:var(--ivory)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 4px}.grid figure{margin:0}.grid img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;border:1px solid rgba(201,171,140,.5);border-radius:30px 30px 2px 2px/22px 22px 2px 2px}.grid figcaption{font-family:var(--carve);font-size:11px;color:var(--ink);margin-top:3px}.grid figure{cursor:pointer}.grid figure.pinned img{border-color:var(--halo);box-shadow:0 0 10px #ffe4a873}.grid figure.pinned figcaption:before{content:"★";color:var(--halo)}.big-keep,.big-keep img{width:min(190px,52vw)}.big-keep img{height:auto;aspect-ratio:2 / 3}.row-btns.btns{flex-wrap:wrap;gap:8px}.plaque.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:4px;font:700 9px/1.2 var(--text);letter-spacing:.08em;background:#00000059;color:var(--halo)}@media(max-height:700px){.lancet{padding-top:48px}h1{font-size:42px}.keep,.keep img{width:116px}.keep img{height:174px}.legend{height:92px}}@media(prefers-reduced-motion:reduce){.cta,.legend .path,.newbest,.throws.low i{animation:none}}
