@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-display:swap;src:url(/play/assets/fonts/fredoka-400.woff2)format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/play/assets/fonts/fredoka-600.woff2)format("woff2")}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:block;src:url(/play/assets/fonts/lilita-one-400.woff2)format("woff2")}:root{--font-display:"Lilita One", "Fredoka", system-ui, sans-serif;--font-body:"Fredoka", system-ui, sans-serif;--sky:#8fd3f4;--grass:#7cc85a;--ink:#3b2a1a;--ink-soft:#6b4f35;--outline:#2d1e10;--cream:#fff6df;--cream-2:#f7e6bd;--wood:#c98a4b;--wood-dark:#8a5528;--panel-border:#7a4a1f;--btn-green:#6cc644;--btn-green-dark:#3f8f22;--btn-blue:#3fa9f5;--btn-blue-dark:#1f6fb8;--btn-yellow:#ffc93c;--btn-yellow-dark:#c98f0a;--btn-red:#f25f5c;--btn-red-dark:#b1302d;--btn-purple:#a77bf3;--btn-purple-dark:#6a44b8;--btn-grey:#b9b2a5;--btn-grey-dark:#7c7568;--coin:#ffcd3c;--gem:#4fe0d0;--xp:#7ed957;--common:#9aa5b1;--rare:#3fa9f5;--epic:#a77bf3;--legendary:#ffb020;--bronze:#d08a4c;--silver:#c3cfd9;--gold:#ffcf3f;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--hud-btn:56px;--radius:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--sky);width:100%;height:100%;font-family:var(--font-body);color:var(--ink);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;margin:0;padding:0;overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;z-index:10;position:absolute;inset:0}#ui-root>*{pointer-events:auto}#ui-root .passthrough{pointer-events:none}#ui-root .passthrough>*{pointer-events:auto}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.icon{vertical-align:middle;object-fit:contain;width:1.4em;height:1.4em;display:inline-block}#boot-screen{z-index:1000;background:radial-gradient(circle at 50% 35%,#b8ecff 0%,#8fd3f4 45%,#6fb8e0 100%);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .5s;display:flex;position:fixed;inset:0}#boot-screen.hidden{opacity:0;pointer-events:none}.boot-logo{font-family:var(--font-display);color:#fff;-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;text-shadow:0 6px 0 var(--outline);font-size:clamp(40px,11vw,84px);animation:2.4s ease-in-out infinite bob}.boot-bar{border:4px solid var(--outline);width:min(70vw,360px);height:26px;box-shadow:0 4px 0 var(--outline);background:#3a6b2a;border-radius:13px;overflow:hidden}.boot-fill{background:linear-gradient(#a6ec7a,#5fb93a);border-radius:9px;width:0%;height:100%;transition:width .2s}.boot-tip{font-family:var(--font-display);color:#fff;-webkit-text-stroke:1.5px var(--outline);paint-order:stroke fill;font-size:18px}#boot-screen:after{content:"";pointer-events:none;background:linear-gradient(#8fdc5f,#5aae38 40%);border-top:5px solid #4f9a33;border-radius:50%;height:60vh;position:absolute;bottom:-38vh;left:-20%;right:-20%}#boot-screen{overflow:hidden}#boot-screen>*{z-index:1;position:relative}.boot-track{width:min(70vw,360px);margin-top:16px;position:relative}.boot-runner{width:40px;height:40px;filter:drop-shadow(0 2px 0 var(--outline));margin-left:-20px;transition:left .2s;animation:1.2s ease-in-out infinite bob;position:absolute;top:-30px;left:0%}.boot-hint{text-align:center;max-width:min(86vw,420px);min-height:2.6em;color:var(--ink);border:3px solid var(--outline);background:#fff8e7eb;border-radius:14px;padding:6px 12px;font-size:16px;line-height:1.3;transition:opacity .3s}.boot-hint:empty{visibility:hidden}.boot-hint.fade{opacity:0}.boot-retry{margin-top:4px}@media (max-height:430px){#boot-screen{gap:12px}.boot-logo{font-size:44px}}.boot-actions{flex-wrap:wrap;justify-content:center;gap:12px;padding:0 16px;display:flex}.update-pill{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:200;border:3px solid var(--outline);max-width:calc(100vw - 32px);box-shadow:0 4px 0 var(--outline);font-family:var(--font-display);color:#fff;-webkit-text-stroke:1.5px var(--outline);paint-order:stroke fill;cursor:pointer;touch-action:manipulation;background:linear-gradient(#c9f59e,#7cc85a);border-radius:999px;padding:10px 18px;font-size:15px;animation:2.4s ease-in-out infinite update-bob;position:fixed;transform:translate(-50%)}.update-pill:active{animation:none;transform:translate(-50%)translateY(2px)}@keyframes update-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%)translateY(-4px)}}.tab-overlay{z-index:300;background:#2846288c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tab-card{text-align:center;background:var(--cream);border:3px solid var(--outline);max-width:360px;box-shadow:0 5px 0 var(--outline);color:var(--ink);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:20px 18px;display:flex}.tab-title{font-family:var(--font-display);font-size:20px}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{0%{background-position:-150% 0}to{background-position:250% 0}}.outlined{font-family:var(--font-display);color:#fff;-webkit-text-stroke:2.5px var(--outline);paint-order:stroke fill;text-shadow:0 2px 0 var(--outline);letter-spacing:.5px}.btn{--c:var(--btn-green);--d:var(--btn-green-dark);min-width:48px;min-height:48px;font-family:var(--font-display);color:#fff;letter-spacing:.5px;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 70%, #fff) 0%, var(--c) 45%, var(--c) 100%);border:3px solid var(--outline);box-shadow:inset 0 -5px 0 var(--d), 0 4px 0 var(--outline);cursor:pointer;touch-action:manipulation;border-radius:14px;outline:none;justify-content:center;align-items:center;gap:6px;padding:6px 16px;font-size:18px;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative}.btn:active,.btn.pressed{box-shadow:inset 0 -2px 0 var(--d), 0 1px 0 var(--outline);transform:translateY(3px)scale(.97)}.btn{transition:transform .32s cubic-bezier(.34,1.9,.6,1),box-shadow .12s,filter .15s}.btn:active,.btn.pressed{transition-duration:60ms,60ms,.15s}.nope{animation:.36s nope}@keyframes nope{0%,to{translate:0}20%{translate:-5px}40%{translate:5px}60%{translate:-3px}80%{translate:2px}}.btn:disabled,.btn.disabled{filter:grayscale(.85)brightness(.95);cursor:default}.btn.blue{--c:var(--btn-blue);--d:var(--btn-blue-dark)}.btn.yellow{--c:var(--btn-yellow);--d:var(--btn-yellow-dark)}.btn.red{--c:var(--btn-red);--d:var(--btn-red-dark)}.btn.purple{--c:var(--btn-purple);--d:var(--btn-purple-dark)}.btn.grey{--c:var(--btn-grey);--d:var(--btn-grey-dark)}.btn.small{border-radius:12px;min-height:40px;padding:4px 10px;font-size:15px}.btn.round{width:var(--hud-btn);height:var(--hud-btn);border-radius:50%;padding:0}.btn.wide{width:100%}.btn .icon{width:26px;height:26px}.btn .price{align-items:center;gap:3px;display:inline-flex}.close-btn{z-index:3;border-radius:50%;width:48px;min-width:48px;height:48px;padding:0;font-size:22px;position:absolute;top:-14px;right:-14px}.hud-top{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 8px);right:calc(var(--safe-right) + 8px);pointer-events:none;align-items:flex-start;gap:8px;display:flex;position:absolute}.hud-top>*{pointer-events:auto}.level-badge{border:4px solid var(--outline);width:58px;height:58px;box-shadow:0 4px 0 var(--outline);cursor:pointer;z-index:2;background:radial-gradient(circle at 35% 30%,#ffe680,#ffb81c 70%);border-radius:50%;flex:0 0 58px;justify-content:center;align-items:center;font-size:26px;display:flex;position:relative}.xp-wrap{flex-direction:column;flex:0 170px;gap:3px;min-width:110px;margin-left:-18px;padding-left:20px;display:flex}.xp-bar{border:3px solid var(--outline);background:#33521f;border-radius:0 12px 12px 0;height:24px;position:relative;overflow:hidden}.xp-fill{background:linear-gradient(#b4f28a,#62c13c);width:0%;transition:width .5s cubic-bezier(.3,1.4,.6,1);position:absolute;inset:0}.xp-text{justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.player-name{white-space:nowrap;text-overflow:ellipsis;padding-left:4px;font-size:14px;overflow:hidden}.currency-row{gap:8px;margin-left:auto;display:flex}.currency{border:3px solid var(--outline);cursor:pointer;background:#28190a8c;border-radius:20px;justify-content:flex-end;align-items:center;min-width:104px;height:40px;padding:0 10px 0 34px;font-size:18px;display:flex;position:relative}.currency .icon{filter:drop-shadow(0 2px #0006);width:42px;height:42px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.currency.bump{animation:.3s pulse}.goal-card{top:calc(var(--safe-top) + 76px);left:calc(var(--safe-left) + 8px);background:var(--cream);border:3px solid var(--outline);max-width:min(260px,52vw);min-height:48px;box-shadow:0 3px 0 var(--outline);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;padding:8px 12px 8px 46px;font-size:14px;line-height:1.2;display:flex;position:absolute}.goal-card .icon{width:34px;height:34px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.goal-card .goal-title{font-family:var(--font-display);color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px;font-size:12px}.goal-card .goal-progress{background:#e6d3a6;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.goal-card .goal-progress>div{background:var(--btn-green);width:0;height:100%;transition:width .4s}.goal-card{transform-origin:0;padding-right:26px}.goal-card .goal-go{color:#fff;font-size:22px;line-height:1;animation:1.6s ease-in-out infinite goal-nudge;position:absolute;top:50%;right:7px;transform:translateY(-50%)}@keyframes goal-nudge{0%,70%,to{margin-right:0}80%{margin-right:-4px}90%{margin-right:1px}}.hud-btn.bump{animation:.35s pulse}.hud-side{right:calc(var(--safe-right) + 8px);top:calc(var(--safe-top) + 60px);flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}.hud-bottom{left:calc(var(--safe-left) + 8px);right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 8px);pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.hud-bottom>*{pointer-events:auto}.hud-menu{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hud-btn{width:var(--hud-btn);height:var(--hud-btn);border-radius:16px;flex-direction:column;gap:0;min-width:48px;min-height:48px;padding:0;position:relative}.hud-btn .icon{width:34px;height:34px}.hud-btn .lbl{white-space:nowrap;-webkit-text-stroke:2px var(--outline);font-size:11px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.badge-dot{background:var(--btn-red);border:2px solid var(--outline);pointer-events:none;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;animation:1.2s ease-in-out infinite pulse;display:flex;position:absolute;top:-6px;right:-6px}.badge-dot:empty{min-width:16px;height:16px;padding:0}.overlay{z-index:50;padding:calc(var(--safe-top) + 14px) calc(var(--safe-right) + 14px) calc(var(--safe-bottom) + 14px) calc(var(--safe-left) + 14px);background:#140c0473;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{background:var(--cream);border:4px solid var(--outline);width:min(680px,100%);max-height:100%;box-shadow:0 6px 0 var(--outline), inset 0 0 0 4px #fffbea;border-radius:22px;flex-direction:column;display:flex;position:relative}.panel.small{width:min(420px,100%)}.panel.medium{width:min(560px,100%)}.panel-header{border-bottom:4px solid var(--outline);text-align:center;background:linear-gradient(#f6b552,#e08a2c);border-radius:17px 17px 0 0;flex:none;justify-content:center;align-items:center;min-height:54px;padding:10px 56px;display:flex;position:relative}.panel-header.green{background:linear-gradient(#8fdc5f,#4ea52d)}.panel-header.blue{background:linear-gradient(#6cc3ff,#2c86d6)}.panel-header.purple{background:linear-gradient(#c3a0ff,#7f55d0)}.panel-header.pink{background:linear-gradient(#ff9fc2,#e0588b)}.panel-header h2{margin:0;font-size:clamp(20px,5vw,28px)}.panel-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;flex:auto;padding:14px;overflow:hidden auto}.panel-footer{flex-wrap:wrap;flex:none;justify-content:center;gap:10px;padding:10px 14px 14px;display:flex}.tabs{touch-action:pan-x;scrollbar-width:none;flex:none;gap:6px;padding:10px 12px 0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:3px solid var(--outline);background:var(--cream-2);min-height:44px;font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;border-bottom:none;border-radius:12px 12px 0 0;flex:none;align-items:center;gap:4px;padding:6px 14px;font-size:15px;display:inline-flex}.tab.active{color:var(--ink);background:#fff;transform:translateY(2px)}.tab .icon{width:22px;height:22px}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.grid.tight{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.card{border:3px solid var(--outline);box-shadow:0 3px 0 var(--outline);text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-height:48px;padding:8px;display:flex;position:relative}.card.clickable{cursor:pointer;transition:transform .1s}.card.clickable:active{transform:scale(.96)}.card.clickable,.tray-item,.currency,.goal-card,.bubble,.charm-pill{transition:transform .3s cubic-bezier(.34,1.9,.6,1),scale .3s cubic-bezier(.34,1.9,.6,1)}.card.clickable:active{transition-duration:60ms}.tray-item:active,.currency:active,.goal-card:active,.bubble:active,.charm-pill:active{transition-duration:60ms;scale:.92}.card.locked{background:#e8e1d2}.card.locked .card-icon{filter:brightness(0)opacity(.35)}.card .card-icon{width:56px;height:56px}.card .card-title{font-family:var(--font-display);font-size:15px;line-height:1.1}.card .card-sub{color:var(--ink-soft);font-size:13px;line-height:1.15}.card .lock-tag{background:var(--outline);color:#fff;font-size:11px;font-family:var(--font-display);border-radius:8px;padding:2px 6px;position:absolute;top:4px;right:4px}.card .count-tag{font-size:16px;position:absolute;bottom:4px;right:6px}.card.selected{outline:4px solid var(--btn-blue);outline-offset:-2px}.card.done{background:#e8f8dc}.animal-card .animal-progress{width:100%;height:18px;margin-top:2px}.animal-card .animal-hungry{color:#c0563a;font-family:var(--font-display)}.animal-card .animal-ready{color:#3d8f22;font-family:var(--font-display)}.animal-card .animal-badge{border:2px solid var(--outline);box-sizing:border-box;background:#fff;border-radius:50%;width:30px;height:30px;padding:2px;position:absolute;top:-8px;right:-8px}.animal-card.done .animal-badge{animation:1.6s ease-in-out infinite bob}.animal-card .animal-badge.dim{filter:grayscale(.8)opacity(.6)}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.col{flex-direction:column;gap:8px;display:flex}.list{flex-direction:column;gap:10px;display:flex}.list-item{border:3px solid var(--outline);box-shadow:0 3px 0 var(--outline);background:#fff;border-radius:14px;align-items:center;gap:10px;min-height:60px;padding:8px 10px;display:flex}.list-item .grow{flex:auto;min-width:0}.list-item .title{font-family:var(--font-display);font-size:16px}.list-item .sub{color:var(--ink-soft);font-size:13px}.list-item .icon.big{flex:0 0 44px;width:44px;height:44px}.progress{border:2px solid var(--outline);background:#e6d3a6;border-radius:8px;height:16px;position:relative;overflow:hidden}.progress>.fill{background:linear-gradient(#b4f28a,#62c13c);width:0;transition:width .3s;position:absolute;inset:0 auto 0 0}.progress>.label{font-size:11px;font-family:var(--font-display);color:#fff;-webkit-text-stroke:1.5px var(--outline);paint-order:stroke fill;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress.grow-progress{border-width:2px;width:130px;height:12px}.section-title{font-family:var(--font-display);color:var(--ink-soft);margin:12px 2px 8px;font-size:18px}.section-title:first-child{margin-top:0}.muted{color:var(--ink-soft);font-size:13px}.center{text-align:center}.pill{background:var(--cream-2);border:2px solid var(--outline);font-size:13px;font-family:var(--font-display);border-radius:10px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.pill .icon{width:18px;height:18px}.chip-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.toast-stack{top:calc(var(--safe-top) + 72px);z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(92vw,380px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{background:var(--cream);border:3px solid var(--outline);width:100%;min-height:56px;box-shadow:0 4px 0 var(--outline);pointer-events:none;border-radius:16px;align-items:center;gap:10px;padding:8px 12px;display:flex}.toast .icon{flex:0 0 40px;width:40px;height:40px}.toast .t-title{font-family:var(--font-display);font-size:15px}.toast .t-sub{color:var(--ink-soft);font-size:13px}.toast.gold{background:linear-gradient(#fff3c4,#ffe08a)}.toast.bronze{background:linear-gradient(#ffe3c8,#f1b98a)}.toast.silver{background:linear-gradient(#f4f8fb,#d3dee8)}.toast.warn{background:linear-gradient(#ffe9e0,#ffc9b5)}.float-layer{z-index:40;position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.float-layer *{pointer-events:none!important}.float-text{white-space:nowrap;align-items:center;gap:2px;font-size:22px;display:flex;position:absolute;transform:translate(-50%,-50%)}.float-text .icon{width:26px;height:26px}.fly-icon{filter:drop-shadow(0 2px #00000059);width:34px;height:34px;position:absolute;transform:translate(-50%,-50%)}.combo-pop{font-family:var(--font-display);color:#fff6c8;white-space:nowrap;pointer-events:none;font-size:30px;transition:color .2s;position:absolute}.combo-pop.warm{color:#ffd84a}.combo-pop.hot{color:#ff9d3a;text-shadow:0 0 12px #ffbe50cc}.world-layer{z-index:30;position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.world-layer>*{pointer-events:auto}.world-pop{will-change:transform;position:absolute;top:0;left:0}.bubble{border:3px solid var(--outline);width:48px;height:48px;box-shadow:0 3px 0 var(--outline);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite bob;display:flex}.bubble .icon{width:32px;height:32px}.bubble.need{opacity:.92;background:#efe6d2;width:40px;height:40px;animation:none;position:relative}.bubble.need .icon{filter:grayscale(.8)opacity(.6);width:26px;height:26px}.bubble .need-badge{background:var(--btn-red,#ff6b5b);border:2px solid var(--outline);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex;position:absolute;top:-7px;right:-7px}.timer-tag{white-space:nowrap;border:2px solid var(--outline);background:#28190ab3;border-radius:10px;padding:2px 8px;font-size:13px}.speech{border:3px solid var(--outline);font-family:var(--font-display);color:var(--ink);transform-origin:50% 120%;background:#fff;border-radius:16px;align-items:center;gap:4px;width:max-content;margin-bottom:10px;padding:3px 10px 3px 5px;font-size:14px;line-height:1.1;display:flex;position:relative;box-shadow:0 3px #2d1e1073}.speech:after{content:"";border-right:3px solid var(--outline);border-bottom:3px solid var(--outline);background:#fff;border-bottom-right-radius:3px;width:10px;height:10px;margin-left:-6px;position:absolute;bottom:-8px;left:50%;transform:rotate(45deg)}.speech .icon{flex:none;width:22px;height:22px}.speech.speech-emote{border-radius:50%;padding:3px}.speech.speech-emote .icon{width:26px;height:26px}.speech-text{text-align:center;overflow-wrap:break-word;max-width:140px}.world-layer.speech-hidden .speech{display:none}.tray{left:50%;bottom:calc(var(--safe-bottom) + 76px);touch-action:pan-x;background:var(--cream);border:4px solid var(--outline);max-width:calc(100% - 16px);box-shadow:0 5px 0 var(--outline);z-index:35;scrollbar-width:none;border-radius:18px;gap:6px;padding:8px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)}.tray::-webkit-scrollbar{display:none}.tray-item{border:3px solid var(--outline);cursor:pointer;width:64px;height:72px;font-size:11px;font-family:var(--font-display);background:#fff;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.tray-item .icon{width:38px;height:38px}.tray-item.selected{outline:3px solid var(--btn-blue);background:#dff3ff}.tray-item.locked{background:#e8e1d2}.tray-item.locked .icon{filter:brightness(0)opacity(.35)}.tray-item .tcount{background:var(--btn-blue);border:2px solid var(--outline);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:24px;height:22px;padding:0 4px;font-size:12px;display:flex;position:absolute;top:-8px;right:-8px}.tray-close{flex:none;align-self:center}.tray-item.poor .icon{opacity:.55}.tray-item.poor .tcount{background:var(--btn-red)}.tray-item .thave{border:2px solid var(--outline);color:#fff;pointer-events:none;background:#8a6a43;border-radius:9px;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 4px;font-size:11px;display:flex;position:absolute;bottom:-6px;left:-6px}.action-bar{left:50%;bottom:calc(var(--safe-bottom) + 12px);z-index:36;background:#28190a59;border-radius:22px;gap:10px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.mode-banner{top:calc(var(--safe-top) + 74px);border:3px solid var(--outline);z-index:36;white-space:nowrap;background:#28190ab3;border-radius:14px;padding:6px 16px;font-size:16px;position:absolute;left:50%;transform:translate(-50%)}.levelup-title{text-align:center;font-size:clamp(34px,9vw,56px);line-height:1}.burst{pointer-events:none;opacity:.55;background:repeating-conic-gradient(#fff6b0 0deg 10deg,#0000 10deg 20deg);border-radius:50%;width:520px;height:520px;animation:18s linear infinite spin;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#000 20%,#0000 70%);mask:radial-gradient(circle,#000 20%,#0000 70%)}.unlock-strip{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.unlock-strip .card{width:104px}.unlock-strip .card .try-tag{background:var(--btn-green);border:2px solid var(--outline);white-space:nowrap;border-radius:9px;padding:0 7px;font-size:11px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.levelup-milestone{box-shadow:0 6px 0 var(--outline), inset 0 0 0 4px #ffe08a, 0 0 40px 8px #ffc93c8c}.levelup-milestone .panel-header{background:linear-gradient(#ffd96a,#f0a81c)}.levelup-milestone .burst{opacity:.8}.levelup-rewards .pill{padding:4px 10px;font-size:16px}.levelup-rewards .pill .icon{width:24px;height:24px}.confetti-layer{z-index:70;position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.confetti-piece{opacity:0;width:9px;height:14px;animation:confetti-fall var(--t,2.4s) cubic-bezier(.3, .5, .55, 1) var(--d,0s) forwards;border-radius:2px;position:absolute;top:-18px}.confetti-piece.round{border-radius:50%;width:10px;height:10px}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--dx,0), 105vh) rotate(var(--rot,540deg))}}@media (prefers-reduced-motion:reduce){.confetti-layer{display:none}}.path-next{outline:4px solid var(--btn-yellow);outline-offset:-2px;position:relative}.list-item .path-tag{background:var(--btn-yellow);border:2px solid var(--outline);border-radius:10px;padding:1px 8px;font-size:13px;position:absolute;top:-10px;right:10px}.list-item .path-check{flex:0 0 26px;width:26px;height:26px;margin-left:auto}.list-item.award-gold{background:linear-gradient(#fff8dc,#ffeaa6)}.list-item .almost-tag{background:var(--btn-red);color:#fff;vertical-align:2px;border:2px solid var(--outline);border-radius:8px;margin-left:6px;padding:0 6px;font-size:11px;display:inline-block}.award-next{align-items:center;gap:4px;margin-top:4px;display:flex}.award-next>.icon.tier{flex:0 0 20px;width:20px;height:20px}.award-next .row{flex-wrap:nowrap!important;gap:3px!important}.award-next .pill{border-width:1.5px;gap:2px;padding:0 5px;font-size:11px}.award-next .pill .icon{width:14px;height:14px}.quest-bonus{background:#fff8e6;border:3px dashed #d9bf86;border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;display:flex}.quest-bonus.done{border-style:solid;border-color:var(--btn-green);background:#e8f8dc}.quest-bonus>.icon{flex:0 0 36px;width:36px;height:36px}.quest-bonus .title{font-family:var(--font-display);font-size:14px}.quest-bonus .timer-tag{color:#fff}.quest-pips{gap:5px;margin-top:4px;display:flex}.quest-pips i{border:2px solid var(--outline);background:#e6d3a6;border-radius:50%;width:16px;height:16px}.quest-pips i.ready{background:var(--btn-yellow);animation:1.2s ease-in-out infinite pulse}.quest-pips i.on{background:var(--btn-green)}.quest-row.ready{background:#e8f8dc}.quest-bonus.book-reward.ready{border-style:solid;border-color:var(--btn-yellow);background:#fff3c4}.quest-bonus.book-reward.ready .btn.yellow{animation:1.2s ease-in-out infinite pulse}.quest-bonus.book-reward .pill{padding:1px 7px;font-size:12px}.toast.tappable{pointer-events:auto;cursor:pointer}.toast.tappable:after{content:"›";font-family:var(--font-display);color:var(--ink-soft);margin-left:auto;font-size:24px}.quest-row.ready .btn.yellow{animation:1.2s ease-in-out infinite pulse}.quest-row.claimed{opacity:.6}.crate-card .card-icon{animation:2.4s ease-in-out infinite wiggle}.crate-rays{pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg, var(--r) 0deg 12deg, transparent 12deg 24deg);border-radius:50%;width:300px;height:300px;margin:-150px 0 0 -150px;animation:10s linear infinite spin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 15%,#0000 68%);mask:radial-gradient(circle,#000 15%,#0000 68%)}.crate-stage .crate-box{position:relative}.crate-stage{justify-content:center;align-items:center;height:220px;display:flex;position:relative}.crate-box{cursor:pointer;width:140px;height:140px;font-size:120px}.crate-box .icon{width:140px;height:140px}.rarity-common{--r:var(--common)}.rarity-rare{--r:var(--rare)}.rarity-epic{--r:var(--epic)}.rarity-legendary{--r:var(--legendary)}.rarity-glow{box-shadow:0 0 0 4px var(--r), 0 0 30px 6px var(--r)}.rarity-label{color:var(--r);-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;font-family:var(--font-display);font-size:26px}.calendar{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.calendar .card{min-width:0;min-height:96px;padding-left:4px;padding-right:4px}.calendar .card .pill{padding:2px 6px}.calendar .card.today{outline:4px solid var(--btn-yellow);animation:1.2s ease-in-out infinite pulse}.calendar .card.claimed:after{content:"✔";color:var(--btn-green);-webkit-text-stroke:2px var(--outline);background:#ffffff8c;border-radius:13px;justify-content:center;align-items:center;font-size:44px;display:flex;position:absolute;inset:0}.calendar .card.day7{background:linear-gradient(#fff3c4,#ffe08a);grid-column:span 2}.streak-row{justify-content:center;gap:8px;display:flex}.streak-pill{background:#ffe3c8;font-size:16px}.streak-pill .icon{width:24px;height:24px}.daily-next{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:48px;display:flex}.card .new-tag{background:var(--btn-red);color:#fff;border:2px solid var(--outline);z-index:1;border-radius:8px;padding:0 6px;font-size:11px;position:absolute;top:4px;left:4px}.setting-row{border-bottom:2px dashed #e6d3a6;justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:6px 4px;display:flex}.setting-row:last-child{border-bottom:none}.setting-row label{font-family:var(--font-display);font-size:16px}input[type=range]{width:50%;height:40px;accent-color:var(--btn-green);touch-action:none}.toggle{background:var(--btn-grey);border:3px solid var(--outline);cursor:pointer;border-radius:20px;flex:none;width:70px;height:40px;position:relative}.toggle:after{content:"";border:2px solid var(--outline);background:#fff;border-radius:50%;width:28px;height:28px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--btn-green)}.toggle.on:after{left:33px}.segmented{border:3px solid var(--outline);border-radius:12px;display:flex;overflow:hidden}.segmented button{background:var(--cream-2);min-width:56px;min-height:44px;font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;border:none;font-size:14px}.segmented button+button{border-left:3px solid var(--outline)}.segmented button.active{background:var(--btn-green);color:#fff;-webkit-text-stroke:1.5px var(--outline);paint-order:stroke fill}.creator{gap:12px;height:100%;display:flex}.creator-preview{border:3px solid var(--outline);background:radial-gradient(circle at 50% 40%,#d8f3ff,#9fd6f0);border-radius:16px;flex:0 0 42%;min-height:200px;position:relative;overflow:hidden}.creator-preview canvas{width:100%;height:100%;display:block}.creator-options{touch-action:pan-y;flex:auto;overflow-y:auto}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid var(--outline);cursor:pointer;width:44px;height:44px;box-shadow:0 2px 0 var(--outline);border-radius:50%}.swatch.selected{outline:4px solid var(--btn-blue);outline-offset:2px}.opt-btn{border:3px solid var(--outline);min-width:64px;min-height:48px;font-family:var(--font-display);cursor:pointer;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:14px;display:inline-flex}.opt-btn.selected{outline:3px solid var(--btn-blue);background:#dff3ff}.opt-btn.locked{color:#998;background:#e8e1d2}.creator .segmented.gender{margin-bottom:8px}.creator .segmented.gender button{flex:1 1 0;font-size:16px}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.avatar-card{border:3px solid var(--outline);box-shadow:0 3px 0 var(--outline);cursor:pointer;font-family:var(--font-display);color:var(--ink);background:linear-gradient(#e6f6ff,#c4e8fa);border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:4px 4px 6px;font-size:14px;display:flex}.avatar-card .avatar-img{aspect-ratio:1;width:100%;max-width:96px}.avatar-card.selected{outline:4px solid var(--btn-blue);outline-offset:1px;background:linear-gradient(#fff6c8,#ffe08a)}.avatar-card:active{box-shadow:0 1px 0 var(--outline);transform:translateY(2px)}.creator-head{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.creator-head .section-title{margin-top:4px}.name-row{align-items:center;gap:8px;display:flex}.name-row .name-input{flex:auto;min-width:0}.name-row .name-dice{flex:none;min-width:48px;min-height:48px;padding:0;font-size:22px}.name-row .name-dice .icon{width:28px;height:28px}.creator-note{margin-top:10px;font-size:13px}@media (orientation:landscape) and (max-height:500px){.creator-head{flex-direction:row;gap:8px}.creator-head>div{flex:1 1 0;min-width:0}.creator-head .section-title{display:none}.creator-head .name-input{min-height:44px;font-size:17px}.creator .segmented.gender{margin-bottom:0}.avatar-card{font-size:12px}.avatar-card .avatar-img{max-width:64px}}.name-input{width:100%;min-height:48px;font-family:var(--font-display);border:3px solid var(--outline);color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:12px;padding:6px 12px;font-size:20px}.tut-dim{z-index:90;position:absolute;inset:0;pointer-events:none!important}.tut-box{left:50%;bottom:calc(var(--safe-bottom) + 90px);background:var(--cream);border:4px solid var(--outline);width:min(92vw,420px);min-height:72px;box-shadow:0 5px 0 var(--outline);z-index:91;border-radius:18px;padding:12px 14px 12px 70px;font-size:16px;line-height:1.25;position:absolute;transform:translate(-50%)}.tut-box.top{bottom:auto;top:calc(var(--safe-top) + 130px)}.tut-box .tut-avatar{width:54px;height:54px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.tut-box .tut-skip{position:absolute;top:-18px;right:8px}.tut-hand{z-index:92;filter:drop-shadow(0 4px 2px #00000059);width:64px;height:64px;position:absolute;transform:translate(-20%,-5%);pointer-events:none!important}.tut-ring{z-index:91;border:4px solid #fff;border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;animation:1.3s ease-out infinite tut-ring;position:absolute;box-shadow:0 0 0 3px #4a2f178c,0 0 18px 4px #ffec8ccc;pointer-events:none!important}@keyframes tut-ring{0%{opacity:0;transform:scale(.55)}25%{opacity:1}to{opacity:0;transform:scale(1.25)}}.tut-dots{background:var(--cream);border:3px solid var(--outline);border-radius:10px;gap:4px;padding:3px 6px;display:flex;position:absolute;top:-9px;left:70px}.tut-dots span{background:#e2cfa3;border-radius:50%;width:8px;height:8px}.tut-dots span.done{background:var(--btn-green)}.tut-dots span.now{background:var(--btn-yellow,#ffc93c);border-radius:4px;width:16px}.tut-sub{font-family:var(--font-display);color:var(--btn-green-dark,#3d8a26);transform-origin:0;margin-top:4px;font-size:15px;display:inline-block}.tut-sub:empty,#ui-root.tut-running .goal-card{display:none}#ui-root.tut-running .hud-side{opacity:0;transform:translate(30px)}#ui-root.tut-running .hud-side *{pointer-events:none!important}.hud-side{transition:opacity .3s,transform .3s}@media (orientation:portrait){.tut-box.top{top:calc(var(--safe-top) + 156px)}}#ui-root.tut-running .mode-banner{display:none}@media (orientation:landscape) and (max-height:600px){.tut-box{width:min(48vw,400px)}.tut-box.top{top:calc(var(--safe-top) + 62px)}.tut-box.side-left{left:calc(var(--safe-left) + 8px);transform:none}.tut-box.side-right{left:auto;right:calc(var(--safe-right) + 8px);transform:none}}.debug-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.credits{font-size:14px;line-height:1.4}.credits h3{font-family:var(--font-display);margin:14px 0 6px;font-weight:400}.credits a{color:var(--btn-blue-dark);word-break:break-all}.credits li,.credits-hero{margin-bottom:6px}.credits-hero .icon{width:44px;height:44px}.credits-title{font-family:var(--font-display);color:#fff;font-size:26px}.welcome-intro{margin-bottom:10px}.welcome-hello{font-family:var(--font-display);color:#fff;margin-bottom:4px;font-size:22px}@media (orientation:portrait){.hud-bottom{flex-direction:column;align-items:flex-end;gap:8px}.currency{min-width:88px;font-size:16px}.xp-wrap{flex-basis:120px}.creator{flex-direction:column}.creator-preview{flex:0 0 36%}}@media (max-height:430px){:root{--hud-btn:50px}.panel-header{min-height:46px;padding:6px 56px}.panel-body{padding:10px}.goal-card{top:calc(var(--safe-top) + 70px)}.tray{bottom:calc(var(--safe-bottom) + 66px)}}@media (max-width:400px){.currency{min-width:78px;height:36px;padding-left:30px;font-size:15px}.currency .icon{width:36px;height:36px}.level-badge{flex-basis:50px;width:50px;height:50px;font-size:22px}.xp-wrap{min-width:80px}}@media (min-width:900px) and (min-height:600px){:root{--hud-btn:64px}}#ui-root.mode-place .hud-bottom,#ui-root.mode-tray .hud-bottom{opacity:0;transform:translateY(30px);pointer-events:none!important}#ui-root.mode-place .hud-bottom *,#ui-root.mode-tray .hud-bottom *{pointer-events:none!important}.hud-bottom{transition:opacity .2s,transform .2s}.goal-card:empty{display:none}.mode-banner{pointer-events:none!important}.mode-banner .banner-x{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;margin:-10px -12px -10px 6px;display:inline-flex;pointer-events:auto!important}@media (orientation:landscape) and (max-height:500px){.panel-header{min-height:44px;padding:4px 56px}.panel-header h2{font-size:22px}.tabs{padding-top:6px}.tab{min-height:40px}.panel-footer{padding:6px 10px 10px}}.player-name{align-items:center;gap:6px;display:flex}.charm-pill{border:2px solid var(--outline);pointer-events:auto;cursor:pointer;background:#ff8fb4d9;border-radius:10px;align-items:center;gap:2px;padding:0 6px 0 2px;font-size:12px;display:inline-flex}.charm-pill .icon{width:16px;height:16px}#ui-root .tut-box{pointer-events:none!important}#ui-root .tut-box .btn{pointer-events:auto!important}.tut-box{padding-top:22px}.tut-box .tut-skip{top:-20px}.xp-wrap,.player-name{min-width:0}.player-name .name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.charm-pill{flex:none}.hud-settings{flex:none;width:44px;min-width:44px;height:44px;min-height:44px}.hud-settings .icon{width:28px;height:28px}.currency{transition:transform .1s}.currency:active{transform:scale(.95)}.currency.gems{padding-right:18px}.hud-layer{z-index:31}.cur-plus{background:var(--btn-green);border:2px solid var(--outline);width:22px;height:22px;box-shadow:0 2px 0 var(--outline);border-radius:50%;justify-content:center;align-items:center;font-size:17px;line-height:1;display:flex;position:absolute;bottom:-7px;right:-7px}.currency.spend{animation:.45s ease-out spendFlash}@keyframes spendFlash{0%{background:#f25f5cd9;transform:scale(.94)}to{background:#28190a8c;transform:scale(1)}}.xp-bar.gain:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffffbf 50%,#0000 70%);animation:.7s ease-out forwards xpShine;position:absolute;inset:0;transform:translate(-100%)}@keyframes xpShine{to{transform:translate(100%)}}.goal-card{padding-right:26px;transition:transform .1s}.goal-card:active{transform:scale(.97)}.goal-card .goal-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.goal-card .goal-chevron{border-right:3px solid var(--ink-soft);border-top:3px solid var(--ink-soft);border-radius:2px;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;right:9px;transform:rotate(45deg)}.goal-card.goal-new{animation:.7s cubic-bezier(.3,1.6,.5,1) goalNew}@keyframes goalNew{0%{box-shadow:0 3px 0 var(--outline), 0 0 0 0 #ffd646e6;transform:scale(.85)}50%{box-shadow:0 3px 0 var(--outline), 0 0 0 8px #ffd64680;transform:scale(1.05)}to{box-shadow:0 3px 0 var(--outline), 0 0 0 14px #ffd64600;transform:scale(1)}}.badge-dot.pop{animation:.45s cubic-bezier(.3,1.8,.5,1) badgePop,1.2s ease-in-out .45s infinite pulse}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.hud-btn.primary{width:calc(var(--hud-btn) + 8px);height:calc(var(--hud-btn) + 8px);border-radius:18px}.hud-btn.primary .icon{width:40px;height:40px}.hud-btn .lbl{pointer-events:none}.hud-side .hud-btn .lbl{max-width:calc(var(--hud-btn) + 14px);text-overflow:ellipsis;overflow:hidden}@media (orientation:portrait){.hud-top .hud-settings{width:40px;min-width:40px;height:40px;min-height:40px;position:absolute;top:52px;right:0}.hud-top .hud-settings .icon{width:24px;height:24px}.hud-side{top:calc(var(--safe-top) + 108px)}.xp-wrap{flex:auto;max-width:190px}.goal-card{max-width:min(300px, calc(100vw - var(--safe-left) - var(--safe-right) - 92px))}.hud-bottom{flex-direction:row;align-items:flex-end;gap:0}.hud-bottom>div:first-child{display:none}.hud-menu{--dock:min(var(--hud-btn), calc((100vw - var(--safe-left) - var(--safe-right) - 16px - 24px - 8px) / 7));flex-wrap:nowrap;flex:auto;justify-content:space-between;align-items:flex-end;gap:4px}.hud-menu .hud-btn{width:var(--dock);height:calc(var(--dock) + 2px);border-radius:14px;min-width:0;min-height:0}.hud-menu .hud-btn .icon{width:calc(var(--dock) * .62);height:calc(var(--dock) * .62)}.hud-menu .hud-btn.primary{width:calc(var(--dock) + 8px);height:calc(var(--dock) + 10px);border-radius:16px}.hud-menu .hud-btn.primary .icon{width:calc(var(--dock) * .72);height:calc(var(--dock) * .72)}}.close-btn:before{content:"";border-radius:50%;position:absolute;inset:-10px}.panel-wallet{gap:6px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.wallet-pill{border:2px solid var(--outline);background:#28190a59;border-radius:15px;align-items:center;gap:3px;height:30px;padding:0 10px 0 3px;font-size:15px;display:inline-flex}.wallet-pill .icon{width:24px;height:24px}@media (max-width:480px){.panel-wallet .wallet-pill.gem{display:none}}.hud-btn.bump,.wallet-pill.bump,.level-badge.bump{animation:.3s pulse}.panel.more-below .panel-body{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0003);mask-image:linear-gradient(#000 calc(100% - 28px),#0003)}.tab{transition:background .15s,transform .1s;position:relative}.tab:active{transform:translateY(1px)}.tab-dot{background:var(--btn-red);border:2px solid var(--outline);border-radius:50%;width:14px;height:14px;position:absolute;top:-5px;right:-4px}@media (max-width:480px){.tab{gap:3px;padding:6px 10px;font-size:14px}.tab .icon{width:20px;height:20px}}.card .count-tag{background:var(--btn-blue);border:2px solid var(--outline);border-radius:10px;padding:0 6px;font-size:13px;line-height:18px;top:4px;bottom:auto;right:4px}.card .lock-tag{align-items:center;gap:2px;display:inline-flex}.card .lock-tag .icon{filter:brightness(0)invert();width:12px;height:12px}.card.item-card .card-sub{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.card.item-card.selected{background:#eef8ff}.grid.shop-grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}.shop-card{justify-content:flex-start;padding:10px 6px 8px}.shop-card .card-icon{width:54px;height:54px}.shop-card .card-title{font-size:14px}.shop-card .card-sub{min-height:14px;font-size:12px}.shop-card .pill{margin-top:auto}.shop-card.locked .card-title{color:var(--ink-soft)}.shop-card.maxed .card-icon{opacity:.55}.pill.cant{color:var(--btn-red-dark);background:#ffe0dc}.pill.maxed{color:var(--ink-soft);background:#e6e0d2}.pill.stored{color:var(--btn-blue-dark);background:#dff3ff}.new-tag{z-index:1;background:var(--btn-red);border:2px solid var(--outline);border-radius:10px;padding:1px 7px;font-size:12px;position:absolute;top:-9px;left:-7px;transform:rotate(-8deg)}@media (orientation:landscape) and (max-height:500px){.grid.shop-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.shop-card{gap:2px;padding:6px}.shop-card .card-icon{width:44px;height:44px}}.barn-summary{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.empty-state{text-align:center;font-family:var(--font-display);color:var(--ink-soft);flex-direction:column;align-items:center;gap:8px;padding:24px 12px;font-size:16px;display:flex}.empty-state .icon{opacity:.55;width:64px;height:64px}.sell-info{text-align:left;border:3px solid var(--outline);background:#fff;border-radius:14px;flex:100%;align-items:center;gap:10px;padding:6px 10px;display:flex}.sell-info .grow{flex:auto;min-width:0}.sell-info .title{font-family:var(--font-display);font-size:16px}.sell-info .muted .icon{width:16px;height:16px}.sell-info .icon.big{flex:0 0 40px;width:40px;height:40px}.qty-stepper{background:var(--cream-2);border:3px solid var(--outline);border-radius:14px;align-items:center;gap:4px;padding:3px;display:inline-flex}.qty-stepper .qty-btn{min-width:44px;min-height:40px;padding:0;font-size:24px}.qty-val{text-align:center;min-width:44px;font-size:22px}.sell-btn{min-width:108px}@media (orientation:landscape){.sell-info{flex:220px}}@media (prefers-reduced-motion:reduce){.badge-dot,.badge-dot.pop,.calendar .card.today,.goal-card.goal-new,.xp-bar.gain:after{animation:none}}.online-pill{font-family:var(--font-display);color:var(--ink-soft);background:#efe3c4;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:15px;display:inline-flex}.online-pill:before{content:"";background:currentColor;border-radius:50%;width:10px;height:10px}.online-pill.online{color:#3f8a25;background:#dff3cf}.online-pill.practice{color:#2f6fb8;background:#e3eefc}.online-pill.offline{color:#b5532f;background:#f6e0d6}.online-note{padding:2px 4px 8px}.friend-code{font-family:var(--font-display);letter-spacing:1px;-webkit-user-select:all;user-select:all;font-size:18px}.shop-card .card-sub.more-room{color:#2f7d32;font-weight:700}.pill.get-more{background:var(--btn-yellow)}.pill.get-more .icon{width:18px;height:18px}.toast.tappable{cursor:pointer}.fh-intro{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.fh-level{font-family:var(--font-display);color:#fff;font-size:22px}.fh-caps{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.fh-cap{background:var(--cream-2);border:2px solid var(--outline);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.fh-cap.hot{background:linear-gradient(#f2ffd9,#d8f5a8)}.fh-cap .icon{width:32px;height:32px}.fh-cap-name{color:var(--ink-soft);font-size:12px}.fh-cap-val{font-family:var(--font-display);color:#fff;font-size:16px}.fh-need,.fh-save{margin-top:8px}.fh-need .icon{vertical-align:-4px;width:20px;height:20px}.fh-timer{margin-top:8px;display:inline-block;position:static}.fh-time{opacity:.8;font-size:13px}.fh-levels .list-item{min-height:44px;padding-top:6px;padding-bottom:6px}.fh-row.done{opacity:.6}.fh-row.next{box-shadow:0 0 0 3px var(--btn-yellow)}.fh-row-lv{font-family:var(--font-display);color:#fff;text-align:center;flex:0 0 34px;width:34px;font-size:20px}.fh-row .icon{flex:0 0 24px;width:24px;height:24px}.setting-row.stack{flex-wrap:wrap}.setting-row.stack .segmented{flex:100%}.setting-row.stack .segmented button{flex:auto;padding:0 8px}.setting-row.stack .hint-note{flex:100%;font-size:13px}.lb-practice{color:#2f6fb8;background:#e3eefc;border:2px dashed #9cc2ee;border-radius:12px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;font-size:13px;display:flex}.lb-practice .icon{flex:0 0 20px;width:20px;height:20px}.lb-week{border:3px solid var(--outline);background:linear-gradient(#fff3c9,#ffe08a);border-radius:14px;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;display:flex}.lb-week .icon{flex:0 0 34px;width:34px;height:34px}.lb-week-title{font-family:var(--font-display);font-size:17px}.lb-tracker{border:3px solid var(--outline);box-shadow:0 3px 0 var(--outline);background:linear-gradient(#efe4ff,#d9c6ff);border-radius:16px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.lb-tracker .grow{flex:auto;min-width:0}.lb-track-title{font-family:var(--font-display);color:#fff;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;font-size:20px}.lb-track-sub{color:var(--ink);overflow-wrap:anywhere;margin:1px 0 5px;font-size:14px}.lb-track-bar{height:14px}.lb-track-bar>.fill{background:linear-gradient(#d2b8ff,#8b5fe0)}.lb-list{gap:8px;padding-bottom:4px}.lb-row{cursor:pointer;min-height:58px;padding:6px 10px;transition:transform .2s cubic-bezier(.34,1.9,.6,1);position:relative}.lb-row:active{transition-duration:60ms;transform:scale(.97)}.lb-row.top1{background:linear-gradient(#fff8dc,#ffe69a)}.lb-row.top2{background:linear-gradient(#f8fbff,#dde6ee)}.lb-row.top3{background:linear-gradient(#fff1e4,#f2c9a2)}.lb-row.me{z-index:1;border-color:var(--btn-green-dark);box-shadow:0 3px 0 var(--btn-green-dark), 0 -4px 12px #2d1e102e;background:linear-gradient(#e7fbd8,#bfeea0);position:sticky;bottom:0}.lb-rank{text-align:center;width:40px;font-family:var(--font-display);color:#fff;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;flex:0 0 40px;font-size:17px;position:relative}.lb-rank.medal .icon{width:38px;height:38px;margin:0 auto;display:block}.lb-rank.medal .lb-rank-n{font-size:13px;position:absolute;bottom:-4px;right:-2px}.lb-face{border:3px solid var(--outline);box-sizing:border-box;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative;overflow:hidden}.lb-face.big{border-width:4px;flex-basis:96px;width:96px;height:96px}.lb-initial{font-family:var(--font-display);color:#fff;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;font-size:20px}.lb-face.big .lb-initial{font-size:42px}.lb-portrait{object-fit:cover;width:112%;height:112%;position:absolute;inset:-6%}.lb-face.has-portrait .lb-initial{visibility:hidden}.lb-name{align-items:center;gap:5px;min-width:0;display:flex}.lb-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lb-heart{flex:0 0 18px;width:18px;height:18px}.lb-tag{border:2px solid var(--outline);font-size:12px;font-family:var(--font-display);border-radius:8px;flex:none;align-items:center;gap:3px;padding:0 7px;line-height:18px;display:inline-flex}.lb-tag .icon{width:14px;height:14px}.lb-tag.you{background:var(--btn-green);color:#fff;-webkit-text-stroke:1.5px var(--outline);paint-order:stroke fill}.lb-tag.demo{color:#2f6fb8;background:#e3eefc;border-color:#9cc2ee}.lb-tag.friend{color:#c03a6c;background:#ffe0ec}.lb-value{font-family:var(--font-display);color:#fff;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;flex:none;align-items:center;gap:3px;font-size:17px;display:inline-flex}.lb-value .icon{width:22px;height:22px}.lb-gap{text-align:center;font-family:var(--font-display);color:var(--ink-soft);line-height:10px}.lb-footer{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.lb-note{flex:auto;min-width:0}.lb-card{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.lb-card-name{font-family:var(--font-display);color:#fff;-webkit-text-stroke:2.5px var(--outline);paint-order:stroke fill;overflow-wrap:anywhere;font-size:24px}.lb-card-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.lb-card-tags:empty{display:none}.lb-stats{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:4px;display:grid}.lb-stat{border:3px solid var(--outline);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;display:flex}.lb-stat .icon{flex:0 0 28px;width:28px;height:28px}.lb-stat-v{font-family:var(--font-display);color:#fff;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;font-size:18px}.lb-card-code{margin-top:2px}.lb-sub{white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.lb-sub .lb-tag{padding:0 5px;font-size:11px;line-height:15px}@media (max-height:500px){.lb-practice{margin-bottom:6px;padding:3px 10px}.lb-week{margin-bottom:6px;padding:4px 10px}.lb-tracker{margin-bottom:8px;padding:6px 10px}.lb-tracker>.lb-face{display:none}.lb-track-title{font-size:17px}.lb-card{gap:3px}.lb-face.big{border-width:3px;flex-basis:60px;width:60px;height:60px}.lb-face.big .lb-initial{font-size:28px}.lb-card-name{font-size:20px}.lb-stats{grid-template-columns:repeat(4,1fr);gap:6px}.lb-stat{text-align:center;flex-direction:column;gap:0;padding:4px}.lb-stat .icon{flex-basis:22px;width:22px;height:22px}.lb-stat-v{font-size:16px}}#ui-root.visiting>:not(.visit-keep):not(.visit-layer):not(.toast-stack):not(.float-layer){display:none!important}#ui-root.visiting .toast-stack{top:calc(var(--safe-top) + 112px)}.visit-banner{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 8px);right:calc(var(--safe-right) + 8px);z-index:40;background:var(--cream);max-width:760px;color:var(--ink);border:3px solid var(--outline);border-radius:var(--radius);box-shadow:0 4px 0 var(--outline);align-items:center;gap:10px;margin:0 auto;padding:8px 8px 8px 14px;animation:.45s cubic-bezier(.34,1.6,.6,1) both visit-drop;display:flex;position:absolute}.visit-title{flex:auto;min-width:0}.visit-name{font-family:var(--font-display);overflow-wrap:anywhere;font-size:18px;line-height:1.15}.visit-sub{color:var(--ink-soft);flex-wrap:wrap;gap:4px 12px;margin-top:3px;font-size:13px;display:flex}.visit-charm{align-items:center;gap:3px;font-weight:600;display:inline-flex}.visit-charm .icon{width:18px;height:18px}.btn.visit-home{white-space:nowrap;flex:none;min-height:52px;padding:6px 16px;font-size:18px}.btn.visit-home .icon{width:28px;height:28px}.btn.visit-btn{min-height:44px}@media (max-width:420px){.visit-name{font-size:16px}.btn.visit-home{padding:6px 12px;font-size:16px}}@keyframes visit-drop{0%{transform:translateY(-140%)}to{transform:none}}.visit-layer{z-index:30;position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.visit-bubble{will-change:transform;position:absolute;top:0;left:0}.visit-bubble>.card{text-align:center;gap:2px;min-width:120px;max-width:220px;padding:8px 12px;animation:.28s cubic-bezier(.34,1.9,.6,1) both visit-pop;position:absolute;bottom:8px;left:0;transform:translate(-50%)}.visit-bubble>.card:after{content:"";background:inherit;border-right:3px solid var(--outline);border-bottom:3px solid var(--outline);width:14px;height:14px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes visit-pop{0%{opacity:0;transform:translate(-50%)scale(.4)}to{opacity:1;transform:translate(-50%)scale(1)}}.visit-wipe{z-index:250;opacity:0;pointer-events:auto;background:radial-gradient(at 50% 40%,#fff 0%,#e6f6ff 45%,#b9e3fb 100%);justify-content:center;align-items:center;padding:16px;transition:opacity .35s;display:flex;position:fixed;inset:0}.visit-wipe.on{opacity:1}.visit-wipe-text{font-family:var(--font-display);color:#fff;text-align:center;font-size:clamp(20px,5.5vw,30px);position:relative}.visit-dots{gap:4px;margin-left:6px;display:inline-flex}.visit-dots i{border:2px solid var(--outline);background:#fff;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite visit-dot}.visit-dots i:nth-child(2){animation-delay:.15s}.visit-dots i:nth-child(3){animation-delay:.3s}@keyframes visit-dot{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.visit-cloud{opacity:.95;background:#fff;border-radius:999px;position:absolute;box-shadow:0 6px #78aad240}.visit-cloud:before,.visit-cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.visit-cloud:before{width:55%;height:160%;bottom:30%;left:12%}.visit-cloud:after{width:40%;height:130%;bottom:35%;right:14%}.visit-cloud.c1{width:46vmax;height:12vmax;animation:3.2s ease-in-out infinite alternate visit-drift;top:14%;left:-10vmax}.visit-cloud.c2{width:38vmax;height:10vmax;animation:3.8s ease-in-out infinite alternate-reverse visit-drift;top:58%;right:-8vmax}.visit-cloud.c3{width:28vmax;height:8vmax;animation:4.4s ease-in-out infinite alternate visit-drift;bottom:-3vmax;left:30%}@keyframes visit-drift{0%{transform:translate(-3vmax)}to{transform:translate(3vmax)}}@media (prefers-reduced-motion:reduce){.visit-banner,.visit-bubble>.card,.visit-cloud,.visit-dots i{animation:none}}.install-steps{flex-direction:column;gap:8px;margin:4px 0 10px;padding-left:22px;font-size:16px;line-height:1.3;display:flex}.friend-item .visit-btn,.friend-item .gift-btn{min-width:48px;min-height:44px}@media (max-width:480px){.friend-item .fbtn-lbl{display:none}.friend-item .visit-btn,.friend-item .gift-btn{padding:4px 8px}}.float-layer{z-index:60}.icon.tiny{width:14px;height:14px}.pill.short{background:#ffd6d0}.pill.enough{background:#d9f7c0}.pill.clickable{cursor:pointer}.pill.clickable:active{transform:scale(.94)}.mini-tag{border:2px solid var(--outline);font-size:12px;font-family:var(--font-display);white-space:nowrap;background:#fff4d6;border-radius:9px;align-items:center;gap:3px;padding:1px 7px;display:inline-flex}.mini-tag.wanted{background:#ffe08a}.mini-tag.corner{padding:1px 3px;position:absolute;top:4px;left:4px}.econ-intro{color:var(--ink-soft);background:#fff8e1;border:2px dashed #e6c98a;border-radius:12px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;font-size:13px;line-height:1.25;display:flex}.econ-intro .icon{flex:none;width:24px;height:24px}.prod-queue{flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:6px;display:flex}.prod-slot{justify-content:center;width:76px;min-height:76px}.prod-slot.empty{opacity:.55;box-shadow:none;border-style:dashed}.prod-slot.running{background:#fffbe8}.prod-slot .icon{width:34px;height:34px}.prod-slot .count-tag{font-size:14px;top:4px;bottom:auto}.prod-slot.done{animation:1.4s ease-in-out infinite prod-ready}@keyframes prod-ready{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.prod-actions{justify-content:center;gap:6px}.prod-detail{min-height:18px;margin:4px 0}.prod-tags{flex-wrap:wrap;gap:4px;margin:2px 0}.prod-ings{flex-wrap:wrap;gap:4px;margin-top:2px}.list-item.prod-locked{opacity:.6}.list-item.prod-wanted{background:#fffbe6;border-color:#b8860b}.section-title.row{margin-right:2px}.section-title .timer-tag{color:#fff;font-size:12px}.order-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.order-card.waiting{opacity:.7;justify-content:center}.order-lines,.order-line{gap:4px;width:100%}.order-item-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-npc{gap:4px;min-width:0}.order-npc .card-sub{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.order-skip{flex:none;min-width:40px;min-height:36px;padding:2px 6px}.order-skip.confirm{background:#ffd6d0;font-size:13px}.truck-progress{align-items:center;gap:6px;margin-bottom:10px;display:flex}.truck-crate .clickable{cursor:pointer}.stall-empty{justify-content:center;min-height:130px}.stall-slot{min-height:130px}.stall-presets{width:min(100%,340px)}.stall-presets .opt-btn{border:0;border-radius:0;flex:1 1 0;min-width:0;font-size:13px}.stall-presets .opt-btn+.opt-btn{border-left:3px solid var(--outline)}.merchant-offer{padding-top:12px}.deal-tag{color:#fff;border:2px solid var(--outline);background:#ff6b6b;border-radius:10px;padding:1px 6px;font-size:13px;position:absolute;top:-10px;right:-6px;transform:rotate(8deg)}.was-price{color:var(--ink-soft);font-size:12px;text-decoration:line-through}.prod-slot.waiting{cursor:pointer}.prod-slot.confirm{background:#ffd6d0}.prod-cancel{font-family:var(--font-display);color:#b8322a}.market-practice{color:var(--ink-soft);background:#e6f4ff;border:2px dashed #8cc2ea;border-radius:12px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;font-size:12px;line-height:1.25;display:flex}.market-practice .icon{flex:none;width:22px;height:22px}.market-practice b{color:var(--ink)}.market-searchrow{gap:6px;margin-bottom:8px}.market-searchrow>.icon{flex:0 0 26px;width:26px;height:26px}.market-search{min-height:44px;padding:4px 10px;font-size:16px}.market-cats{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;margin-bottom:4px;padding:2px 2px 8px;display:flex;overflow-x:auto}.market-cats::-webkit-scrollbar{display:none}.market-cats .opt-btn{flex:none;min-width:0;min-height:44px;padding:4px 10px;font-size:13px}.market-cats .opt-btn .icon{width:22px;height:22px}.market-list{gap:8px}.market-row{gap:8px;padding:6px 8px}.market-row.busy{opacity:.6;pointer-events:none}.market-row.sold{background:linear-gradient(#fffbe6,#fff1c2)}.market-row .title{flex-wrap:wrap;align-items:center;gap:4px;font-size:15px;line-height:1.15;display:flex}.market-row .sub{white-space:normal;line-height:1.2}.market-row .pill{flex:none}.market-row .sub.market-hint{color:#3f7fb8;font-size:12px}.market-deal{background:#d9f7c0;font-size:11px}.market-buy{flex:none;min-width:76px;min-height:44px}.market-buy .price{align-items:center;gap:2px;display:inline-flex}.market-buy .price .icon{width:18px;height:18px}.market-cancel{flex:none;min-width:44px;min-height:44px;padding:2px 6px}.market-cancel.confirm{background:#ffd6d0;font-size:12px}.market-empty{flex-direction:column;align-items:center;gap:6px;padding:18px 8px;display:flex}.market-editor{align-items:center;gap:10px;padding:4px 6px 8px}.market-stepper{flex-wrap:wrap;justify-content:center;gap:6px}.market-stepper .btn.small{min-width:44px;min-height:44px}.market-label{text-align:right;min-width:52px}.market-num{text-align:center;justify-content:center;align-items:center;gap:2px;min-width:40px;font-size:24px;display:inline-flex}.market-num.wide{min-width:84px}.market-num .icon{width:24px;height:24px}input[type=range].market-slider,.market-presets{width:min(100%,340px)}.market-presets button{flex:1 1 0;min-width:0;font-size:13px}.market-compare{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;font-size:13px;display:flex}.market-compare .price{font-family:var(--font-display);color:var(--ink);align-items:center;gap:2px;display:inline-flex}.market-compare .price .icon{width:16px;height:16px}.market-compare b.up{color:#3f8f22}.market-compare b.down{color:#b8322a}.market-warn{white-space:normal;text-align:center;background:#ffe9e0}.market-link{cursor:pointer;background:#eaf8df;border-color:#8fcf6a}.market-link:active{transform:scale(.98)}.market-link b{color:var(--ink)}.market-chev{font-family:var(--font-display);color:var(--ink-soft);margin-left:auto;font-size:22px}@media (orientation:landscape) and (max-height:500px){.market-editor{gap:6px}.market-editor>.card-icon{display:none}}.google-btn{color:#1f1f1f;letter-spacing:.25px;cursor:pointer;touch-action:manipulation;white-space:nowrap;background:#fff;border:1px solid #747775;border-radius:22px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 16px;font-family:Roboto,Segoe UI,Arial,sans-serif;font-size:15px;font-weight:500;display:inline-flex}.google-btn:hover:not(:disabled){background:#f8faff;box-shadow:0 1px 3px #3c40434d}.google-btn:active:not(:disabled){background:#eef3fd}.google-btn:disabled{cursor:default;opacity:.6}.google-btn .g-logo{width:20px;height:20px;display:inline-flex}.account-box{background:#ffffff8c;border:2px solid #3b2a1a1f;border-radius:14px;margin:4px 0 10px;padding:10px 12px}.account-box .account-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.account-box .account-row+.account-row{margin-top:8px}.account-box .account-who{overflow-wrap:anywhere;font-weight:700}.account-box .account-note{margin-top:6px;font-size:14px}.account-box .cloud-line{align-items:center;gap:6px;display:inline-flex}.account-box .cloud-line .icon{width:22px;height:22px}.account-box .cloud-line.error{color:#b5532f}.account-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.farm-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:480px){.farm-choices{grid-template-columns:1fr}}.farm-choice{background:#ffffffb3;border:3px solid #3b2a1a26;border-radius:14px;padding:10px 12px}.farm-choice.best{background:#f2fbe9;border-color:#6cc644}.farm-choice .fc-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.farm-choice .fc-title{font-family:var(--font-display);font-size:17px}.farm-choice .fc-badge{color:#fff;background:#6cc644;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.farm-choice .fc-name{overflow-wrap:anywhere;margin-bottom:4px;font-weight:700}.farm-choice .fc-stats{flex-wrap:wrap;gap:4px 12px;margin-bottom:4px;display:flex}.farm-choice .fc-stats span{align-items:center;gap:4px;display:inline-flex}.farm-choice .fc-stats .icon{width:20px;height:20px}.farm-choice .fc-meta{font-size:13px}.online-settings .friend-code{color:var(--ink);letter-spacing:1px;font-size:18px}.fc-intro{font-family:var(--font-display);margin-bottom:4px;font-size:20px}.wn-panel .panel-body{padding-top:12px}.wn-hero{border:3px solid var(--outline);height:150px;box-shadow:0 4px 0 var(--outline);background:linear-gradient(#ffc6dc 0%,#ffe3b8 48%,#bfe9ff 100%);border-radius:18px;margin-bottom:14px;position:relative;overflow:hidden}.wn-hero-sun{background:radial-gradient(circle,#fff7c2 0 38%,#ffe48c8c 39% 58%,#ffe48c00 70%);border-radius:50%;width:120px;height:120px;margin-left:-60px;animation:4s ease-in-out infinite wn-glow;position:absolute;top:18px;left:50%}.wn-hero-hill{border-top:3px solid var(--outline);border-radius:50%;height:120px;position:absolute;bottom:-60px}.wn-hero-hill.a{background:#8fdc5f;width:80%;left:-20%}.wn-hero-hill.b{background:#6cc644;width:85%;bottom:-70px;right:-25%}.wn-float{filter:drop-shadow(0 2px #2d1e1059);width:34px;height:34px;animation:3.2s ease-in-out infinite bob;position:absolute}.wn-float .icon{width:100%;height:100%}.wn-float.f0{animation-delay:-.4s;top:12px;left:6%}.wn-float.f1{width:40px;height:40px;animation-delay:-1.3s;bottom:14px;left:8%}.wn-float.f2{width:26px;height:26px;animation-delay:-2s;top:46px;left:22%}.wn-float.f3{animation-delay:-.9s;top:14px;right:7%}.wn-float.f4{width:40px;height:40px;animation-delay:-2.4s;bottom:12px;right:9%}.wn-float.f5{width:26px;height:26px;animation-delay:-1.7s;top:50px;right:22%}.wn-hero-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 56px;display:flex;position:absolute;inset:0}.wn-hero-kicker{font-family:var(--font-display);color:#fff;-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;font-size:14px}.wn-hero-title{font-family:var(--font-display);color:#fff;-webkit-text-stroke:5px var(--outline);paint-order:stroke fill;font-size:clamp(22px,6.4vw,34px);line-height:1.05}.wn-hero-sub{font-family:var(--font-display);color:#ffe066;-webkit-text-stroke:4px var(--outline);paint-order:stroke fill;font-size:20px}@keyframes wn-glow{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.wn-release{--wn-accent:#f6b552;--wn-soft:#fff1d6;border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);background:#fff;border-radius:18px;margin-bottom:14px;padding:12px}.wn-release.wn-pink{--wn-accent:#ff8fb8;--wn-soft:#ffe6ef}.wn-release.wn-green{--wn-accent:#8fdc5f;--wn-soft:#ebf8df}.wn-release.wn-blue{--wn-accent:#6cc3ff;--wn-soft:#e2f2ff}.wn-release.wn-purple{--wn-accent:#c3a0ff;--wn-soft:#f0e8ff}.wn-release-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.wn-release-badge{background:var(--wn-accent);border:3px solid var(--outline);width:52px;height:52px;box-shadow:0 3px 0 var(--outline);border-radius:16px;flex:0 0 52px;justify-content:center;align-items:center;display:flex}.wn-release-badge .icon{width:34px;height:34px}.wn-release-titles{flex:auto;min-width:0}.wn-release-title{font-family:var(--font-display);color:#fff;-webkit-text-stroke:4px var(--outline);paint-order:stroke fill;font-size:22px;line-height:1.1}.wn-release-meta{color:var(--ink-soft);font-size:13px}.wn-new-pill{background:var(--btn-red);border:2px solid var(--outline);color:#fff;font-family:var(--font-display);border-radius:12px;flex:none;padding:2px 10px;font-size:14px;animation:1.6s ease-in-out infinite pulse}.wn-dedication{text-align:center;color:#b03a6a;font-family:var(--font-display);background:linear-gradient(#fff0f6,#ffe0ec);border:2px dashed #e0588b;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:0 0 10px;padding:8px 12px;font-size:17px;display:flex}.wn-dedication .wn-heart{flex:0 0 22px;width:22px;height:22px;animation:1.4s ease-in-out infinite pulse}.wn-section-title{font-family:var(--font-display);color:var(--ink);align-items:center;gap:6px;margin:12px 0 6px;font-size:16px;display:flex}.wn-section-title .icon{width:22px;height:22px}.wn-lines{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wn-line{background:var(--wn-soft);border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:4px 10px 4px 4px;display:flex}.wn-line-icon{border:2px solid var(--outline);background:#fff;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wn-line-icon .icon{width:26px;height:26px}.wn-line-text{min-width:0;color:var(--ink);flex:auto;font-size:15px;line-height:1.25}.wn-thanks{margin:2px 0 4px}.wn-play{min-height:56px;font-size:22px}.wn-play .icon{width:30px;height:30px}.hud-settings .whatsnew-dot{min-width:0;height:20px;font-size:11px;font-family:var(--font-display);color:#fff;padding:0 6px;top:-8px;right:-10px}@media (max-width:480px){.wn-float.f2,.wn-float.f5{display:none}.wn-float.f0,.wn-float.f3{width:28px;height:28px;top:8px}}@media (orientation:landscape) and (max-height:500px){.wn-hero{height:74px;margin-bottom:10px}.wn-hero-sun{width:80px;height:80px;margin-left:-40px;top:-4px}.wn-hero-hill.a{bottom:-84px}.wn-hero-hill.b{bottom:-92px}.wn-hero-kicker{font-size:12px}.wn-hero-title{font-size:24px}.wn-hero-sub{display:none}.wn-float{width:28px;height:28px}.wn-float.f1,.wn-float.f4{width:30px;height:30px;bottom:6px}.wn-float.f2,.wn-float.f5{display:none}.wn-release-head{margin-bottom:8px}.wn-play{min-height:48px;font-size:19px}}@media (prefers-reduced-motion:reduce){.wn-float,.wn-hero-sun,.wn-new-pill,.wn-dedication .wn-heart{animation:none}}.btn.pink-btn{--c:#ff8fb8;--d:#d24f80}.whatsnew-btn .badge-dot{top:-6px;right:-6px}.notify-box{background:#ffffff8c;border:2px solid #3b2a1a1f;border-radius:14px;margin:4px 0 10px;padding:4px 12px 10px}.notify-box>.setting-row{border-bottom:none}.notify-box .notify-note{margin:2px 4px 8px;font-size:14px}.notify-box .notify-note.warn{color:#b5532f}.notify-box .toggle.disabled{opacity:.5;pointer-events:none}.notify-kinds{grid-template-columns:1fr 1fr;gap:6px 14px;display:grid}@media (max-width:560px){.notify-kinds{grid-template-columns:1fr}}.notify-kind{border-bottom:2px dashed #e6d3a6;align-items:center;gap:8px;min-height:48px;padding:2px 4px;display:flex}.notify-kind .icon{flex:none;width:26px;height:26px}.notify-kind span{flex:auto;font-weight:700}.notify-kind .toggle{transform-origin:100%;transform:scale(.85)}.notify-quiet{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 4px 2px;font-weight:700;display:flex}.notify-quiet .notify-hour{border:3px solid var(--outline);background:var(--cream-2);min-height:44px;font-family:var(--font-display);color:var(--ink);cursor:pointer;border-radius:12px;padding:0 10px;font-size:16px}.notify-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.btn.heart-btn{--c:#ff8fb4;--d:#d0537f}.visit-help-row{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;display:flex}.btn.visit-like{gap:4px;min-width:64px;min-height:40px;padding:2px 10px;font-size:16px}.btn.visit-like .icon{width:24px;height:24px;transition:transform .3s cubic-bezier(.34,1.9,.6,1)}.btn.visit-like:not(.liked) .icon{filter:grayscale(.6)brightness(1.1)}.btn.visit-like.liked .icon{transform:scale(1.15)}.visit-help-pill{font-family:var(--font-body);background:#e6f6ff;font-size:13px;font-weight:600}.visit-help-pill.done{background:#e4f7d6}#ui-root.visiting.visiting .toast-stack{top:calc(var(--safe-top) + 150px)}.visit-bubble .btn.visit-help-btn{pointer-events:auto;white-space:nowrap;min-height:44px;margin-top:6px}.visit-bubble .btn.visit-help-btn .icon{width:24px;height:24px}.visit-picker{z-index:45;top:calc(var(--safe-top) + 150px);overscroll-behavior:contain;background:var(--cream);width:min(360px,100vw - 32px);color:var(--ink);border:3px solid var(--outline);border-radius:var(--radius);box-shadow:0 4px 0 var(--outline);flex-direction:column;gap:8px;padding:10px 12px 12px;animation:.28s cubic-bezier(.34,1.9,.6,1) both visit-pop-in;display:flex;position:absolute;left:50%;overflow-y:auto;transform:translate(-50%)}.visit-picker-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.visit-picker-head .card-title{font-family:var(--font-display);font-size:18px}.btn.visit-picker-x{min-width:40px;padding:0}.visit-notes{flex-wrap:wrap;gap:6px;display:flex}.btn.visit-note{min-height:40px;font-size:14px}@keyframes visit-pop-in{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.icon.visit-fx{pointer-events:none;z-index:60;width:26px;height:26px;margin:-13px 0 0 -13px;animation:1.1s cubic-bezier(.2,.8,.3,1) both visit-fx;position:fixed}.visit-layer .icon.visit-fx{position:absolute}@keyframes visit-fx{0%{opacity:0;transform:translate(0)scale(.3)}15%{opacity:1}60%{transform:translate(var(--dx), var(--dy)) scale(1);opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + 30px)) scale(.7);opacity:0}}.icon.visit-fx.heart-up{animation-name:visit-heart-up;animation-duration:1.3s}@keyframes visit-heart-up{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1}to{transform:translate(var(--dx), calc(var(--dy) * -1)) scale(1.1);opacity:0}}.away-list .list-item .title{white-space:normal}.away-note{color:var(--ink-soft);font-size:14px;font-style:italic}.away-tag{margin-left:auto}.visitor-stats{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.visitor-stats .pill{padding:4px 10px;font-size:15px}.visitor-stats .pill .icon{width:22px;height:22px}.visitor-item .sub .icon{vertical-align:-3px;width:16px;height:16px}@media (prefers-reduced-motion:reduce){.icon.visit-fx,.visit-picker{animation:none}.icon.visit-fx{display:none}}.social-note{color:var(--ink-soft);background:#fff8e1;border:2px dashed #e6c98a;border-radius:12px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;font-size:13px;line-height:1.25;display:flex}.social-note .icon{flex:none;width:24px;height:24px}.social-note b{color:var(--ink)}.social-card{border:3px solid var(--outline);box-shadow:0 3px 0 var(--outline);background:#fff;border-radius:14px;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;display:flex}.social-card .grow{flex:auto;min-width:0}.social-card .title{font-family:var(--font-display);font-size:16px}.social-card .icon.big{flex:0 0 44px;width:44px;height:44px}.my-code{background:linear-gradient(#fff6fa,#ffe1ec)}.friend-code{letter-spacing:2px;color:#fff;-webkit-user-select:text;user-select:text;font-size:28px;line-height:1.1}.add-row{margin-bottom:8px}.add-row .btn{min-width:64px;min-height:48px}.social-input{font-size:17px}.social-input.code-input{text-transform:uppercase;letter-spacing:1px}.social-input.code-input::placeholder{text-transform:none;letter-spacing:0}.limits-row{justify-content:flex-start;margin:4px 0 2px}.friend-portrait{border:3px solid var(--outline);border-radius:50%;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -6px #0000001f}.friend-portrait .friend-portrait-img{width:120%;height:120%;margin-top:10%}.friend-portrait span{color:#fff;font-size:24px}.friend-item .btn.small,.gift-item .btn.small{flex:none;min-height:44px}.friend-item .remove-btn{min-width:44px;padding:4px 8px}.friend-item .remove-btn .icon{width:20px;height:20px}.friend-item .title,.gift-item .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-tag{background:var(--btn-grey);color:#fff;vertical-align:2px;border:2px solid var(--outline);border-radius:8px;margin-left:6px;padding:0 6px;font-size:11px;display:inline-block}.gift-msg{color:var(--ink-soft);overflow-wrap:anywhere;margin:1px 0 3px;font-size:13px;font-style:italic;line-height:1.2}.gift-contents{flex-wrap:wrap;gap:4px;display:flex}.gift-chip{border:2px solid var(--outline);font-size:13px;font-family:var(--font-display);color:var(--ink);white-space:nowrap;background:#fff4d6;border-radius:10px;align-items:center;gap:3px;padding:1px 8px 1px 3px;display:inline-flex}.gift-chip .icon{width:22px;height:22px}.gift-chip.clickable{cursor:pointer;min-height:44px;padding:2px 10px 2px 4px;font-size:15px}.gift-chip.clickable .icon{width:30px;height:30px}.gift-chip.clickable:active{transform:scale(.94)}.gift-chip .chip-x{background:var(--btn-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:4px;font-size:15px;line-height:1;display:inline-flex}.compose-head .section-title{margin:0}.compose-chosen{background:#fffaf0;border:2px dashed #e6c98a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;margin:6px 0 8px;padding:6px;display:flex}.compose-coins{font-family:var(--font-display);align-items:center;gap:8px;margin-bottom:8px;font-size:16px;display:flex}.compose-coins>.icon{width:30px;height:30px}.compose-coins .grow{flex:auto}.compose-coins .qty-btn{min-width:44px;min-height:44px}.compose-coins .qty-val{text-align:center;min-width:56px;font-size:20px}.compose-left{align-self:center}.code-preview{margin-bottom:6px}.code-preview>.muted{padding:0 4px 6px}.code-box{box-sizing:border-box;resize:none;word-break:break-all;border:3px solid var(--outline);width:100%;color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:12px;padding:8px;font-family:ui-monospace,monospace;font-size:12px}.icon.code-gift{width:64px;height:64px}#ui-root.mode-fishing .hud-layer,#ui-root.mode-fishing .world-layer{display:none!important}.fish-ui{z-index:45;pointer-events:auto;touch-action:none;position:absolute;inset:0}.fish-ui *{-webkit-user-select:none;user-select:none}.fish-top{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 8px);right:calc(var(--safe-right) + 8px);pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.fish-top>*{pointer-events:auto}.fish-top-row{align-items:center;gap:6px;width:100%;max-width:560px;display:flex}.fish-chip{border:3px solid var(--outline);color:#fff;min-height:40px;font-family:var(--font-display);white-space:nowrap;background:#28190a9e;border-radius:14px;align-items:center;gap:4px;padding:4px 10px;font-size:15px;display:inline-flex}.fish-chip .icon{width:24px;height:24px}.fish-chip .fc-free{background:var(--btn-green);border:2px solid var(--outline);border-radius:9px;margin-right:2px;padding:0 6px;font-size:13px}.fish-buy{gap:3px;min-height:40px;margin-left:auto;padding:2px 8px}.fish-buy .icon{width:22px;height:22px}.fish-buy .fish-buy-plus{color:#fff;margin-right:-2px;font-size:18px}.fish-close{flex:none;width:44px;min-width:44px;height:44px;font-size:20px}.fish-biting{scrollbar-width:none;background:#143c5a73;border-radius:14px;align-items:center;gap:4px;max-width:min(560px,100%);padding:3px 8px;display:flex;overflow-x:auto}.fish-biting::-webkit-scrollbar{display:none}.fish-biting .fb-label{color:#fff;font-family:var(--font-display);flex:none;margin-right:2px;font-size:13px}.fish-biting .fb-fish{background:#ffffff8c;border:2px solid #2d1e1080;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.fish-biting .fb-fish .icon{width:22px;height:22px}.fish-biting .fb-fish.unseen .icon{filter:brightness(0)opacity(.45)}.fish-biting .fb-fish.r-rare{border-color:var(--rare)}.fish-biting .fb-fish.r-legendary{border-color:var(--legendary);box-shadow:0 0 8px #ffb020cc}.fish-touch{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.fish-center{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:4px;padding:0 16px;display:flex}.fish-center .btn{pointer-events:auto}.fish-prompt{color:#fff;font-family:var(--font-display);min-height:34px;font-size:30px;line-height:1.1}.fish-prompt.urgent{color:#ffe066;font-size:40px;animation:.45s ease-in-out infinite alternate fishPulse}@keyframes fishPulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.fish-sub{color:#fff;max-width:420px;font-size:15px;line-height:1.25}.fish-buyrow{flex-direction:column;align-items:center;gap:6px;margin-top:8px;display:flex}.fish-bottom{width:100%;padding-bottom:calc(var(--safe-bottom) + 14px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.fish-controls{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.fish-action{background:radial-gradient(circle at 50% 35%, #8fd3ff, var(--btn-blue) 60%, var(--btn-blue-dark));border:4px solid var(--outline);width:88px;height:88px;box-shadow:0 6px 0 var(--outline), 0 0 0 6px #ffffff40;border-radius:50%;justify-content:center;align-items:center;transition:transform 80ms;display:flex}.fish-action .icon{pointer-events:none;width:56px;height:56px}.fish-action.down{box-shadow:0 2px 0 var(--outline), 0 0 0 6px #ffffff40;transform:translateY(4px)scale(.95)}.fish-action.pulse{animation:1s ease-in-out infinite fishBtn}.fish-action.dim{filter:grayscale(.8);opacity:.7}.fish-ui[data-step=bite] .fish-action{background:radial-gradient(circle at 50% 35%, #fff3a0, var(--btn-yellow) 60%, var(--btn-yellow-dark));animation-duration:.4s}.fish-ui[data-step=reel] .fish-action{background:radial-gradient(circle at 50% 35%, #c9ffb0, var(--btn-green) 60%, var(--btn-green-dark))}@keyframes fishBtn{0%,to{box-shadow:0 6px 0 var(--outline), 0 0 0 6px #ffffff40}50%{box-shadow:0 6px 0 var(--outline), 0 0 0 14px #ffffff1a}}.fish-reel{flex-direction:column;gap:6px;width:min(86vw,440px);display:flex}.fr-track{border:4px solid var(--outline);height:46px;box-shadow:0 4px 0 var(--outline);background:linear-gradient(#2e7fb8,#1f5f8f);border-radius:14px;position:relative;overflow:hidden}.fr-zone{will-change:transform;background:linear-gradient(#8cf06ebf,#46be3cbf);border:2px solid #fffc;border-radius:9px;position:absolute;top:3px;bottom:3px;left:0}.fish-reel.inside .fr-zone{background:linear-gradient(#aaff8ce6,#5ad246e6)}.fr-fish{will-change:transform;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:0}.fr-fish .icon{filter:drop-shadow(0 2px 1px #0006);width:34px;height:34px}.fr-fish.glow .icon{filter:drop-shadow(0 0 5px #fff3a0)drop-shadow(0 0 3px #ffb020)}.fr-meter{border:3px solid var(--outline);background:#28190a8c;border-radius:8px;height:14px;overflow:hidden}.fr-fill{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#ffe066,#7ed957);height:100%;transform:scaleX(.3)}.fish-reveal{z-index:2;background:#14325059;justify-content:center;align-items:center;padding:22px 16px 12px;display:flex;position:absolute;inset:0}.fish-reveal-card{background:var(--cream);border:4px solid var(--outline);width:min(320px,100%);box-shadow:0 6px 0 var(--outline);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:18px 16px 14px;display:flex;position:relative}.fish-reveal.legendary .fish-reveal-card{box-shadow:0 6px 0 var(--outline), 0 0 30px 6px #ffc83cb3;background:linear-gradient(#fff8d8,#ffe9a8)}.fish-reveal.r-rare .fish-reveal-card{box-shadow:0 6px 0 var(--outline), 0 0 22px 4px #3fa9f58c}.fish-reveal-icon{border:3px solid var(--outline);background:radial-gradient(#fff,#cdeeff);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.fish-reveal-icon .icon{width:72px;height:72px}.fish-reveal-name{font-family:var(--font-display);color:#fff;font-size:26px;line-height:1.1}.fish-ribbon{white-space:nowrap;background:var(--btn-red);border:3px solid var(--outline);color:#fff;font-family:var(--font-display);border-radius:10px;padding:3px 14px;font-size:17px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-3deg)}.fish-rarity{color:#fff}.fish-rarity.r-common{background:var(--common)}.fish-rarity.r-uncommon{background:var(--btn-green)}.fish-rarity.r-rare{background:var(--rare)}.fish-rarity.r-legendary{background:var(--legendary)}.fish-note{max-width:260px;color:var(--ink);background:#fffdf4;border:2px dashed #c9a46a;border-radius:10px;padding:10px 12px;font-size:15px;font-style:italic;line-height:1.3;transform:rotate(-1.5deg)}.fish-again{min-width:160px}@media (max-width:420px){.fish-chip .fc-time{display:none}.fish-top-row{gap:5px}}@media (max-height:460px){.fish-prompt{min-height:28px;font-size:24px}.fish-prompt.urgent{font-size:32px}.fish-sub{font-size:13px}.fish-bottom{padding-bottom:calc(var(--safe-bottom) + 8px);gap:4px}.fish-controls{flex-direction:row;justify-content:center;align-items:center;gap:16px}.fish-action{width:72px;height:72px}.fish-action .icon{width:46px;height:46px}.fr-track{height:40px}.fish-reveal-icon{width:72px;height:72px}.fish-reveal-icon .icon{width:54px;height:54px}.fish-reveal-card{gap:5px;padding:14px 14px 10px}.fish-reveal-name{font-size:22px}}.card .fish-book-line{color:var(--ink-soft);font-size:11px;line-height:1.15}