:root{--paper: #f6f2e9;--paper2: #ece5d6;--ink: #4a4560;--ink2: #6f6980;--rose: #c9577c;--frost: #4a7cc4;--sap: #6f9f52;--sienna: #d0894e;--enamel: #fbfaf6;--hand: "Bradley Hand", "Noteworthy", "Segoe Print", "Comic Neue", cursive;--text: "Hoefler Text", Constantia, "Sitka Text", "Iowan Old Style", Georgia, serif}html,body{background:#e6e4ea;color:var(--ink);font-family:var(--text)}.hud{position:absolute;z-index:10;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none}.pan{pointer-events:auto;position:relative;width:46px;height:46px;display:grid;place-items:center;padding:0;text-decoration:none;background:radial-gradient(circle at 50% 56%,rgba(201,87,124,.18) 0 38%,transparent 40%),var(--enamel);color:var(--ink);border:1.5px solid rgba(74,69,96,.35);border-radius:46% 54% 50% 50%/52% 48%;box-shadow:inset 0 -3px #4a456014,0 3px 8px #3c3c5a38}.pan svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pan:active{transform:scale(.94)}.mute{background:radial-gradient(circle at 50% 56%,rgba(74,124,196,.18) 0 38%,transparent 40%),var(--enamel)}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true] .spk{fill:currentColor}.board{display:flex;flex-direction:column;align-items:center;gap:5px}.board .row{display:flex;align-items:center;gap:6px}.score{font:34px/1 var(--hand);color:var(--ink);min-width:2.4ch;text-align:center;padding:4px 6px 0;text-shadow:0 0 6px rgba(255,252,244,.95),0 0 2px rgba(255,252,244,1);font-variant-numeric:tabular-nums}.score.pop{animation:pop .22s ease-out}.mult{font:600 13px/1 var(--text);color:var(--paper);padding:4px 7px 3px;background:var(--ink2);border-radius:40% 60% 55% 45%/60% 45% 55% 40%}.mult.hot{background:var(--rose)}.mult.pop{animation:pop .3s ease-out}.meters{display:flex;gap:8px}.meter{display:flex;align-items:center;gap:3px;padding:2px 7px 2px 4px;background:#fbfaf6cc;border-radius:999px;border:1px solid rgba(74,69,96,.22)}.meter svg{width:16px;height:16px;fill:none;stroke:var(--sienna);stroke-width:1.8;stroke-linecap:round}.meter.spring svg{stroke:var(--sap)}.meter.spring svg .lf{fill:var(--sap);stroke:none}.meter .track{position:relative;width:84px;height:8px;border-radius:8px 3px;background:#c8cee2b3;overflow:hidden}.meter .fill{position:absolute;inset:0 auto 0 0;width:100%;border-radius:inherit}.breath .fill{background:linear-gradient(90deg,#e8a060bf,#d67c46f2)}.breath.out .fill{background:repeating-linear-gradient(135deg,#9fb2d8 0 4px,#7f96c6 4px 8px)}.spring .fill{background:linear-gradient(90deg,#96be6ecc,#609650f2);transition:width .3s ease-out}.spring .line{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--frost)}.spring.low .fill{background:repeating-linear-gradient(135deg,#9fc0e8 0 4px,#6d98d4 4px 8px)}.spring.low{animation:shiver .5s ease-in-out infinite}.title,.card,.gallery,.paused{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l))}.title{transition:opacity .45s ease}.title.fade{opacity:0;pointer-events:none}.sheet{position:relative;width:min(330px,92%);padding:22px 20px 18px;text-align:center;background:var(--paper);border-radius:3px 6px 4px 7px/6px 3px 7px 4px;box-shadow:0 10px 30px #3c3c6440,0 1px #0000000d;outline:3px dotted var(--paper);outline-offset:1px}.sheet:before{content:"";position:absolute;inset:10px;border-radius:2px;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,rgba(201,87,124,.08),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(111,159,82,.1),transparent 60%)}.sheet.wide{width:min(380px,94%);max-height:86%;display:flex;flex-direction:column}.kicker{font:italic 14px/1.2 var(--text);color:var(--ink2);letter-spacing:.02em}h1{margin:2px 0 0;font:76px/1 var(--hand);color:var(--ink);letter-spacing:.01em;background:linear-gradient(100deg,#6f88c4,#8b9fd0 35%,#c9577c 62%,#6f9f52 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{margin:4px 0 10px;font:18px/1.2 var(--hand);color:var(--ink2)}.swatches{display:flex;justify-content:center;gap:7px;margin:4px 0 14px}.swatches i{width:26px;height:18px;border-radius:45% 55% 40% 60%/60% 40%;opacity:.85}.swatches .s1{background:#b9d3ee}.swatches .s2{background:#c8a27c}.swatches .s3{background:#7fae5e}.swatches .s4{background:#f2b6c8}.swatches .s5{background:#9b7fd1}.cta{font:22px/1.2 var(--hand);color:var(--rose);animation:breathe 2.4s ease-in-out infinite}.best{margin-top:8px;font:14px var(--text);color:var(--ink2)}.foot{position:absolute;bottom:calc(22px + var(--safe-b));display:flex;gap:10px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;font:17px var(--hand);color:var(--ink);background:var(--enamel);border:1.5px solid rgba(74,69,96,.3);border-radius:22px 18px 24px 16px/18px 24px 16px 22px;box-shadow:0 3px 8px #3c3c5a2e}.chip svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chip.small{margin:10px auto 2px}.card{opacity:0;transition:opacity .4s ease;background:#dcdeec59}.card.show{opacity:1}.card .sheet{padding-top:16px}.big{font:58px/1 var(--hand);color:var(--ink);margin-top:2px}.newbest{display:inline-block;margin:2px 0 4px;padding:3px 12px 2px;font:18px var(--hand);color:#fff;background:var(--rose);border-radius:50% 40% 55% 45%/60% 50% 50% 40%;animation:pop .5s ease-out}.keep{display:block;width:46%;margin:8px auto 6px;aspect-ratio:360 / 620;object-fit:cover;background:var(--paper2);box-shadow:0 4px 12px #3c3c6440;transform:rotate(-1.6deg);border:4px solid #fff}.rows{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;margin:6px 6px 0}.r{display:flex;justify-content:space-between;font:14px/1.6 var(--text);color:var(--ink2);border-bottom:1px dotted rgba(74,69,96,.25)}.r b{font-weight:600;color:var(--ink)}.r.best b{color:var(--rose)}.card .cta{margin-top:8px}.gallery{z-index:9;background:#dcdeec80}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow-y:auto;padding:12px 4px 4px}.grid figure{margin:0}.grid img{width:100%;aspect-ratio:360 / 620;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 6px #3c3c6438}.grid figure:nth-child(odd) img{transform:rotate(-1.2deg)}.grid figure:nth-child(2n) img{transform:rotate(1deg)}.grid figcaption{font:13px var(--hand);color:var(--ink2);margin-top:3px}.empty{grid-column:1 / -1;font:18px var(--hand);color:var(--ink2)}.paused{z-index:9;background:#e6e8f299}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes breathe{0%,to{opacity:.65;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}@keyframes shiver{0%,to{transform:translate(0)}25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}@media(prefers-reduced-motion:reduce){.cta,.spring.low,.score.pop,.mult.pop,.newbest{animation:none}}.card.show .sheet{animation:cardIn .55s cubic-bezier(.2,1.25,.4,1) both}.card.show .sheet:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:250% 100%;background-position:160% 0;animation:sheen 1.1s .35s ease-out both}.card.show .big{animation:pop .5s .25s ease-out both}.breath.on .track{box-shadow:0 0 0 1px #d67c4680,0 0 8px #f0a05a99}.breath.on .fill{animation:warmpulse .9s ease-in-out infinite}.breath.out .track{animation:shiver .4s ease-in-out infinite}.score{text-shadow:0 0 6px rgba(255,252,244,.95),0 0 2px rgba(255,252,244,1),0 1px 0 rgba(255,255,255,.7)}.score.pop{animation:scorePop .26s ease-out}.title .sheet{animation:cardIn .7s cubic-bezier(.2,1.2,.4,1) both}@keyframes cardIn{0%{transform:translateY(18px) scale(.94);opacity:0}to{transform:none;opacity:1}}@keyframes sheen{to{background-position:-60% 0}}@keyframes warmpulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes scorePop{0%{transform:scale(1)}40%{transform:scale(1.22) rotate(-1.5deg);color:var(--rose)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.card.show .sheet,.card.show .sheet:after,.card.show .big,.breath.on .fill,.breath.out .track,.title .sheet{animation:none}}.grid figure{cursor:pointer}.grid figure.pinned img{border-color:#f4dbe4;box-shadow:0 0 0 2px var(--rose),0 2px 6px #3c3c6438}.grid figure.pinned figcaption:before{content:"★";color:var(--rose)}.big-keep{width:min(190px,50vw);transform:rotate(-1deg);border:4px solid #fff}#gDetail .btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}#gDetail .btns .chip.small{margin:8px 0 2px}.chip.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:4px;font:700 9px/1.2 var(--text);letter-spacing:.08em;background:#4a456024}