:root{--paper: #efe2c4;--paper2: #e2cfa6;--ink: #2b2118;--ink2: #5a4630;--verm: #c8402a;--gold: #c39a3a;--seal: #9e2f22;--ice: #cfe3ec;--wood: #9cbf75;--city: #bdb6aa;--ruin: #bf9f78;--script: Zapfino, "Snell Roundhand", "Apple Chancery", cursive;--text: Kefa, "Euphemia UCAS", "Trebuchet MS", sans-serif}html,body{background:var(--paper);color:var(--ink);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}.chip{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 38% 34%,#c4513f,var(--seal) 62%,#6e1f16);color:#f6e3c8;text-decoration:none;box-shadow:0 0 0 2px #9e2f2259,0 2px #5a1810}.chip svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chip:active{transform:translateY(2px);box-shadow:0 0 0 2px #9e2f2259}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{filter:saturate(.3)}.board{text-align:center;line-height:1;padding:4px 12px 5px;background:#efe2c4e0;border:1.5px solid var(--ink);outline:1px solid var(--ink);outline-offset:2px}.board .score{font-weight:700;font-size:26px;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--ink);transition:transform .18s ease-out}.board .score.pop{transform:scale(1.1)}.board .meta{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:4px}.cabinet{display:inline-flex;gap:3px}.cabinet i{width:12px;height:12px;border:1.3px solid var(--ink);border-radius:50%;background:transparent;position:relative;transition:background .3s,transform .3s}.cabinet i.got{transform:scale(1.1)}.cabinet i[data-k="0"].got{background:var(--ice)}.cabinet i[data-k="1"].got{background:var(--wood)}.cabinet i[data-k="2"].got{background:#ffd27a}.cabinet i[data-k="3"].got{background:var(--ruin)}.cabinet i.got:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ink)}.cabinet.pop i.got{animation:glint .6s ease-out}@keyframes glint{40%{transform:scale(1.5)}}.mult{font-weight:700;font-size:11px;padding:1px 5px;border:1.2px solid var(--ink);transition:transform .25s ease-out,background .3s,color .3s}.mult.hot{background:var(--verm);color:var(--paper);border-color:var(--verm)}.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:#efe2c44d;transition:opacity .35s}section.title.fade{opacity:0}section.card{background:#2b211838;opacity:0;transition:opacity .45s}section.card.show{opacity:1}section.paused{background:#efe2c4b3}section.gallery{background:#e2cfa6f5;z-index:7}.sheet{position:relative;width:min(320px,100%);text-align:center;padding:18px 20px;background:var(--paper);border:2px solid var(--ink);outline:1px solid var(--ink);outline-offset:-7px;box-shadow:0 10px 30px #2b211859}.sheet:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 10%,rgba(170,130,70,.12),transparent 50%),radial-gradient(ellipse at 90% 90%,rgba(170,130,70,.16),transparent 55%)}.sheet.small{width:min(220px,100%);padding:16px}.sheet.wide{width:min(370px,100%);max-height:calc(100% - 10px);overflow:auto}.kicker{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}h1{margin:6px 0 10px;font-family:var(--script);font-weight:400;font-size:44px;line-height:1.9;color:var(--ink)}.sub{margin:6px 0;font-size:14px}.legend{width:220px;height:96px;display:block;margin:-6px auto 2px;overflow:visible}.vitrine{width:220px;height:58px;display:block;margin:0 auto 4px}#oVit{height:46px;margin:-2px auto 2px}.lg-cell{stroke:var(--ink);stroke-width:.8;animation:ages 4s ease-in-out infinite}.lg-cell.c1,.lg-cell.c3{animation-name:ages2}.lg-ground{fill:#b5cd73;stroke:var(--ink);stroke-width:.8;animation:ground 4s ease-in-out infinite}.lg-trav{fill:#7a2e22;stroke:var(--ink);stroke-width:1;animation:walk 4s ease-in-out infinite}.lg-band{stroke:none}.b0{fill:var(--ice)}.b1{fill:var(--wood)}.b2{fill:var(--city)}.b3{fill:var(--ruin)}.lg-frame{fill:none;stroke:var(--ink);stroke-width:1.2}.lg-needle{fill:var(--verm);stroke:var(--ink);stroke-width:.6;animation:needle 4s ease-in-out infinite}@keyframes needle{0%,15%{transform:translate(35px)}45%,to{transform:translate(80px)}}@keyframes ages{0%,30%{fill:#3e6b35}45%,to{fill:#b5cd73}}@keyframes ages2{0%,30%{fill:#7e8087}45%,to{fill:#cdb57c}}@keyframes ground{0%,30%{fill:#eef4f6}45%,to{fill:#b5cd73}}@keyframes walk{0%,50%{transform:translateY(0);opacity:1}80%{transform:translateY(-26px);opacity:1}95%,to{transform:translateY(-34px);opacity:0}}.cta{font-weight:700;font-size:16px;letter-spacing:.1em;text-transform:uppercase;margin:8px 0 2px;color:var(--verm);animation:breathe 2.2s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}.best{font-size:13px;color:var(--ink2)}.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:1.5px solid var(--ink);border-radius:2px;background:var(--paper2);color:var(--ink);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;outline:1px solid var(--ink);outline-offset:-5px}.pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.pill:active{transform:translateY(1px);background:var(--paper)}.big{font-weight:700;font-size:46px;line-height:1.05;margin:4px 0 0;font-variant-numeric:tabular-nums}.newbest{display:inline-block;margin:2px 0 4px;padding:3px 12px;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:var(--verm);color:var(--paper);border-radius:50px;box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--verm);animation:seal 1.6s ease-in-out infinite}@keyframes seal{50%{transform:rotate(-3deg) scale(1.05)}}.keep{margin:6px auto 4px;width:150px}.keep img{width:150px;height:225px;display:block;background:var(--paper2);border:1px solid var(--ink);box-shadow:3px 4px #2b211840;transform:rotate(-1.2deg)}.rows{display:grid;grid-template-columns:1fr 1fr;gap:1px 14px;margin:6px 2px 0}.row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed var(--ink2);padding:3px 0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2)}.row b{font-weight:700;font-size:15px;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px;margin:14px 0 4px}.grid figure{margin:0}.grid img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;border:1px solid var(--ink);box-shadow:2px 3px #2b211840}.grid figure:nth-child(odd) img{transform:rotate(-1deg)}.grid figure:nth-child(2n) img{transform:rotate(1deg)}.grid figcaption{font-weight:700;font-size:12px;margin-top:5px}.grid figure{cursor:pointer}.grid figure.pinned img{box-shadow:0 0 0 2px var(--verm),2px 3px #2b211840}.grid figure.pinned figcaption:before{content:"◆";color:var(--verm)}.big-keep{display:block;width:min(200px,52vw);aspect-ratio:2 / 3;margin:14px auto 6px;border:1px solid var(--ink);box-shadow:3px 4px #2b211840}.btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.btns .pill{padding:0 14px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:2px;font-size:9px;letter-spacing:.08em;background:#2b211824}@media(max-height:700px){h1{font-size:36px}.legend{height:80px}.keep,.keep img{width:112px}.keep img{height:168px}.big{font-size:38px}}@media(prefers-reduced-motion:reduce){.cta,.newbest,.cabinet.pop i.got,.lg-cell,.lg-ground,.lg-trav,.lg-needle{animation:none}.lg-needle{transform:translate(80px)}}.newbest{animation:nbshine 1.6s ease-in-out infinite}@keyframes nbshine{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.06)}}
