:root{--paper: #fbf7ee;--paper2: #efe7d6;--ink: #26302f;--mat: #245a52;--mat2: #1b463f;--glow: #5ff0dc;--coral: #e8553f;--amber: #f1b62e;--mount: #ff8a66;--display: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--ui: "PT Sans", "Lucida Grande", "Segoe UI", system-ui, sans-serif}html,body{background:#d9bf96;color:var(--ink);font-family:var(--ui)}.hud{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(14px + var(--safe-t)) calc(14px + var(--safe-r)) 0 calc(14px + var(--safe-l));pointer-events:none}.tag{pointer-events:auto;position:relative;width:46px;height:46px;display:grid;place-items:center;border:0;padding:0;text-decoration:none;background:var(--paper);color:var(--ink);border-radius:3px;box-shadow:0 2px #3c28142e,0 6px 14px #281e1447;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.tag:after{content:"";position:absolute;right:0;top:0;width:12px;height:12px;background:linear-gradient(225deg,transparent 50%,var(--paper2) 50%)}.tag svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tag:active{transform:translateY(2px) rotate(-2deg)}.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:5px}.score{font:italic 700 32px/1 var(--display);color:var(--ink);min-width:2.4ch;text-align:center;padding:7px 16px 6px;background:var(--paper);border-radius:2px;box-shadow:0 2px #3c281426,0 6px 14px #281e1440;font-variant-numeric:tabular-nums;transform:rotate(-1deg)}.score.pop{animation:pop .22s ease-out}.meta{display:flex;align-items:center;gap:8px}.mult{font:700 14px/1 var(--ui);color:var(--paper);padding:4px 8px;background:#245a52d9;border-radius:2px}.mult.hot{background:var(--coral)}.mult.pop{animation:pop .3s ease-out}.tears{display:flex;gap:4px;padding:3px 5px;background:#245a52d9;border-radius:2px}.tears i{width:14px;height:14px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .3s,background .3s,transform .3s}.tears i.torn{background:var(--mount);clip-path:polygon(0 0,45% 0,60% 30%,40% 55%,58% 100%,0 100%);transform:rotate(-8deg)}.tears.shake{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)}}.title,.calib,.card,.gallery,.paused{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(72px + 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(76px + var(--safe-t));transition:opacity .45s}.title.fade{opacity:0;pointer-events:none}.sheet{position:relative;width:min(330px,100%);background:var(--paper);color:var(--ink);text-align:center;padding:22px 22px 18px;border-radius:2px;box-shadow:0 3px #3c28141f,0 18px 34px #1e190f61;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);background-image:linear-gradient(transparent 0 0),radial-gradient(rgba(120,100,60,.06) 1px,transparent 1.3px);background-size:auto,6px 6px}.sheet:after{content:"";position:absolute;right:0;top:0;width:26px;height:26px;background:linear-gradient(225deg,transparent 50%,var(--paper2) 50%,#e2d8c2);box-shadow:-2px 2px 4px #00000014}.title .sheet{transform:rotate(-1.2deg)}.sheet.wide{width:min(390px,100%);max-height:100%;display:flex;flex-direction:column}h1{margin:2px 0 0;font:italic 700 60px/1 var(--display);letter-spacing:.01em;color:var(--ink)}h1:after{content:"";display:block;width:70%;margin:8px auto 0;border-top:2.5px dashed var(--mat);opacity:.7}.sub{margin:10px 0;font:17px/1.3 var(--ui);color:#4e5856}.legend{display:flex;justify-content:center;gap:22px;margin-bottom:12px}.legend svg{width:62px;height:20px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.legend .fill{fill:var(--ink);stroke-dasharray:none}.legend .hollow{fill:var(--paper);stroke-dasharray:none}.legend span:first-child svg path:first-child{stroke:#1f8e80}.legend span:last-child svg path:first-child{stroke:#d2603e}.cta{font:italic 700 20px/1 var(--display);color:var(--coral);animation:breathe 1.8s ease-in-out infinite}.paused .cta{color:var(--ink);background:var(--paper);padding:14px 22px;box-shadow:0 10px 24px #1e190f59}.best{margin-top:10px;font:14px var(--ui);color:#6a716f}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}.foot{display:flex;gap:12px;margin-top:18px}.tab{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px 0 16px;border:0;background:var(--paper);color:var(--ink);border-radius:2px;font:700 15px var(--ui);box-shadow:0 2px #3c281426,0 6px 14px #281e1447;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.sheet .tab{align-self:center;justify-content:center;margin-top:14px;background:var(--paper2);box-shadow:inset 0 0 0 1.5px #26302f59}.tab svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab:active{transform:translateY(2px)}.kicker{font:700 13px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--coral)}.big{font:italic 700 58px/1.05 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}.newbest{display:inline-block;margin:2px 0 6px;padding:4px 12px;background:var(--amber);color:var(--ink);font:italic 700 15px var(--display);transform:rotate(-2deg);animation:pop .5s ease-out}.split{display:flex;gap:14px;align-items:center;margin-top:10px;text-align:left}.keep{width:120px;height:160px;object-fit:cover;background:#c79a68;box-shadow:0 4px 10px #1e190f59;transform:rotate(2deg)}.rows{flex:1;display:grid;gap:3px}.r{display:flex;justify-content:space-between;border-bottom:1.5px dashed rgba(36,90,82,.3);padding:2px 0;font:14px var(--ui);color:#4e5856}.r b{font:italic 700 17px var(--display);color:var(--ink)}.r.best b{color:var(--coral)}.card{background:#14282466;opacity:0;transition:opacity .4s}.card.show{opacity:1}.card .cta{margin-top:12px}.calib{background:#14282480}.fold{position:relative;width:120px;height:120px;margin:18px auto 10px;perspective:400px}.fold .half{position:absolute;left:0;right:0;bottom:0;height:50%;background:var(--coral);box-shadow:0 6px 10px #0003}.fold .flap{position:absolute;left:0;right:0;top:0;height:50%;background:#f07a63;transform-origin:50% 100%;transition:transform .16s ease-out,background .16s;border-bottom:2.5px dashed var(--paper)}.fold .flap.flip{transform:rotateX(-180deg);background:var(--paper2)}.msg{font:16px var(--ui);color:#4e5856;margin:8px 0 6px}.dots{display:flex;gap:6px;justify-content:center;margin:8px 0 2px}.dots i{width:13px;height:13px;transform:rotate(45deg);box-shadow:inset 0 0 0 1.5px var(--ink)}.dots i.on{background:var(--mat)}.dots i.off{background:#f2b3a3}.gallery{background:#142824d1;z-index:6}.grid{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px;padding:12px 4px}.grid figure{margin:0;text-align:center}.grid img{width:100%;aspect-ratio:3 / 4;object-fit:cover;box-shadow:0 3px 8px #1e190f59}.grid figure:nth-child(odd) img{transform:rotate(-2deg)}.grid figure:nth-child(2n) img{transform:rotate(1.5deg)}.grid figcaption{font:12px var(--ui);color:#4e5856;margin-top:5px}.grid .empty{grid-column:1 / -1;font:15px var(--ui);color:#6a716f}.card .sheet{transform:translateY(26px) rotate(-2.5deg) scale(.92);transition:transform .55s cubic-bezier(.2,1.3,.4,1)}.card.show .sheet{transform:translateY(0) rotate(-.8deg) scale(1)}.card .sheet>*{position:relative}.card .sheet:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-120%)}.card.show .sheet:before{animation:sheen 1.1s .5s ease-out 1 forwards}@keyframes sheen{to{transform:translate(120%)}}.newbest{box-shadow:0 0 0 2px #26302f8c,0 4px 10px #b4781466}.mult.hot{animation:glowhot 1.4s ease-in-out infinite}@keyframes glowhot{0%,to{box-shadow:0 0 #e8553f00}50%{box-shadow:0 0 12px #ff8a66cc}}.score{background-image:linear-gradient(180deg,#ffffffb3,#00000008)}@media(max-height:680px){.title{padding-top:calc(64px + var(--safe-t))}h1{font-size:48px}.big{font-size:46px}.keep{width:96px;height:128px}.sheet{padding:16px 18px 14px}}@media(prefers-reduced-motion:reduce){.cta{animation:none}.score.pop,.mult.pop,.tears.shake,.mult.hot,.card.show .sheet:before{animation:none}.card .sheet,.fold .flap{transition:none}}.grid figure{cursor:pointer}.grid figure.pinned img{outline:3px solid var(--amber);outline-offset:2px}.grid figure.pinned figcaption:before{content:"★";color:var(--coral)}.big-post{display:block;width:min(220px,60vw);aspect-ratio:3 / 4;margin:14px auto 6px;box-shadow:0 4px 12px #1e190f59;transform:rotate(-1.5deg)}.dcap{margin:6px 0 0;font:italic 700 16px var(--display);color:var(--ink)}.btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.btns .tab{margin-top:10px}.tab.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:2px;font:700 9px/1.2 var(--ui);letter-spacing:.08em;background:#245a522e}