@font-face{font-family:Rubik Bubbles;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-bubbles-latin-400-normal-qecFTwof.woff2)format("woff2"),url(./rubik-bubbles-latin-400-normal-BwD6umx9.woff)format("woff")}@font-face{font-family:Rubik Bubbles;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-bubbles-cyrillic-400-normal-DMr8TGRO.woff2)format("woff2"),url(./rubik-bubbles-cyrillic-400-normal-BN0unkfD.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")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(./nunito-cyrillic-800-normal-DymMgApb.woff)format("woff")}:root{--bg:#bfe9ff;--bg-2:#f2fbff;--ink:#3b2a20;--ink-soft:#7a6253;--chip:#fff;--chip-edge:#cfe1ee;--accent:#ff6a3d;--accent-edge:#d6481f;--on-accent:#fff;--leaf:#4fbf5a;--leaf-edge:#36974a;--star:#ffd23f;--star-edge:#e0a516;--star-off:#e6e9f0;--focus:#2f7dd1;--shadow:#283c5a38;--scrim:#192d5080;--rainbow:linear-gradient(90deg, #ff6b9a, #ffa94d, #ffe066, #69db7c, #4dabf7, #b197fc);--font-display:"Rubik Bubbles", "Arial Rounded MT Bold", system-ui, sans-serif;--font-ui:"Nunito", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--font-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--safe-t:max(env(safe-area-inset-top), 12px);--safe-b:max(env(safe-area-inset-bottom), 12px);--safe-l:max(env(safe-area-inset-left), 14px);--safe-r:max(env(safe-area-inset-right), 14px);--apple-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-20 -22 40 42'%3E%3Cpath d='M0-12q-2-7 4-9' fill='none' stroke='%236b4026' stroke-width='3' stroke-linecap='round'/%3E%3Cellipse cx='7' cy='-14' rx='6' ry='3' fill='%2352b043' transform='rotate(-25 7 -14)'/%3E%3Cpath d='M0-10C-8-16-18-10-17 2-16 13-7 19 0 15 7 19 16 13 17 2 18-10 8-16 0-10Z' fill='%23ef3b36' stroke='%23c4221d' stroke-width='2'/%3E%3Cellipse cx='-8' cy='-3' rx='3' ry='5' fill='%23ff9a8a' transform='rotate(25 -8 -3)'/%3E%3C/svg%3E");--paw-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-20 -20 40 40'%3E%3Cg fill='%23d9772e'%3E%3Cellipse cx='0' cy='6' rx='9' ry='8'/%3E%3Ccircle cx='-11' cy='-4' r='4.5'/%3E%3Ccircle cx='-4' cy='-11' r='4.5'/%3E%3Ccircle cx='4' cy='-11' r='4.5'/%3E%3Ccircle cx='11' cy='-4' r='4.5'/%3E%3C/g%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}[hidden]{display:none!important}html{touch-action:manipulation;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-weight:800;overflow:hidden}button{font:inherit;color:inherit;touch-action:manipulation}button:focus-visible{outline:4px solid var(--focus);outline-offset:3px}svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}svg .fill{fill:currentColor;stroke:none}canvas{display:block}#app{height:100%;position:relative;overflow:hidden}.screen{position:absolute;top:0;bottom:0;left:0;right:0}.apple-icon,.paw{background:var(--apple-svg) center / contain no-repeat;flex:none;width:1.15em;height:1.2em;display:inline-block}.paw{background-image:var(--paw-svg);width:1.2em;height:1.2em}.apple-icon.big,.paw.big{width:42px;height:44px}.chip{background:var(--chip);min-width:56px;height:56px;box-shadow:0 5px 0 var(--chip-edge);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:20px;display:inline-flex}.chip.round{width:56px;padding:0}.chip.big{height:66px;font-size:22px}.chip.round.big{width:66px}.chip svg{width:28px;height:28px}.chip.counter{cursor:default;font-variant-numeric:tabular-nums;padding:0 18px 0 14px}.primary{background:var(--accent);height:66px;color:var(--on-accent);box-shadow:0 6px 0 var(--accent-edge);text-shadow:0 2px 0 var(--accent-edge);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px 0 30px;font-size:26px;display:inline-flex}.primary svg{width:28px;height:28px}.primary.huge{height:84px;box-shadow:0 8px 0 var(--accent-edge);padding:0 44px 0 36px;font-size:34px}.primary.huge svg{width:38px;height:38px}.chip:active,.primary:active,.node:active,.item:active,.tab:active,.friend:active,.style-btn:active{transform:translateY(4px)}.sound-btn .off,.sound-btn[aria-pressed=false] .on,.music-btn .off,.music-btn[aria-pressed=false] .on{display:none}.sound-btn[aria-pressed=false] .off,.music-btn[aria-pressed=false] .off{display:block}.sound-btn[aria-pressed=false],.music-btn[aria-pressed=false]{color:#9aa3b5}.shake{animation:.4s ease-in-out shake}@keyframes shake{25%{transform:translate(-6px)rotate(-3deg)}75%{transform:translate(6px)rotate(3deg)}}.home{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:radial-gradient(circle at 12% 16%, #ffffffd9 0 42px, transparent 43px), radial-gradient(circle at 17% 13%, #ffffffd9 0 32px, transparent 33px), radial-gradient(circle at 85% 22%, #ffffffbf 0 36px, transparent 37px), radial-gradient(ellipse at 20% 112%, #9ad57f 0 36%, transparent 36.3%), radial-gradient(ellipse at 85% 115%, #b5e39c 0 40%, transparent 40.3%), linear-gradient(var(--bg), #e6f7ff 70%, #f7fbe9);flex-direction:column;justify-content:space-between;align-items:center;gap:6px;display:flex;overflow-y:auto}.corner{justify-content:flex-end;align-self:stretch;gap:12px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:2px;margin-top:-40px;display:flex}.title{font-family:var(--font-display);color:#ff8a2a;-webkit-text-stroke:2px #fff;paint-order:stroke fill;text-shadow:0 5px #c9581a,0 10px 18px #96461440;margin:0;font-size:clamp(50px,min(12vw,13vh),120px);font-weight:400;line-height:1.02}.tagline{max-width:36ch;color:var(--ink-soft);text-wrap:balance;margin:0;font-size:clamp(18px,min(2.8vw,3.6vh),28px)}.stage{cursor:pointer;flex:none;width:min(720px,100%);height:clamp(140px,30vh,300px)}.home-actions{flex-direction:column;align-items:center;gap:18px;padding-bottom:6px;display:flex}.home-play{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 22px;display:flex}.styles{gap:12px;display:flex}.style-btn{width:132px;height:104px;box-shadow:0 5px 0 var(--chip-edge);color:var(--ink-soft);cursor:pointer;background:#ffffffb3;border:0;border-radius:26px;flex-direction:column;align-items:center;gap:2px;padding:6px 6px 8px;font-size:18px;display:flex;position:relative}.style-btn[aria-pressed=true]{color:var(--leaf-edge);box-shadow:0 5px 0 var(--leaf-edge), 0 0 0 4px var(--leaf);background:#fff}.style-pic{flex:1;width:100%;min-height:0}.home-row{flex-wrap:wrap;justify-content:center;gap:14px 16px;display:flex}.menu-btn{padding-left:10px;position:relative}.menu-pic{background:#eef8ff;border-radius:50%;flex:none;width:50px;height:50px;box-shadow:0 0 0 3px #dff1ff}.dot{background:var(--accent);border-radius:50%;width:22px;height:22px;animation:1.2s ease-in-out infinite pulse;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 3px #fff}@keyframes pulse{50%{scale:1.25}}.bar{padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);align-items:center;gap:12px;display:flex;position:relative}.screen-title{min-width:0;font-family:var(--font-display);color:#ff8a2a;-webkit-text-stroke:2px #fff;paint-order:stroke fill;text-shadow:0 4px #c9581a;text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:clamp(26px,4.4vw,44px);font-weight:400;line-height:1.1;overflow:hidden}.star-icon{color:var(--star);-webkit-text-stroke:1px var(--star-edge);font-size:1.3em;line-height:1}.map{background:linear-gradient(#bfe9ff,#eaf8ff);flex-direction:column;display:flex}.world{min-height:0;margin:12px var(--safe-r) var(--safe-b) var(--safe-l);flex:1;position:relative}.zones,.nodes{position:absolute;top:0;bottom:0;left:0;right:0}.nodes{pointer-events:none}.zone{background:radial-gradient(ellipse at 30% 108%, var(--z-land) 0 45%, transparent 45.4%), radial-gradient(ellipse at 85% 112%, var(--z-land2) 0 42%, transparent 42.4%), linear-gradient(var(--z-sky), var(--z-sky2));border-radius:30px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 4px #fff9}.zone[data-zone=hills]{--z-sky:#8fd3ff;--z-sky2:#e8f8ff;--z-land:#9ad57f;--z-land2:#ffe36b}.zone[data-zone=forest]{--z-sky:#86cde8;--z-sky2:#eefaf0;--z-land:#4fa86a;--z-land2:#7fb6cf}.zone[data-zone=shore]{--z-sky:#6fc8f5;--z-sky2:#fff3d9;--z-land:#f6e2a7;--z-land2:#57b5e3}.zone[data-zone=factory]{--z-sky:#2b2f6b;--z-sky2:#6a58b0;--z-land:#6a7596;--z-land2:#8a72d8}.zone-name{text-align:center;color:var(--ink);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:clamp(15px,1.8vw,21px);line-height:1.1;display:flex;position:absolute;top:10px;left:0;right:0}.zone[data-zone=factory] .zone-name{color:#fff}.zone[data-corner=right] .zone-name,.zone[data-corner=left] .zone-name{justify-content:flex-end;padding:0;font-size:14px;top:6px;left:auto;right:6px}.zone[data-corner=left] .zone-name{justify-content:flex-start;left:6px;right:auto}.zone-icon{font-family:var(--font-emoji);font-size:1.4em}.zone-text{background:#ffffffa6;border-radius:999px;padding:3px 10px}.zone[data-zone=factory] .zone-text{background:#00000040}.zone.locked{filter:grayscale(.85)brightness(1.05)}.zone-lock{color:var(--ink);z-index:3;pointer-events:none;background:#ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.zone-lock svg{width:56px;height:56px;color:var(--ink-soft)}.zone-lock b{background:#fff;border-radius:999px;padding:4px 14px}.path-line{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.path-line .trail-glow{stroke:#ffffffb3;stroke-width:30px}.path-line .trail{stroke:#c98a55;stroke-width:7px;stroke-dasharray:1 15}.node{aspect-ratio:1;width:clamp(66px,9.5vmin,96px);box-shadow:0 6px 0 #a9c8de, 0 10px 16px var(--shadow);cursor:pointer;pointer-events:auto;background:radial-gradient(circle at 35% 30%,#fff,#f6fbff 60%,#dff1ff);border:0;border-radius:30%;place-items:center;padding:0;display:grid;position:absolute;translate:-50% -50%}.node.big{width:clamp(80px,12vmin,120px);box-shadow:0 7px 0 #e0b26a, 0 10px 16px var(--shadow);background:radial-gradient(circle at 35% 30%,#fff,#fff5e0 60%,#ffe2b0);border-radius:50%}.node-pic{pointer-events:none;grid-area:1/1;width:84%;height:84%}.node-num{background:var(--accent);color:#fff;width:32px;height:32px;box-shadow:0 3px 0 var(--accent-edge);border-radius:50%;place-items:center;font-size:18px;line-height:1;display:grid;position:absolute;top:-10px;left:-10px}.node-heart{color:#ff5fa2;-webkit-text-stroke:2px #fff;paint-order:stroke fill;font-size:24px;position:absolute;top:-10px;right:-8px}.node-stars{font-size:clamp(20px,3vmin,27px);line-height:1;display:flex;position:absolute;bottom:-15px;left:50%;translate:-50%}.node-stars i{color:var(--star-off);-webkit-text-stroke:1px #b8bfcf;font-style:normal}.node-stars i:nth-child(2){translate:0 4px}.node-stars i.on{color:var(--star);-webkit-text-stroke:1px var(--star-edge)}.node.locked{box-shadow:0 6px 0 #b9bccb, 0 10px 16px var(--shadow);cursor:default;background:radial-gradient(circle at 35% 30%,#f6f6f8,#dcdee6)}.node.locked .node-stars,.node.locked .node-num{display:none}.node-lock{color:#8f93a6;grid-area:1/1;width:36%;height:36%}.node.next{box-shadow:0 6px 0 #a9c8de, 0 0 0 6px #ffffffe6, 0 0 0 12px #ff6a3d73, 0 10px 16px var(--shadow);z-index:2;animation:1.6s ease-in-out infinite bob}@keyframes bob{50%{translate:-50% calc(-50% - 8px)}}.node-hog{pointer-events:none;width:62%;height:62%;animation:.9s ease-in-out infinite hop;position:absolute;top:-46%;left:50%;translate:-50%}@keyframes hop{50%{transform:translateY(-8px)}}.shop-screen,.friends{background:radial-gradient(at 25% 112%,#d9f4c7 0 40%,#0000 40.3%),radial-gradient(at 85% 110%,#fff1bf 0 36%,#0000 36.3%),linear-gradient(#dff3ff,#f6fcff);flex-direction:column;display:flex}.shop-body{min-height:0;padding:10px var(--safe-r) var(--safe-b) var(--safe-l);flex:1;gap:12px;display:flex}.preview-wrap{background:radial-gradient(closest-side,#fffffff2,#fff0),linear-gradient(#ffffff80,#dff1ffcc);border-radius:36px;flex:0 0 34%;place-items:center;padding:10px;display:grid;box-shadow:inset 0 0 0 4px #fffc}.preview{width:100%;height:100%;max-height:360px}.shop{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.tab{cursor:pointer;min-width:0;height:86px;color:var(--ink-soft);background:#ffffffbf;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:4px 2px 6px;font-size:15px;display:flex;box-shadow:0 5px #283c5a26}.tab.active{color:var(--accent-edge);box-shadow:0 5px 0 var(--accent-edge), 0 0 0 4px var(--accent);background:#fff}.tab-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab-pic{flex:none;width:58px;height:52px}.cards{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:14px;min-height:0;padding:6px 4px 12px;display:grid;overflow-y:auto}.item{cursor:pointer;background:#fff;border:0;border-radius:28px;flex-direction:column;align-items:center;gap:4px;min-height:56px;padding:8px 8px 12px;display:flex;position:relative;box-shadow:0 6px #d6e4ef}.item.chosen{box-shadow:0 6px 0 var(--leaf-edge), 0 0 0 5px var(--leaf)}.item.locked .item-pic{filter:saturate(.6);opacity:.8}.item-pic{width:100%;height:clamp(84px,14vh,120px)}.item-name{text-align:center;place-items:center;min-height:2.3em;font-size:17px;line-height:1.15;display:grid}.tag{height:42px;color:var(--ink-soft);background:#eef3f8;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:19px;display:inline-flex}.tag svg{width:22px;height:22px}.tag-chosen{background:var(--leaf);color:#fff}.tag-price{font-variant-numeric:tabular-nums}.tag-price.go{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-edge);animation:1.4s ease-in-out infinite pulse}.album{min-height:0;padding:12px var(--safe-r) var(--safe-b) var(--safe-l);touch-action:pan-y;flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));align-content:start;gap:14px 18px;display:grid;overflow-y:auto}.album-zone{background:#fff9;border-radius:30px;padding:10px 12px 14px;box-shadow:inset 0 0 0 3px #ffffffe6}.album-zone[data-zone=forest]{background:#c8ecd299}.album-zone[data-zone=shore]{background:#fff0c8b3}.album-zone[data-zone=factory]{background:#d0c8ff8c}.album-title{color:var(--ink-soft);margin:0 0 8px 6px;font-size:20px}.album-title span{font-family:var(--font-emoji)}.album-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.friend{cursor:pointer;background:#fff;border:0;border-radius:22px;flex-direction:column;align-items:center;gap:2px;min-height:56px;padding:6px 4px 8px;display:flex;box-shadow:0 5px #d6e4ef}.friend.secret{background:linear-gradient(#fff,#fff4fa);box-shadow:0 5px #f1c3dc,0 0 0 3px #ffd6ec}.friend.unknown{background:#eef3f8}.friend.hop .friend-pic{animation:.6s ease-out friend-hop}@keyframes friend-hop{40%{transform:translateY(-16px)rotate(-6deg)}}.friend-pic{width:100%;height:clamp(66px,10vh,96px)}.friend-name{text-align:center;place-items:center;min-height:2.2em;font-size:14px;line-height:1.1;display:grid}.play{background:var(--bg)}.canvas{touch-action:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.backdrop{pointer-events:none}.hud{padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud .counter{justify-content:flex-start;gap:6px;min-width:96px;font-size:24px}.hud-apples .apple-icon{width:32px;height:34px}.hud-friends .paw{width:30px;height:30px}.hud-apples.bump .apple-icon{animation:.3s ease-out apple-bump}.hud-apples.bump2 .apple-icon{animation:.3s ease-out apple-bump2}.hud-friends.bump,.hud-friends.bump2,.boss-bar.bump,.boss-bar.bump2{animation:.4s ease-out apple-bump}.hud-friends.bump2,.boss-bar.bump2{animation-name:apple-bump2}@keyframes apple-bump{40%{transform:scale(1.3)rotate(-10deg)}}@keyframes apple-bump2{40%{transform:scale(1.3)rotate(10deg)}}.boss-bar{--k:0;max-width:420px;height:34px;box-shadow:inset 0 0 0 4px #fff, 0 4px 10px var(--shadow);background:#d9dde6;border-radius:999px;flex:1;margin-left:auto;position:relative;overflow:hidden}.boss-fill{background:var(--rainbow);clip-path:inset(0 calc((1 - var(--k)) * 100%) 0 0 round 999px);border-radius:999px;transition:clip-path .35s ease-out;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.boss-pips{justify-content:space-around;align-items:center;display:flex;position:absolute;top:4px;bottom:4px;left:10px;right:10px}.boss-pips i{background:#aeb5c3;border-radius:50%;width:12px;height:12px}.boss-pips i.on{background:#fff}.steer{pointer-events:none;height:0;position:absolute;top:auto;bottom:0;left:0;right:0}.pad{left:var(--safe-l);bottom:var(--safe-b);width:clamp(220px,30vw,320px);height:124px;box-shadow:inset 0 0 0 4px #ffffffe6, 0 6px 16px var(--shadow);pointer-events:auto;touch-action:none;background:#ffffff8c;border-radius:62px;position:absolute}.pad-arrow{border:14px solid #0000;width:0;height:0;position:absolute;top:50%;translate:0 -50%}.pad-arrow.left{border-left:0;border-right:20px solid #3b2a2059;left:14px}.pad-arrow.right{border-left:20px solid #3b2a2059;border-right:0;right:14px}.pad-down{border:10px solid #0000;border-top:14px solid #3b2a204d;border-bottom:0;position:absolute;bottom:6px;left:50%;translate:-50%}.knob{width:84px;height:84px;box-shadow:0 5px 0 #5a3fc4, 0 8px 14px var(--shadow);pointer-events:none;background:radial-gradient(circle at 35% 30%,#a891ff,#7b5bef);border-radius:50%;margin:-42px 0 0 -42px;transition:transform 50ms linear;position:absolute;top:50%;left:50%}.jump-btn{right:var(--safe-r);bottom:var(--safe-b);background:radial-gradient(circle at 35% 30%, #ff9a73, var(--accent));color:#fff;width:124px;height:124px;box-shadow:0 7px 0 var(--accent-edge), 0 10px 18px var(--shadow);pointer-events:auto;touch-action:none;cursor:pointer;border:0;border-radius:50%;position:absolute}.jump-btn:active{box-shadow:0 2px 0 var(--accent-edge), 0 6px 12px var(--shadow);transform:translateY(5px)}.jump-btn svg{width:60px;height:60px}.hint{pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;translate:-50%}.hint-hand{fill:#fff;stroke:#45305e;stroke-width:3px;filter:drop-shadow(0 4px 4px #00000040);width:72px;height:72px;animation:.9s ease-in-out infinite tap-hand}.hint[data-kind=hold] .hint-hand{animation:1.8s ease-in-out infinite hold-hand}.hint[data-kind=pad] .hint-hand{animation:1.4s ease-in-out infinite drag-x}.hint-text{box-shadow:0 6px 16px var(--shadow);white-space:nowrap;background:#fff;border-radius:999px;padding:6px 18px;font-size:24px}@keyframes tap-hand{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-14px)scale(.9)}}@keyframes hold-hand{0%,to{transform:translateY(-12px)}20%,75%{transform:translateY(4px)scale(.92)}}@keyframes drag-x{0%,to{transform:translate(-50px)}50%{transform:translate(50px)}}.big-title{z-index:6;max-width:calc(100% - 32px);box-shadow:0 10px 30px var(--shadow);font-family:var(--font-display);color:var(--accent);text-align:center;white-space:nowrap;pointer-events:none;background:#fffffff0;border-radius:999px;padding:10px 30px;font-size:clamp(26px,5.4vw,52px);animation:2.6s ease-in-out forwards toast;position:absolute;top:38%;left:50%;translate:-50% -50%}.overlay{z-index:20;background:var(--scrim);place-items:center;padding:24px;animation:.3s ease-out fade;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.card{width:min(480px,100%);box-shadow:0 10px 0 var(--chip-edge), 0 24px 50px var(--shadow);text-align:center;background:#fffdf8;border-radius:40px;flex-direction:column;align-items:center;gap:14px;padding:26px 24px 30px;animation:.5s cubic-bezier(.34,1.56,.64,1) card;display:flex;position:relative}@keyframes card{0%{opacity:0;transform:scale(.6)translateY(40px)}}.card-title{font-family:var(--font-display);color:var(--accent);-webkit-text-stroke:1px var(--accent-edge);text-wrap:balance;margin:0;font-size:clamp(30px,6vw,46px);font-weight:400;line-height:1.1}.result-stars{gap:6px;margin-top:-74px;display:flex}.result-stars span{color:var(--star-off);-webkit-text-stroke:2px #c3c8d6;font-size:84px;line-height:1}.result-stars span:nth-child(2){translate:0 -18px}.result-stars span.on{color:var(--star);-webkit-text-stroke:2px var(--star-edge);animation:.5s cubic-bezier(.34,1.56,.64,1) both star-pop}@keyframes star-pop{0%{transform:scale(0)rotate(-120deg)}}.result-row{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:0;font-size:32px;display:flex}.result-chip{align-items:center;gap:8px;display:inline-flex}.parade{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.parade-friend{width:56px;height:56px;animation:.7s ease-in-out infinite alternate both parade}@keyframes parade{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(-12px)rotate(6deg)}}.result-extra{color:var(--accent-edge);text-wrap:balance;background:#fff1e6;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 18px;font-size:20px;display:flex}.actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;display:flex}.story-card{gap:10px;width:min(760px,100%);padding:16px 16px 20px}.story-skip{z-index:2;position:absolute;top:-14px;right:-10px}.story-canvas{aspect-ratio:16/10;background:var(--bg);border-radius:28px;width:100%;max-height:56vh}.story-text{text-wrap:balance;max-width:36ch;margin:0;font-size:clamp(19px,2.6vw,26px);line-height:1.25}.story-foot{justify-content:space-between;align-self:stretch;align-items:center;gap:12px;padding:0 8px;display:flex}.story-dots{gap:10px;display:flex}.story-dots i{background:#dbe6f0;border-radius:50%;width:16px;height:16px}.story-dots i.on{background:var(--accent)}.toast{left:50%;top:calc(var(--safe-t) + 70px);z-index:40;box-shadow:0 8px 20px var(--shadow);white-space:nowrap;pointer-events:none;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:12px 24px;font-size:22px;animation:2.8s ease-in-out forwards toast;display:flex;position:absolute;translate:-50%}@keyframes toast{0%{opacity:0;transform:translateY(-20px)scale(.8)}12%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.confetti{z-index:30;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}@media (orientation:portrait){.shop-body{flex-direction:column}.preview-wrap{flex:none;height:clamp(150px,24vh,280px)}.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tab{flex-direction:row;gap:4px;height:74px}.tab-pic{width:44px;height:40px}.pad{width:clamp(220px,46vw,320px)}}@media (max-width:640px){.chip{font-size:18px}.chip.counter{padding:0 12px 0 10px}.hud{gap:8px}.hud .counter{min-width:0;height:52px;font-size:20px}.hud .chip.round{width:52px;height:52px}.boss-bar{height:26px}.boss-pips i{width:8px;height:8px}.screen-title{font-size:24px}.map .bar{gap:8px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tab{flex-direction:column;height:78px;font-size:12.5px}.tab-name{white-space:normal;text-align:center;line-height:1.05}.album-row{grid-template-columns:repeat(3,minmax(0,1fr))}.home-actions .primary.huge{padding:0 34px 0 28px}.menu-btn{padding-right:16px;font-size:18px}.menu-pic{width:44px;height:44px}.style-btn{width:124px;height:96px;font-size:16px}.zone-name{font-size:14px;top:6px}.pad{width:52vw;height:104px}.knob{width:72px;height:72px;margin:-36px 0 0 -36px}.jump-btn{width:104px;height:104px}}@media (max-height:560px){.stage{height:96px}.hero{margin-top:-48px}.title{font-size:48px}.tagline{display:none}.primary.huge{height:70px;font-size:28px}.style-btn{height:84px}.home-actions{gap:10px}.card{gap:8px}.pad{height:96px}.jump-btn{width:100px;height:100px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}