.pp-yard{z-index:50;pointer-events:auto;font-family:var(--font,system-ui, sans-serif);color:var(--ink,#17324a);padding:calc(env(safe-area-inset-top) + 10px) 10px calc(env(safe-area-inset-bottom) + 10px);background:#0c283c80;place-items:center;display:grid;position:fixed;inset:0}.pp-yard-card{background:var(--card,#fff);border-radius:26px;flex-direction:column;width:min(94vw,400px);max-height:100%;animation:.22s ease-out pp-yard-pop;display:flex;overflow:hidden;box-shadow:0 10px 40px #0a283c59}@keyframes pp-yard-pop{0%{opacity:0;transform:scale(.9)}}.pp-yard-card.bought .pp-yard-coins{animation:.45s ease-out pp-yard-spend}@keyframes pp-yard-spend{40%{background:#ffe3c9;transform:scale(1.18)}}.pp-yard-head{align-items:center;gap:10px;padding:12px 12px 8px 18px;display:flex}.pp-yard-head h2{flex:1;margin:0;font-size:24px;font-weight:900}.pp-yard-coins{background:#fff4e8;border-radius:999px;align-items:center;gap:5px;padding:5px 12px 5px 9px;font-size:17px;font-weight:900;display:inline-flex}.pp-yard-coins svg,.pp-yard-tag svg,.pp-yard-act svg{flex:none;width:22px;height:15px}.pp-yard-close{width:40px;height:40px;color:var(--ink,#17324a);font:800 22px/1 var(--font,system-ui, sans-serif);cursor:pointer;background:#e9f3f8;border:0;border-radius:50%}.pp-yard-stage{background:#cfeefa;border-radius:20px;margin:0 14px;position:relative;overflow:hidden}.pp-yard-canvas{width:100%;height:clamp(130px,24vh,190px);display:block}.pp-yard-colors{justify-content:center;gap:7px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.pp-yard-dot{cursor:pointer;border:3px solid #fff;border-radius:50%;width:22px;height:22px;padding:0;box-shadow:0 1px 4px #0a283c4d}.pp-yard-dot.on{box-shadow:0 0 0 2px var(--ink,#17324a);transform:scale(1.22)}.pp-yard-tabs{scrollbar-width:none;gap:6px;padding:10px 14px 6px;display:flex;overflow-x:auto}.pp-yard-tab{color:var(--ink,#17324a);font:800 14px/1 var(--font,system-ui, sans-serif);cursor:pointer;background:#eef5f9;border:0;border-radius:999px;flex:1 0 auto;padding:9px 12px}.pp-yard-tab.on{background:var(--accent,#ff7a3d);color:#fff}.pp-yard-grid{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));align-content:start;gap:8px;min-height:120px;padding:4px 14px 10px;display:grid;overflow-y:auto}.pp-yard-item{cursor:pointer;font:800 11.5px/1.15 var(--font,system-ui, sans-serif);color:var(--ink,#17324a);text-align:center;background:#f1f7fa;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:7px 4px 6px;display:flex;position:relative}.pp-yard-icon{border-radius:12px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.pp-yard-icon svg{width:56px;height:56px}.pp-yard-icon canvas{border-radius:10px}.pp-yard-tag{color:#d95a20;align-items:center;gap:3px;font-size:11px;font-weight:900;display:inline-flex}.pp-yard-tag svg{width:17px;height:12px}.pp-yard-item.selected{background:#e7f6fd;box-shadow:inset 0 0 0 3px #7cc6e8}.pp-yard-item.equipped{box-shadow:inset 0 0 0 3px var(--accent,#ff7a3d);background:#fff1e6}.pp-yard-item.equipped .pp-yard-tag{color:#2e9c55}.pp-yard-item:not(.locked):not(.poor) .pp-yard-tag:not(:has(svg)){color:#2e9c55}.pp-yard-item.poor .pp-yard-tag{color:#8a97a5}.pp-yard-item.locked{color:#8a97a5;background:#eef1f4}.pp-yard-item.locked .pp-yard-icon{filter:grayscale()brightness(1.15)opacity(.5)}.pp-yard-item.locked .pp-yard-tag{color:#6b7785}.pp-yard-item.locked .pp-yard-tag svg{fill:#6b7785;width:11px;height:11px}.pp-yard-bar{border-top:1px solid #e3eef4;align-items:center;gap:10px;min-height:62px;padding:10px 14px 14px;display:flex}.pp-yard-sel{flex:1;font-size:14px;font-weight:800;line-height:1.25}.pp-yard-act{font:900 15px/1 var(--font,system-ui, sans-serif);color:var(--ink,#17324a);white-space:nowrap;cursor:pointer;background:#e9f3f8;border:0;border-radius:14px;align-items:center;gap:5px;padding:11px 14px;display:inline-flex}.pp-yard-act[hidden]{display:none}.pp-yard-act.buy{background:var(--accent,#ff7a3d);color:#fff;box-shadow:0 4px 0 var(--accent-dark,#d95a20)}.pp-yard-act:disabled{cursor:default;opacity:.75}.pp-yard-act.poor{color:#8a97a5}.pp-companion{pointer-events:auto;flex:0 0 72px;width:72px;height:84px;position:relative}.pp-companion-pet{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:72px;height:84px;margin:0;padding:0;display:block}.pp-companion-pet:active{transform:none}.pp-companion-pet:focus-visible{outline:3px solid var(--accent,#ff7a3d);outline-offset:2px;border-radius:16px}.pp-penguin{width:100%;height:100%;display:block;overflow:visible}.pp-dancer{transform-box:view-box;transform-origin:50px 112px;animation:2.8s ease-in-out infinite pp-idle}.pp-flip{transform-box:view-box}.pp-flip-l{transform-origin:25px 57px}.pp-flip-r{transform-origin:75px 57px}.pp-eyes{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite pp-blink}.pp-flame{transform-box:fill-box;transform-origin:100%;animation:.35s ease-in-out infinite alternate pp-flame}.pp-twinkle{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite pp-twinkle}.pp-twinkle-2{animation-delay:.5s}.pp-twinkle-3{animation-delay:1s}.pp-glow{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite pp-glow}.pp-notes{animation:1.2s ease-in-out infinite pp-notes}.pp-legendary{filter:drop-shadow(0 0 4px #ffe68ce6)drop-shadow(0 0 10px #78dcff8c)}@keyframes pp-idle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-.8px)scale(1.01,.99)}}@keyframes pp-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes pp-flame{0%{opacity:.8;transform:scaleX(.75)}to{opacity:1;transform:scaleX(1.15)}}@keyframes pp-twinkle{0%,to{opacity:.3;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}}@keyframes pp-glow{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:.5;transform:scale(1.15)}}@keyframes pp-notes{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.dance-wiggle .pp-dancer{animation:.9s ease-in-out pp-wiggle}.dance-hop .pp-dancer{animation:.9s ease-out pp-hop}.dance-twirl .pp-dancer{animation:.9s ease-in-out pp-twirl}.dance-flap .pp-dancer{animation:.9s ease-in-out pp-bounce}.dance-flap .pp-flip-l{animation:.18s ease-in-out 5 alternate pp-flap-l}.dance-flap .pp-flip-r{animation:.18s ease-in-out 5 alternate pp-flap-r}.dance-wiggle .pp-flip-l{animation:.3s ease-in-out 3 alternate pp-flap-l}.dance-wiggle .pp-flip-r{animation:.3s ease-in-out 3 alternate pp-flap-r}.dance-hop .pp-flip-l,.dance-twirl .pp-flip-l{animation:.9s ease-in-out pp-raise-l}.dance-hop .pp-flip-r,.dance-twirl .pp-flip-r{animation:.9s ease-in-out pp-raise-r}@keyframes pp-wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-12deg)}35%{transform:rotate(11deg)}55%{transform:rotate(-9deg)}75%{transform:rotate(6deg)}}@keyframes pp-hop{0%{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.12,.86)}45%{transform:translateY(-22px)scale(.92,1.1)}70%{transform:translateY(0)scale(1.1,.9)}85%{transform:translateY(-4px)scale(.98,1.02)}to{transform:translateY(0)scale(1)}}@keyframes pp-twirl{0%{transform:scaleX(1)}25%{transform:scaleX(-1)translateY(-6px)}50%{transform:scaleX(1)translateY(-8px)}75%{transform:scaleX(-1)translateY(-6px)}to{transform:scaleX(1)}}@keyframes pp-bounce{0%,to{transform:translateY(0)}25%,75%{transform:translateY(-5px)}50%{transform:translateY(0)}}@keyframes pp-flap-l{0%{transform:rotate(0)}to{transform:rotate(48deg)}}@keyframes pp-flap-r{0%{transform:rotate(0)}to{transform:rotate(-48deg)}}@keyframes pp-raise-l{0%,to{transform:rotate(0)}40%,60%{transform:rotate(80deg)}}@keyframes pp-raise-r{0%,to{transform:rotate(0)}40%,60%{transform:rotate(-80deg)}}@media (prefers-reduced-motion:reduce){.pp-dancer,.pp-eyes,.pp-flame,.pp-twinkle,.pp-glow,.pp-notes{animation:none}.dance-wiggle .pp-dancer,.dance-hop .pp-dancer,.dance-twirl .pp-dancer,.dance-flap .pp-dancer{animation:.6s ease-in-out pp-bounce}.dance-wiggle .pp-flip,.dance-hop .pp-flip,.dance-twirl .pp-flip,.dance-flap .pp-flip{animation:none}}.pp-companion-closet{background:var(--accent,#ff7a3d);cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:-4px;right:-8px;box-shadow:0 2px 6px #0a32504d}.pp-companion-closet svg{stroke:#fff;fill:none;width:18px;height:18px}.pp-companion-closet .pp-dot{background:#e8483f;border:2px solid #fff;border-radius:50%;width:11px;height:11px;display:none;position:absolute;top:-3px;right:-3px}.pp-companion-closet.has-new .pp-dot{display:block}.pp-companion-closet.has-new{animation:1.6s ease-in-out infinite pp-nudge}@keyframes pp-nudge{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-14deg)}90%{transform:rotate(12deg)}95%{transform:rotate(-6deg)}}.pp-closet{z-index:50;pointer-events:auto;font-family:var(--font,system-ui, sans-serif);color:var(--ink,#17324a);padding:calc(env(safe-area-inset-top) + 10px) 10px calc(env(safe-area-inset-bottom) + 10px);background:#0c283c80;place-items:center;display:grid;position:fixed;inset:0}.pp-closet[hidden]{display:none}.pp-closet-card{background:var(--card,#fff);border-radius:26px;flex-direction:column;width:min(94vw,400px);max-height:100%;animation:.22s ease-out pp-closet-pop;display:flex;overflow:hidden;box-shadow:0 10px 40px #0a283c59}@keyframes pp-closet-pop{0%{opacity:0;transform:scale(.9)}}.pp-closet-head{align-items:center;gap:10px;padding:12px 12px 6px 18px;display:flex}.pp-closet-head h2{flex:1;margin:0;font-size:24px;font-weight:900}.pp-closet-close{width:40px;height:40px;color:var(--ink,#17324a);font:800 22px/1 var(--font,system-ui, sans-serif);cursor:pointer;background:#e9f3f8;border:0;border-radius:50%}.pp-closet-stage{align-items:center;gap:14px;padding:0 18px 10px;display:flex}.pp-closet-preview{cursor:pointer;background:radial-gradient(circle at 50% 80%,#d9f1fb 0,#bfe6f7 60%,#9fd6ee 100%);border:0;border-radius:20px;flex:0 0 104px;height:120px;padding:8px 12px 4px}.pp-closet-summary{font-size:15px;line-height:1.35}.pp-closet-summary b{font-size:18px}.pp-closet-summary .pp-next{opacity:.7;margin-top:6px;font-size:13px;display:block}.pp-closet-sections{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-top:1px solid #e3eef4;padding:0 14px 16px;overflow-y:auto}.pp-closet-sections h3{text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin:12px 4px 6px;font-size:13px;font-weight:800}.pp-closet-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.pp-item{cursor:pointer;font:800 11.5px/1.15 var(--font,system-ui, sans-serif);color:var(--ink,#17324a);background:#f1f7fa;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #0000}.pp-item .pp-penguin{width:52px;height:62px}.pp-item.equipped{box-shadow:inset 0 0 0 3px var(--accent,#ff7a3d);background:#fff1e6}.pp-item.equipped:after{content:"";background:var(--accent,#ff7a3d) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='white' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;border-radius:50%;width:16px;height:16px;position:absolute;top:5px;right:6px}.pp-item.locked{cursor:default;color:#8a97a5;background:#eef1f4}.pp-item.locked .pp-penguin{filter:grayscale()brightness(1.25)opacity(.45)}.pp-item .pp-lock{background:#5d6673;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:18px;left:50%;transform:translate(-50%)}.pp-item .pp-lock svg{fill:#fff;width:14px;height:14px}.pp-item .pp-lvl{opacity:.85;font-size:10.5px;font-weight:800}.pp-item .pp-new{color:#fff;background:#e8483f;border-radius:999px;padding:2px 6px;font-size:9.5px;font-weight:900;position:absolute;top:4px;left:4px}.pp-item.legendary:not(.locked){background:linear-gradient(160deg,#fff6d6,#e6f7ff 60%,#f3e8ff)}@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")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(./nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(./nunito-latin-900-normal-CVn49sIn.woff)format("woff")}:root{--ink:#17324a;--card:#fff;--accent:#ff7a3d;--accent-dark:#d95a20;--sea:#2f9fc4;--shadow:0 4px 0 #0a325040, 0 8px 18px #0a32502e;--font:"Nunito", ui-rounded, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--sea);height:100%;font-family:var(--font);color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;margin:0;overflow:hidden}#scene{width:100vw;height:100vh;touch-action:none;height:100dvh;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud button{pointer-events:auto;cursor:pointer;color:var(--ink);border:0;font-family:inherit}button:active{transform:translateY(2px)}.topbar{padding:calc(env(safe-area-inset-top) + 8px) 12px 8px;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.round{background:var(--card);width:46px;height:46px;box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid}.round svg{width:24px;height:24px;fill:var(--ink)}#btn-sound .icon-off,#btn-sound.muted .icon-on{display:none}#btn-sound.muted .icon-off{display:block}.level{background:var(--card);box-shadow:var(--shadow);border-radius:999px;align-items:baseline;gap:6px;padding:8px 18px;font-size:20px;font-weight:800;display:flex}.level-label{opacity:.6;text-transform:uppercase;letter-spacing:.06em;font-size:14px}.tag{color:#fff;background:#e8483f;border-radius:999px;align-self:center;padding:2px 8px;font-size:12px}.counter{top:calc(env(safe-area-inset-top) + 64px);background:#ffffffe0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 10px;font-size:16px;display:flex;position:absolute;right:12px;box-shadow:0 2px 6px #0a325026}.counter svg{fill:#e8483f;width:18px;height:18px}.counter-label{opacity:.7;font-size:13px}.boosters{padding:8px 12px calc(env(safe-area-inset-bottom) + 12px);justify-content:center;align-items:flex-end;gap:clamp(8px,3vw,14px);display:flex;position:absolute;bottom:0;left:0;right:0}.booster{background:var(--card);width:clamp(64px,19vw,84px);height:70px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.booster svg{width:28px;height:28px;fill:var(--ink)}.booster .name{font-size:13px;font-weight:800}.booster .count{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:999px;min-width:24px;height:24px;padding:0 6px;font-size:14px;font-weight:800;line-height:24px;position:absolute;top:-6px;right:-6px}.coins{top:calc(env(safe-area-inset-top) + 64px);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:16px;display:flex;position:absolute;left:12px;box-shadow:0 2px 6px #0a325026;background:#ffffffeb!important}.coins svg{fill:#f5a623;width:20px;height:20px}.coins.bump{animation:.35s ease-out coin-bump}@keyframes coin-bump{40%{transform:scale(1.18)}}.float-text{color:#ffd23f;text-shadow:0 2px #0a325080;pointer-events:none;white-space:nowrap;font-size:20px;font-weight:900;position:absolute}.thanks{pointer-events:none;text-align:center;z-index:20;width:120px;position:absolute}.thanks svg{width:96px;height:115px}.thanks .bubble{white-space:nowrap;background:#fff;border-radius:16px;padding:6px 12px;font-size:16px;font-weight:900;display:inline-block;box-shadow:0 4px 12px #0a325040}.thanks .reward{color:#ffd23f;text-shadow:0 2px #0a325080;font-size:18px;font-weight:900;display:block}.crowd{top:calc(env(safe-area-inset-top) + 100px);background:#ffffffe0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex;position:absolute;right:12px;box-shadow:0 2px 6px #0a325026}.crowd-label{opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.crowd-bar{background:#dbe9f0;border-radius:999px;width:70px;height:8px;overflow:hidden}.crowd-fill{background:#43c063;border-radius:999px;width:0;height:100%;transition:width .3s,background .3s;display:block}.crowd.busy .crowd-fill{background:#f5a623}.crowd.jammed{animation:.6s infinite alternate jam-pulse}.crowd.jammed .crowd-fill{background:#e8483f}@keyframes jam-pulse{to{transform:scale(1.08);box-shadow:0 0 0 4px #e8483f59}}.booster.empty{opacity:.55}.booster.empty .count{background:#8a97a5}.booster.active{outline:3px solid var(--accent);background:#ffe9b3}.tip{left:50%;top:calc(env(safe-area-inset-top) + 70px);background:var(--card);width:min(88vw,380px);box-shadow:var(--shadow);text-align:center;pointer-events:auto;border-radius:18px;padding:12px 16px;font-size:16px;line-height:1.35;position:absolute;transform:translate(-50%)}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 104px);color:#fff;white-space:nowrap;background:#17324aeb;border-radius:999px;padding:10px 16px;font-size:15px;position:absolute;transform:translate(-50%)}.banner{text-align:center;color:#fff;text-shadow:0 3px #0a325073,0 8px 24px #0a325059;opacity:0;font-size:44px;font-weight:900;transition:opacity .3s,transform .3s;position:absolute;top:38%;left:0;right:0;transform:scale(.85)}.banner.show{opacity:1;transform:scale(1)}.modal{pointer-events:auto;background:#0c283c73;place-items:center;display:grid;position:absolute;inset:0}.modal[hidden],.tip[hidden],.toast[hidden],.install[hidden]{display:none}.card{background:var(--card);text-align:center;border-radius:26px;width:min(86vw,360px);padding:24px 22px 20px;animation:.25s ease-out pop;box-shadow:0 10px 40px #0a283c59}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.card h2{margin:0 0 6px;font-size:28px}.card p{opacity:.85;margin:0 0 18px;font-size:16px;line-height:1.4}.actions{flex-direction:column;gap:10px;display:flex}.actions button,.install button{background:var(--accent);box-shadow:0 4px 0 var(--accent-dark);border-radius:16px;padding:14px;font-size:18px;font-weight:800;color:#fff!important}.actions button.secondary{background:#e9f3f8;box-shadow:0 4px #c5d9e3;color:var(--ink)!important}.install{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 96px);background:var(--card);box-shadow:var(--shadow);pointer-events:auto;border-radius:18px;padding:12px 14px;font-size:15px;position:absolute}.install p{margin:0 0 10px;line-height:1.35}.install-actions{justify-content:flex-end;gap:8px;display:flex}.install button{padding:8px 14px;font-size:15px}.install button.ghost{box-shadow:none;background:0 0;color:var(--ink)!important}