@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(./nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}:root{--bg:#c0708f;--bg-dark:#a4567b;--ink:#3b1f4a;--accent:#ff2e93;--accent-dark:#c9186e;--highlight:#ffd23f;--shelf:#f6dfb8;--shelf-edge:#c99a5b;--shelf-shadow:#a87a3f;--gold:#ffc61a;--paper:#fff8ea;--radius:14px;--gap:8px;--col-max:480px;--col-w:min(100vw, var(--col-max));--chrome-h:345px;--tab-h:56px;--floor-h:clamp(52px, 9vh, 120px);--floor-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom));--orb:76px;--shelf-w:min(calc((var(--col-w) - 32px - 4 * var(--gap)) / 5), calc((100vh - var(--chrome-h)) / 7.6));--font-display:"Fredoka", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-text:"Nunito", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-height:100%;margin:0;overflow-x:hidden}body:before{content:"";left:0;right:0;bottom:var(--floor-bottom);height:var(--floor-h);z-index:-1;pointer-events:none;background:linear-gradient(#fff3da 0 5px,#ecd7ae 5px 10px,#b8905c 10px 12px,#0000 12px),linear-gradient(#28120880 12px,#0000 46px),repeating-linear-gradient(90deg,#0000 0 139px,#3c1c0866 139px 141px),repeating-linear-gradient(0deg,#3c1c0812 0 2px,#0000 2px 7px),repeating-linear-gradient(90deg,#c08a52 0 140px,#b07b45 140px 280px,#c9945b 280px 420px);position:fixed}body{font-family:var(--font-text);color:var(--ink);background-color:var(--bg);background-image:radial-gradient(ellipse 120% 100% at 50% 45%, transparent 52%, #3b1f4a6b 100%), radial-gradient(circle at 6% -4%, #ffe9b89e 0%, #ffe9b82e 34%, transparent 62%), radial-gradient(circle at 12px 12px, #fff0de57 0 2.6px, transparent 3.2px), radial-gradient(circle at 36px 36px, #ffd6784d 0 1.8px, transparent 2.4px), repeating-linear-gradient(90deg, transparent 0 34px, #fff0de33 34px 36px, transparent 36px 38px, #ffffff12 38px 76px, #fff0de33 76px 78px, transparent 78px 80px, #3b1f4a0f 80px 118px), linear-gradient(180deg, var(--bg) 0%, var(--bg-dark) 100%);background-size:100% 100%,100% 100%,48px 48px,48px 48px,118px 100%,100% 100%;background-attachment:fixed;font-weight:600}.app{width:100%;max-width:var(--col-max);padding:12px 16px calc(var(--tab-h) + 40px + env(safe-area-inset-bottom));min-height:100vh;margin:0 auto}.hud{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.hud-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.hud-level,.hud-moves,.hud-coins{font-family:var(--font-display);background:var(--paper);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:18px;font-weight:600}.hud-level{background:var(--highlight)}.hud-moves.low{background:var(--accent);color:#fff}.hud-coins:before{content:"";vertical-align:-2px;background:var(--gold);border:2px solid var(--ink);border-radius:50%;width:14px;height:14px;margin-right:6px;display:inline-block}.hud-lives{justify-content:center;align-items:center;gap:10px;min-height:28px;display:flex}.hud-hearts{gap:4px;display:flex}.heart{color:#3b1f4a47;width:24px;height:24px}.heart.full{color:var(--accent)}.heart svg{width:100%;height:100%;display:block}.hud-timer{font-family:var(--font-display);color:var(--paper);text-shadow:0 2px #3b1f4a99;font-variant-numeric:tabular-nums;min-width:48px;font-size:16px}.board{gap:max(16px, calc(var(--shelf-w) * .24));flex-direction:column;padding-top:14px;display:flex}.board-row{justify-content:center;gap:var(--gap);display:flex}.shelf{--w:var(--shelf-w);flex:0 0 var(--w);width:var(--w);padding:calc(var(--w) * .13) calc(var(--w) * .08) calc(var(--w) * .11);border-radius:calc(var(--w) * .1) calc(var(--w) * .1) calc(var(--w) * .05) calc(var(--w) * .05);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px #ffe8be73, 0 0 0 2px #6b3d1a, 0 calc(var(--w) * .06) 0 2px #5a3215, 0 calc(var(--w) * .12) calc(var(--w) * .12) #1e0c0473;background:repeating-linear-gradient(90deg,#54280c24 0 1px,#0000 1px 4px,#ffe2aa1a 4px 5px,#0000 5px 9px),linear-gradient(90deg,#b57a44 0%,#dba76a 22%,#e6b97b 50%,#d4a062 78%,#a86f3b 100%);border:0;transition:transform .16s,box-shadow .16s;position:relative}.shelf:before{content:"";left:calc(var(--w) * -.03);right:calc(var(--w) * -.03);top:calc(var(--w) * -.03);height:calc(var(--w) * .14);border-radius:calc(var(--w) * .06);pointer-events:none;background:repeating-linear-gradient(0deg,#54280c24 0 1px,#0000 1px 4px),linear-gradient(#f0c98f 0%,#dba76a 100%);position:absolute;box-shadow:0 0 0 2px #6b3d1a,inset 0 2px #fff4d6b3,0 3px 4px #1e0c0459}.shelf.selected{transform:translateY(calc(var(--w) * -.12));box-shadow:inset 0 0 0 1px #ffe8be73, 0 0 0 3px var(--accent), 0 calc(var(--w) * .06) 0 3px var(--accent-dark), 0 0 24px 8px #ff2e9380}.shelf.selected:before{box-shadow:0 0 0 3px var(--accent), inset 0 2px 0 #fff4d6b3}.shelf.complete{box-shadow:inset 0 0 0 1px #ffe8be73, 0 0 0 3px var(--gold), 0 calc(var(--w) * .06) 0 3px #b8860b, 0 0 20px 6px #ffc61abf}.shelf.complete:before{background:linear-gradient(180deg, #ffe680 0%, var(--gold) 100%);box-shadow:0 0 0 2px #b8860b,inset 0 2px #fffc}.shelf.complete:after{content:"";top:calc(var(--w) * -.2);right:calc(var(--w) * -.14);z-index:2;width:calc(var(--w) * .4);height:calc(var(--w) * .4);pointer-events:none;filter:drop-shadow(0 2px 2px #1e0c0480);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8l3 6.6 7.2.8-5.4 4.9 1.5 7.1L12 17.6 5.7 21.2l1.5-7.1L1.8 9.2l7.2-.8z' fill='%23ffc61a' stroke='%233b1f4a' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M12 5.4l1.6 3.9' stroke='%23fff6c2' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute}.slots{gap:calc(var(--w) * .03);padding:calc(var(--w) * .025);border-radius:calc(var(--w) * .06);background:repeating-linear-gradient(90deg,#00000014 0 2px,#0000 2px 7px),linear-gradient(#4a2816 0%,#6a3d22 100%);flex-direction:column-reverse;display:flex;box-shadow:inset 0 5px 9px #0000008c,inset 0 -1px #ffd29640,0 0 0 2px #7f5029,0 1px 0 2px #ffe2aa73}.shelf.complete .slots{box-shadow:inset 0 5px 9px #0000008c, 0 0 0 2px var(--gold), 0 1px 0 2px #ffffff80}.slot{aspect-ratio:1;width:100%;padding:calc(var(--w) * .025);border-radius:calc(var(--w) * .05);border-bottom:calc(var(--w) * .035) solid #c9955a;background:#14080247;box-shadow:inset 0 4px 7px #00000080,0 1px #ffe2aa59}.tile{border-radius:calc(var(--w) * .06);background:color-mix(in srgb, var(--tint) 22%, #fffaf0);border:2px solid color-mix(in srgb, var(--tint) 55%, #3b1f4a);width:100%;height:100%;box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--tint) 30%, transparent), inset 0 2px 0 #ffffffb3, 0 2px 3px #14080266;justify-content:center;align-items:center;display:flex}.tile svg{width:88%;height:88%}.tile.run{outline:3px solid var(--highlight);outline-offset:1px;box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--tint) 30%, transparent), 0 0 10px 3px #ffd23fe6}.hint{width:30px;height:30px;color:var(--accent);pointer-events:none;filter:drop-shadow(0 2px 0 var(--ink));opacity:0;margin-left:-15px;animation:2.4s ease-in-out infinite hint-source;position:absolute;top:-34px;left:50%}.hint svg{width:100%;height:100%;display:block}.hint-to{color:var(--highlight);animation-name:hint-target}@keyframes hint-source{0%{opacity:1;transform:translateY(0)}25%{opacity:1;transform:translateY(6px)}48%{opacity:1;transform:translateY(0)}52%,to{opacity:0}}@keyframes hint-target{0%,48%{opacity:0}52%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-layer{z-index:10;background:#3b1f4a9e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-layer[hidden]{display:none}.ad-layer{z-index:20;background:#140a1ee6}.modal{text-align:center;background:var(--paper);border:4px solid var(--ink);width:100%;max-width:360px;box-shadow:0 8px 0 var(--ink);border-radius:22px;flex-direction:column;gap:12px;padding:24px 20px;display:flex}.modal.delayed{animation:.3s ease-out .45s backwards pop}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-title{font-family:var(--font-display);margin:0;font-size:30px;font-weight:600;line-height:1.1}.reward{font-family:var(--font-display);color:var(--accent-dark);font-size:26px}.countdown{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:40px}.note{opacity:.75;font-size:14px;font-weight:800}.note.warn{color:var(--accent-dark);opacity:1}.give-up{flex-direction:column;align-items:center;gap:8px;display:flex}.btn{width:100%;min-height:52px;font-family:var(--font-display);color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;background:var(--paper);border-radius:16px;justify-content:center;align-items:center;padding:10px 16px;font-size:19px;font-weight:600;display:flex}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:var(--highlight)}.btn.tertiary{box-shadow:none;background:0 0;border-color:#0000;min-height:48px;text-decoration:underline}.ad-blocker{z-index:25;color:#fff;font-family:var(--font-display);touch-action:none;background:#140a1ed9;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:18px;display:flex;position:fixed;inset:0}.ad-blocker[hidden]{display:none}.ad-blocker.ad-live{background:0 0}.ad-blocker.ad-live .spinner,.ad-blocker.ad-live .ad-blocker-text{display:none}.spinner{border:4px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn:disabled,.btn.disabled-look{color:#3b1f4a8c;box-shadow:none;cursor:default;background:#d9d2c4;border-color:#3b1f4a66}.modal-layer.suspended,.panel[hidden]{display:none}.tabbar{z-index:5;max-width:var(--col-max);padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:3px solid var(--ink);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{min-height:var(--tab-h);color:#3b1f4a8c;min-width:48px;font-family:var(--font-display);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px;font-size:13px;font-weight:600;display:flex;position:relative}.tab[hidden]{display:none}.tab.active{color:var(--accent-dark);background:#ff2e931a}.tab svg{width:24px;height:24px}.tab-badge{text-align:center;width:20px;height:20px;color:var(--ink);background:var(--highlight);border:2px solid var(--ink);border-radius:50%;margin-left:6px;font-size:13px;line-height:16px;position:absolute;top:4px;left:50%}.tab-badge[hidden]{display:none}.home{flex-direction:column;gap:14px;display:flex}.home-top{grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;display:grid}.pill{font-family:var(--font-display);background:var(--highlight);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:18px}.room-name{font-family:var(--font-display);color:var(--paper);justify-self:end;margin:0;font-size:24px;font-weight:600}.progress{background:var(--paper);border:3px solid var(--ink);border-radius:999px;grid-column:1/-1;height:26px;position:relative;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s}.progress-text{font-family:var(--font-display);justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}.room-stage{border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);background:var(--paper);border-radius:18px;overflow:hidden}.room-svg{width:100%;height:auto;display:block}.spot{cursor:pointer}.spot.affordable .outline{stroke:var(--accent)}.spot.pulse .outline,.spot.pulse .badge{animation:1s ease-in-out infinite pulse}.spot.pulse .outline{stroke:var(--accent);stroke-width:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.banner{text-align:center;font-family:var(--font-display);background:var(--highlight);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:16px;padding:12px;font-size:22px}.sheet-layer{align-items:flex-end;padding:0}.modal.sheet{max-width:480px;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.variant-row,.snap-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.variant{min-height:48px;font:inherit;font-family:var(--font-display);color:var(--ink);background:var(--paper);cursor:pointer;border:3px solid #3b1f4a59;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex}.variant.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}.spot-svg{border-radius:10px;width:100%;height:96px}.snap-figure{margin:0}.snap-art{border:3px solid var(--ink);border-radius:12px;overflow:hidden}.snap-label{font-family:var(--font-display);margin-top:4px}.toast-layer{bottom:calc(var(--tab-h) + 16px + env(safe-area-inset-bottom));z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:0;right:0}.toast{font-family:var(--font-display);background:var(--paper);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:8px 16px;font-size:16px;animation:2.4s forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(12px)}10%,85%{opacity:1;transform:translateY(0)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.spot.pulse .outline,.spot.pulse .badge,.toast,.modal.delayed{animation:none}.shelf{transition:none}.hint{animation-name:hint-source-still}.hint-to{animation-name:hint-target-still}@keyframes hint-source-still{0%,48%{opacity:1}52%,to{opacity:0}}@keyframes hint-target-still{0%,48%{opacity:0}52%,to{opacity:1}}}.hud-lives{position:relative}.hud-gift{color:#fff;background:var(--accent);border:3px solid var(--ink);width:40px;height:40px;box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:50%;padding:7px;animation:1.8s ease-in-out infinite wiggle;position:absolute;top:-6px;right:0}.hud-gift[hidden]{display:none}.hud-gift svg{width:100%;height:100%;display:block}@keyframes wiggle{0%,70%,to{transform:rotate(0)}78%,94%{transform:rotate(-10deg)}86%{transform:rotate(10deg)}}.pet-slot{flex-direction:column;align-items:center;gap:6px;margin:-8px 0 8px;display:flex}.pet-slot[hidden]{display:none}.pet-orb,.pet-portrait{width:var(--orb);height:var(--orb);border:4px solid var(--ink);background:radial-gradient(circle at 35% 30%,#e9ffe0,#b9e8b0 70%);border-radius:50%;padding:0;overflow:hidden}.pet-orb{box-shadow:0 4px 0 var(--ink);cursor:pointer}.pet-portrait{width:104px;height:104px;margin:0 auto}.pet-orb svg,.pet-portrait svg{width:100%;height:100%;display:block}.pet-orb.bounce{animation:.55s ease-out pet-bounce}@keyframes pet-bounce{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-14px)scale(.96,1.05)}60%{transform:translateY(0)scale(1.08,.92)}}.pet-caption{justify-content:center;display:flex}.pet-text{font-family:var(--font-display);color:var(--paper);background:#3b1f4a99;border-radius:999px;padding:2px 12px;font-size:15px}.pet-bar{width:var(--orb);background:var(--paper);border:2px solid var(--ink);border-radius:999px;height:12px;overflow:hidden}.pet-bar.wide{width:100%;height:18px}.pet-bar-fill{background:var(--accent);height:100%;transition:width .3s}.mood-line{font-family:var(--font-display);color:var(--accent-dark);font-size:24px}.gift-strip{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.gift-slot{font-family:var(--font-display);background:#fff;border:2px solid #3b1f4a4d;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:13px;display:flex;position:relative}.gift-slot.today{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);background:#fff0f7}.gift-slot.past{opacity:.7}.gift-icon svg{width:24px;height:24px;display:block}.gift-check{color:#fff;border:2px solid var(--ink);background:#1f9d55;border-radius:50%;width:16px;height:16px;font-size:11px;line-height:13px;position:absolute;top:-7px;right:-5px}.album{flex-direction:column;gap:12px;display:flex}.album-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.album-title{font-family:var(--font-display);color:var(--paper);margin:0;font-size:26px;font-weight:600}.pill.season{padding:6px 12px;font-size:15px}.set-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.set-tab{min-height:48px;font-family:var(--font-display);color:var(--ink);background:var(--paper);border:3px solid var(--ink);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;padding:4px;font-size:16px;display:flex}.set-tab.active{color:#fff;background:var(--accent)}.set-tab-count{font-size:13px}.set-reward{text-align:center;font-family:var(--font-display);color:var(--paper);font-size:17px}.set-reward.done{color:var(--highlight)}.sticker-grid,.unlock-grid,.reveal-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.unlock-grid{justify-content:center}.sticker{text-align:center;border:3px solid var(--ink);min-height:116px;box-shadow:0 3px 0 var(--ink);background:#e6f6f2;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:20px 6px 8px;display:flex;position:relative}.sticker.rare{background:#eadcff}.sticker.gold{background:linear-gradient(160deg,#fff0a3,#ffc61a)}.sticker.compact{min-height:100px;padding-top:18px}.sticker-art{width:44px;height:44px;color:var(--glyph)}.sticker-art svg{width:100%;height:100%;display:block}.sticker-name{font-family:var(--font-display);font-size:13px;line-height:1.15}.sticker-ribbon,.sticker-new{font-family:var(--font-display);text-transform:uppercase;color:#fff;border:2px solid var(--ink);background:#3f8f86;border-radius:10px 0;padding:1px 8px;font-size:13px;position:absolute;top:-3px;left:-3px}.rare .sticker-ribbon{background:#8a4bd8}.gold .sticker-ribbon{color:var(--ink);background:var(--gold)}.sticker-count{font-family:var(--font-display);font-size:15px;position:absolute;top:3px;right:6px}.sticker.missing{box-shadow:none;background:#cfd3d8;border-style:dashed;border-color:#3b1f4a66}.sticker.missing .sticker-art{color:#8a9099;opacity:.6}.sticker.missing .sticker-name{color:#6b727c}.pack-panel{text-align:center;background:var(--paper);border:3px solid var(--ink);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.odds{font-size:13px;font-weight:800}.flip{perspective:600px;cursor:pointer;background:0 0;border:0;min-height:124px;padding:0}.flip-inner{height:100%;min-height:124px;transform-style:preserve-3d;transition:transform .5s;display:block;position:relative}.flip.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;display:flex;position:absolute;inset:0}.flip-face .sticker{width:100%}.flip-front{font-family:var(--font-display);color:#fff;background:var(--accent);border:3px solid var(--ink);border-radius:14px;justify-content:center;align-items:center;font-size:36px}.flip-back{transform:rotateY(180deg)}.sticker-new{color:var(--ink);background:var(--highlight);border-radius:10px 0;inset:auto -3px -3px auto}.modal.daily{max-width:400px}@media (prefers-reduced-motion:reduce){.hud-gift,.pet-orb.bounce{animation:none}.flip-inner,.pet-bar-fill{transition:none}}@media (orientation:portrait){.panel-album{height:calc(100vh - var(--tab-h) - 52px);overflow-y:auto}}@media (orientation:portrait) and (height<=759px){:root{--chrome-h:175px}.app{padding:8px 16px calc(var(--tab-h) + 12px)}.panel-play:not([hidden]){grid-template-columns:1fr auto;align-items:center;column-gap:8px;display:grid}.panel-play .hud{grid-area:1/1;gap:6px;margin-bottom:8px}.panel-play .pet-slot{grid-area:1/2;margin:0 0 8px}.panel-play .board{grid-area:2/1/auto/-1}.pet-caption{display:none}.pet-orb{border-width:3px;width:40px;height:40px}.hud-level,.hud-moves,.hud-coins{padding:4px 12px}.panel-album{height:calc(100vh - var(--tab-h) - 20px)}}@media (orientation:portrait) and (width>=561px){:root{--col-max:min(92vw, 760px);--chrome-h:max(306px, calc(190px + 17.5vmin));--tab-h:clamp(64px, 7.4vmin, 84px);--orb:clamp(76px, 10vmin, 104px);--gap:clamp(8px, 1.4vmin, 14px);--pill:clamp(18px, 2.8vmin, 26px)}.app{padding-bottom:calc(var(--tab-h) + 14px + env(safe-area-inset-bottom))}.hud-level,.hud-moves,.hud-coins,.pill{font-size:var(--pill);padding:clamp(8px,1.2vmin,12px) clamp(14px,2vmin,20px)}.hud-timer,.set-reward{font-size:clamp(16px,2.4vmin,22px)}.heart{width:clamp(24px,3.4vmin,34px);height:clamp(24px,3.4vmin,34px)}.room-name,.album-title{font-size:clamp(24px,3.6vmin,34px)}.progress{height:clamp(26px,3.4vmin,34px)}.progress-text,.set-tab{font-size:clamp(15px,2.2vmin,20px)}.banner,.mood-line{font-size:clamp(22px,3vmin,28px)}.tab{font-size:clamp(13px,1.9vmin,17px)}.tab svg{width:clamp(24px,3.4vmin,32px);height:clamp(24px,3.4vmin,32px)}.set-tab-count,.sticker-name,.odds{font-size:clamp(13px,1.8vmin,17px)}.sticker{min-height:clamp(116px,17vmin,150px)}.sticker-art{width:clamp(44px,7vmin,64px);height:clamp(44px,7vmin,64px)}.modal,.modal.sheet,.modal.daily{max-width:clamp(360px,66vmin,560px)}.modal-title{font-size:clamp(30px,4vmin,38px)}.btn{min-height:clamp(52px,6vmin,64px);font-size:clamp(19px,2.4vmin,23px)}.note{font-size:clamp(14px,1.9vmin,17px)}}@media (orientation:landscape){:root{--rail-w:clamp(72px, 8vmin, 92px);--gap:clamp(8px, 1.2vmin, 14px);--ui:clamp(16px, 2.4vmin, 26px);--orb:clamp(56px, 10vmin, 110px);--land-chrome:118px;--floor-bottom:0px;--shelf-w:min(calc((100vw - var(--rail-w) - 48px - 4 * var(--gap)) / 5), calc((100vh - var(--land-chrome)) / 7.5))}.app{max-width:none;height:100vh;min-height:0;padding:8px 12px 8px calc(var(--rail-w) + 12px);margin:0;overflow:hidden}.panel:not(.panel-play){max-width:900px;height:calc(100vh - 16px);margin:0 auto;padding-bottom:16px;overflow-y:auto}.home{width:min(100%,clamp(360px,136vh - 272px,900px));margin:0 auto}.panel-play:not([hidden]){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:6px;height:calc(100vh - 16px);display:grid}.panel-play .hud{background:#3b1f4a47;border-radius:999px;flex-direction:row;grid-area:1/2;justify-content:center;justify-self:center;align-items:center;gap:14px;margin:0;padding:5px 16px;box-shadow:inset 0 2px 6px #3b1f4a59}.panel-play .pet-slot{grid-area:1/3/span 2;place-self:end start;margin:0 0 8px 20px}.panel-play .board{grid-area:2/2;align-self:end;margin-bottom:6px;padding-top:22px}.hud-row{flex-direction:row;align-items:center;gap:10px}.hud-level,.hud-moves,.hud-coins{font-size:var(--ui);box-shadow:0 2px 0 var(--ink);border-width:2px;padding:3px 14px}.hud-lives{flex-wrap:nowrap;min-height:0}.hud-gift{width:calc(var(--ui) * 1.8);height:calc(var(--ui) * 1.8);position:static}.hud-timer{font-size:var(--ui);min-width:0}.heart{width:clamp(20px,3vmin,32px);height:clamp(20px,3vmin,32px)}.pet-orb{width:var(--orb);height:var(--orb)}.pet-bar:not(.wide){width:var(--orb)}.tabbar{width:var(--rail-w);border-top:0;border-right:3px solid var(--ink);flex-direction:column;justify-content:center;max-width:none;margin:0;padding-bottom:0;top:0;right:auto}.tab{flex:none;min-height:64px;font-size:clamp(13px,1.6vmin,17px)}.tab svg{width:clamp(24px,3.2vmin,34px);height:clamp(24px,3.2vmin,34px)}.sticker-name{font-size:clamp(14px,1.5vmin,18px)}.sticker-art{width:clamp(44px,6vmin,64px);height:clamp(44px,6vmin,64px)}.toast-layer{left:calc(var(--rail-w) + 12px);width:160px;bottom:16px;right:auto}.toast{text-align:center;max-width:100%}.modal-layer,.sheet-layer{align-items:center;padding:8px}.modal,.modal.sheet,.modal.daily{gap:8px;max-width:520px;max-height:calc(100vh - 16px);padding:14px 18px;overflow-y:auto}.modal.sheet{border-radius:22px}.modal-title{font-size:clamp(26px,3.4vmin,34px)}.btn{min-height:44px}:root:has(.board>.board-row:nth-child(1 of .board-row):nth-last-child(1 of .board-row)){--shelf-w:min(calc((100vw - var(--rail-w) - 48px - 4 * var(--gap)) / 5), calc((100vh - var(--land-chrome)) / 3.8), max(120px, 19vh))}}@media (orientation:landscape) and (height<=560px){:root{--land-chrome:98px}.panel-play .board{padding-top:16px}.panel-play .pet-caption{display:none}}.room-name,.album-title,.shop-heading{text-shadow:0 2px #3b1f4a99}.fatal{background:var(--paper);border:4px solid var(--ink);max-width:480px;box-shadow:0 8px 0 var(--ink);border-radius:22px;margin:24px auto;padding:20px}.fatal-title{font-family:var(--font-display);margin:0 0 8px;font-weight:600}.fatal-text{white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px}@media (orientation:portrait){:root:has(.board>.board-row:nth-child(1 of .board-row):nth-last-child(1 of .board-row)){--shelf-w:min(calc((var(--col-w) - 32px - 4 * var(--gap)) / 5), calc((100vh - var(--chrome-h)) / 3.8))}:root{--play-min:calc(100vh - 12px - var(--tab-h) - 40px - env(safe-area-inset-bottom))}.panel-play:not([hidden]):has(.board>.board-row:nth-child(1 of .board-row):nth-last-child(1 of .board-row)){min-height:var(--play-min);flex-direction:column;display:flex}.panel-play .board:has(>.board-row:nth-child(1 of .board-row):nth-last-child(1 of .board-row)){flex:1;justify-content:center;padding-bottom:16px}.toast-layer{bottom:calc(var(--tab-h) + 6px + env(safe-area-inset-bottom))}.toast{max-width:92vw;box-shadow:0 2px 0 var(--ink);border-width:2px;padding:4px 12px;font-size:14px;line-height:1.15}.toast:not(:last-child){display:none}}@media (orientation:portrait) and (height<=759px){:root{--play-min:calc(100vh - 8px - var(--tab-h) - 12px - env(safe-area-inset-bottom))}.panel-play:not([hidden]):has(.board>.board-row:nth-child(1 of .board-row):nth-last-child(1 of .board-row)){min-height:var(--play-min);grid-template-rows:auto 1fr;display:grid}.panel-play .board:has(>.board-row:nth-child(1 of .board-row):nth-last-child(1 of .board-row)){align-content:center;padding-bottom:0}}@media (orientation:portrait) and (width>=561px){:root{--play-min:calc(100vh - 12px - var(--tab-h) - 14px - env(safe-area-inset-bottom))}}@media (orientation:portrait) and (width>=561px) and (height<=759px){:root{--play-min:calc(100vh - 8px - var(--tab-h) - 14px - env(safe-area-inset-bottom))}}@media (orientation:landscape){.toast-layer{top:calc(var(--ui) * 2.5 + 20px);width:auto;bottom:auto;left:0;right:0}.toast{max-width:60vw;box-shadow:0 2px 0 var(--ink);border-width:2px;padding:2px 12px;font-size:14px;line-height:1.15}.toast:not(:last-child){display:none}}.shop{flex-direction:column;gap:14px;padding-bottom:16px;display:flex}.shop-heading{font-family:var(--font-display);color:var(--paper);margin:0;font-size:26px;font-weight:600}.shop-card{background:var(--paper);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.shop-title{font-family:var(--font-display);margin:0;font-size:22px;font-weight:600}.shop-card .progress{height:20px}.piggy-head{align-items:center;gap:12px;display:flex}.piggy-art{flex:none;width:72px}.piggy-amount{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:28px}.pass-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pill.pass-progress{padding:6px 12px;font-size:15px}.pass-track{scroll-snap-type:x proximity;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.pass-step{scroll-snap-align:start;flex-direction:column;flex:0 0 76px;gap:6px;display:flex}.pass-num{font-family:var(--font-display);text-align:center;opacity:.6;font-size:16px}.pass-step.reached .pass-num{opacity:1;color:var(--accent-dark)}.pass-reward{min-height:84px;font-family:var(--font-display);text-align:center;background:var(--shelf);border:3px solid var(--ink);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:14px;display:flex;position:relative}.pass-reward.paid{background:var(--highlight)}.pass-reward.locked{opacity:.6}.pass-state{font-size:18px}.pass-lock svg{width:20px;height:20px;display:block}.btn.pass-claim{min-height:34px;box-shadow:0 2px 0 var(--ink);border-width:2px;padding:2px 6px;font-size:14px}.ladder-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.ladder-row.anchor .ladder-coins{font-size:26px}.ladder-label{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.ladder-coins{font-family:var(--font-display);font-size:19px}.ladder-tag{font-family:var(--font-display);color:#fff;background:var(--accent);border:2px solid var(--ink);border-radius:999px;padding:2px 8px;font-size:13px}.btn.ladder-buy{flex:none;width:112px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:48px;font-family:var(--font-display);color:var(--ink);background:var(--paper);border:3px solid var(--ink);cursor:pointer;border-radius:999px;flex:auto;padding:6px 12px;font-size:16px}.chip.selected{background:var(--highlight);box-shadow:0 0 0 3px var(--accent)}.modal.offer .reward{font-size:30px}.tile.run{z-index:1;transform-origin:50% 100%;filter:drop-shadow(0 6px 5px #3b1f4a59);animation:1.1s ease-in-out infinite tile-bob;transform:translateY(-14%)scale(1.06)}@keyframes tile-bob{0%,to{transform:translateY(-14%)scale(1.06)}50%{transform:translateY(-20%)scale(1.06)}}.shelf-glow{pointer-events:none;opacity:0;background:radial-gradient(closest-side,#ffe27af2,#ffc61a00 100%);border-radius:20px;position:absolute;inset:-10px}.fx-layer{z-index:4;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx-particle{pointer-events:none;will-change:transform, opacity;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:0;left:0}.fx-particle.fx-star{clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%);border-radius:0;width:14px;height:14px;margin:-7px 0 0 -7px}.fx-canvas{z-index:4;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.tile.run{animation:none}}.board{position:relative}.hand-pointer{pointer-events:none;opacity:0;filter:drop-shadow(0 5px 4px #1e0c0473);position:absolute;top:0;left:0}.hand-pointer svg{width:100%;height:100%;display:block;overflow:visible}.spot .ghost{opacity:.16;pointer-events:none;transition:opacity .2s}.ghost *{fill:#4b2a60;stroke:#4b2a60}.ghost [fill=none]{fill:none}.ghost .soft{display:none}.ghost [stroke=none]{stroke:none}.spot.empty.affordable .ghost{opacity:.24}.spot.empty:hover .ghost{opacity:.34}.spot-pill{transform-box:fill-box;transform-origin:50%;transition:transform .15s}.spot.empty:hover .spot-pill{transform:scale(1.08)}.spot-pill.locked .pill-body{fill:#efe3cb}.spot-pill.locked{opacity:.85}.spot-pill.next{animation:1.3s ease-in-out infinite spot-pill-pulse}.spot.pop{transform-box:fill-box;transform-origin:50% 100%;animation:.35s cubic-bezier(.3,1.3,.5,1) spot-pop}@keyframes spot-pill-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes spot-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.spot-pill.next,.spot.pop{animation:none}}.hud-lives{justify-content:flex-start}.hud-sound{gap:4px;display:flex}.hud-sound+.hud-hearts{margin-left:8px}.hud-timer{min-width:0}.sound-toggle{width:40px;min-width:40px;height:40px;min-height:40px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:50%;padding:8px;position:relative}.sound-toggle:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.sound-toggle svg{width:100%;height:100%;display:block}.sound-toggle .sound-slash{width:auto;height:auto;display:none;position:absolute;inset:4px}.sound-toggle.off{color:#3b1f4a8c;background:#fff8eab3}.sound-toggle.off .sound-slash{color:var(--accent);display:block}@media (orientation:landscape){.hud-lives{justify-content:center}.hud-sound{gap:6px}.hud-sound+.hud-hearts{margin-left:0}.sound-toggle{width:calc(var(--ui) * 1.8);height:calc(var(--ui) * 1.8);min-width:40px;min-height:40px;box-shadow:0 2px 0 var(--ink);border-width:2px;padding:6px}}