:root{--night: #0b1120;--slate: #2b3346;--linen: #efe3cb;--linen2: #e4d3b2;--ink: #3a2618;--ink2: #6a4a34;--rust: #b5502f;--water: #7cc3d8;--candle: #ffd27a;--stitch: #8a5a3a;--hand: Trattatello, "Apple Chancery", "URW Chancery L", "Lucida Calligraphy", "Lucida Handwriting", cursive;--text: "Goudy Old Style", Marion, Constantia, "Sitka Text", Georgia, serif}html,body{background:var(--night);color:var(--linen);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}.button-sewn{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;padding:0;text-decoration:none;color:var(--linen);background:radial-gradient(circle at 38% 32%,#9a6a42,#6e4527 55%,#4a2d18);border:0;box-shadow:inset 0 0 0 3px #28160a59,inset 0 0 0 5px #efe3cb00,0 2px 6px #00000073;position:relative}.button-sewn:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1.5px dashed rgba(239,227,203,.55)}.button-sewn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;position:relative}.button-sewn: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:#b9a78a}.board{text-align:center;line-height:1;margin-top:1px}.board .score{font-family:var(--hand);font-size:32px;color:var(--linen);text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 14px rgba(255,190,110,.25);font-variant-numeric:tabular-nums;transition:transform .18s ease-out}.board .score.pop{transform:scale(1.12)}.lives{display:flex;gap:4px;justify-content:center;margin-top:5px}.lives i{width:11px;height:14px;display:block;background:var(--water);border:1.5px solid #dcf4ff;border-radius:50%/62% 62% 38% 38%;clip-path:polygon(50% 0,100% 55%,100% 100%,0 100%,0 55%);transition:transform .3s,opacity .3s}.lives i.lost{background:transparent;border-color:#dcf4ff59;transform:scaleY(.45) translateY(8px);border-radius:50%;clip-path:none;height:8px;width:13px;opacity:.7}.lives.low i:not(.lost){animation:tremble .7s ease-in-out infinite alternate}@keyframes tremble{to{transform:translateY(1px) scale(1.12)}}.board .mult{display:inline-block;margin-top:5px;padding:1px 8px;font-family:var(--text);font-style:italic;font-size:13px;color:#d9c7a8;border-radius:9px;transition:transform .25s ease-out,color .3s,background .3s}.board .mult.hot{color:var(--ink);background:var(--candle)}.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,#0b112026,#0b112080);transition:opacity .38s}section.title.fade{opacity:0}section.card{background:#0b112059;opacity:0;transition:opacity .45s}section.card.show{opacity:1}section.card .patch{transform:translateY(24px) scale(.92) rotate(-.6deg);transition:transform .5s cubic-bezier(.2,1.3,.4,1)}section.card.show .patch{transform:rotate(-.6deg)}.board .score{text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 14px rgba(255,190,110,.25),0 0 2px rgba(0,0,0,.6)}section.paused{background:#0b112099}section.gallery{background:#0b1120e6;z-index:7}.patch{position:relative;width:min(320px,100%);text-align:center;padding:22px 20px 20px;color:var(--ink);background:radial-gradient(120% 90% at 30% 10%,#f6ecd8 0%,var(--linen) 45%,var(--linen2) 100%);border-radius:14px 18px 12px 16px;transform:rotate(-.6deg);box-shadow:0 1px #ffffff80 inset,0 18px 40px #00000080,0 2px #c9b48e}.patch:before{content:"";position:absolute;inset:7px;border:1.6px dashed var(--stitch);border-radius:10px 13px 9px 12px;pointer-events:none;opacity:.75}.patch.small{width:min(220px,100%);padding:18px}.patch.wide{width:min(370px,100%);max-height:calc(100% - 10px);overflow:auto;transform:none}.tag{display:inline-block;font-family:var(--text);font-style:italic;font-size:13px;color:var(--linen);background:var(--rust);padding:3px 12px 4px;border-radius:3px 10px 10px 3px;box-shadow:0 1px #00000040}h1{font-family:var(--hand);font-weight:400;font-size:64px;margin:2px 0 0;color:var(--ink);line-height:1.05;letter-spacing:.02em}.sub{font-style:italic;color:var(--ink2);margin:6px 0;font-size:15px}.legend{width:160px;height:96px;display:block;margin:12px auto 0}.legend .roof{fill:none;stroke:#6e4527;stroke-width:5;stroke-linejoin:round}.legend .floor{stroke:#6e4527;stroke-width:2}.legend .pot{fill:#bf6c3b}.legend .cup{fill:#f7f2e8;stroke:#41709f;stroke-width:1.4}.legend .glass{fill:#7cc3d880;stroke:#3a6a7a;stroke-width:1.2}.legend .drop{fill:#5aa0c0;animation:fall 2.4s cubic-bezier(.55,0,1,.6) infinite}.legend .d2{animation-delay:.8s}.legend .d3{animation-delay:1.6s}@keyframes fall{0%,30%{transform:translateY(0) scale(.6);opacity:.6}34%{transform:translateY(0) scale(1);opacity:1}62%{transform:translateY(40px);opacity:1}64%,to{transform:translateY(40px);opacity:0}}.cta{font-family:var(--hand);font-size:20px;color:var(--rust);margin:8px 0 2px;animation:breathe 2.2s ease-in-out infinite}@keyframes breathe{50%{opacity:.5}}.best{font-size:14px;color:var(--ink2);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:22px;border:0;background:var(--slate);color:var(--linen);font-family:var(--text);font-style:italic;font-size:15px;box-shadow:inset 0 0 0 2px #efe3cb2e,0 2px #0000004d}.pill svg{width:18px;height:18px;fill:none;stroke:var(--candle);stroke-width:1.4;stroke-linecap:round}.pill:active{transform:scale(.96)}.big{font-family:var(--hand);font-size:50px;line-height:1.1;margin:4px 0 0;color:var(--ink)}.newbest{display:inline-block;margin:0 0 4px;padding:2px 12px;font-family:var(--hand);font-size:17px;color:var(--ink);background:var(--candle);border-radius:12px;animation:glow 1.3s ease-in-out infinite alternate}@keyframes glow{to{box-shadow:0 0 16px #ffd27ae6}}.keep{margin:6px auto 4px;width:150px}.keep img{width:150px;height:225px;display:block;border-radius:3px;background:#f3e8d0;box-shadow:0 3px 10px #3a261859;transform:rotate(.8deg)}.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 dashed rgba(138,90,58,.5);padding:3px 0;font-size:14px}.row span{color:var(--ink2);font-style:italic}.row b{font-family:var(--hand);font-weight:400;color:var(--ink);font-size:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;margin:14px 0 4px;position:relative}.grid figure{margin:0;position:relative}.grid figure:before{content:"";position:absolute;top:-6px;left:50%;width:6px;height:14px;margin-left:-3px;background:#8a5a3a;border-radius:2px;z-index:1}.grid img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;border-radius:2px;box-shadow:0 3px 8px #3a261859}.grid figure:nth-child(odd) img{transform:rotate(-1.4deg)}.grid figure:nth-child(2n) img{transform:rotate(1.1deg)}.grid figcaption{font-family:var(--hand);font-size:14px;color:var(--ink);margin-top:3px}@media(max-height:700px){h1{font-size:52px}.legend{height:74px}.keep,.keep img{width:112px}.keep img{height:168px}.big{font-size:42px}}@media(prefers-reduced-motion:reduce){.cta,.legend .drop,.newbest,.lives.low i{animation:none}}.grid figure{cursor:pointer}.grid figure.pinned:before{background:var(--rust);height:16px;box-shadow:0 0 0 2px var(--candle)}.grid figure.pinned figcaption:before{content:"★";color:var(--rust)}.sheet{display:block;width:min(200px,56vw);aspect-ratio:2 / 3;margin:14px auto 4px;border-radius:3px;background:#f3e8d0;box-shadow:0 4px 12px #3a261866;transform:rotate(-.8deg)}.row-btns.wrap{flex-wrap:wrap;gap:8px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:4px;font:700 9px/1.2 var(--text);font-style:normal;letter-spacing:.08em;color:var(--ink);background:var(--candle)}