*{box-sizing:border-box}html,body{background:#bfe4f2;height:100%;margin:0;font-family:ui-rounded,SF Pro Rounded,Nunito,Segoe UI,system-ui,sans-serif;overflow:hidden}#app canvas{display:block}#loading{color:#5a4636;z-index:60;background:radial-gradient(120% 90% at 50% 0,#bfe6ff 0%,#9fd4f5 38%,#ffd9b8 78%,#ffc9a3 100%);justify-content:center;align-items:center;font-size:20px;font-weight:700;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading.hide{opacity:0;pointer-events:none}.ld-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaf08c;border-radius:28px;flex-direction:column;align-items:center;gap:14px;min-width:min(78vw,340px);padding:28px 34px 24px;display:flex;box-shadow:0 14px 40px #78461e2e,inset 0 1px #fff9}.ld-isle{width:132px;height:96px;position:relative}.ld-isle:before{content:"";background:radial-gradient(60% 80% at 50% 30%,#ffe7b0,#f2c983);border-radius:50% 50% 46% 46%;height:30px;position:absolute;bottom:16px;left:14px;right:14px;box-shadow:inset 0 -5px #e3b16e}.ld-palm{transform-origin:50% 100%;font-size:52px;line-height:1;animation:2.6s ease-in-out infinite ld-sway;position:absolute;bottom:34px;left:50%;translate:-50%}.ld-sun{background:#ffd65a;border-radius:50%;width:26px;height:26px;animation:2.6s ease-in-out infinite ld-glow;position:absolute;top:0;right:6px;box-shadow:0 0 22px #ffd65acc}.ld-wave{opacity:.85;background:repeating-linear-gradient(90deg,#6cc6e8 0 18px,#8fd8f0 18px 36px);border-radius:10px;height:16px;animation:2.2s linear infinite ld-wave;position:absolute;bottom:4px;left:0;right:0}.ld-title{letter-spacing:.5px;color:#4c8a3a;text-shadow:0 2px #fff8;font-size:28px}.ld-bar{background:#fff9;border-radius:99px;width:100%;height:14px;overflow:hidden;box-shadow:inset 0 2px 4px #5a3c1e2e}.ld-bar i{transform-origin:0;background:linear-gradient(90deg,#7ccf5a,#b6e36a);border-radius:99px;width:100%;height:100%;transition:transform .35s ease-out;display:block;transform:scaleX(0)}#ld-stage{opacity:.85;min-height:1.3em;font-size:16px;font-weight:600}.spinner{border:5px solid #fff8;border-top-color:#6dbb4f;border-radius:50%;width:42px;height:42px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ld-sway{0%,to{rotate:-6deg}50%{rotate:6deg}}@keyframes ld-glow{0%,to{scale:1}50%{scale:1.12}}@keyframes ld-wave{to{background-position:36px 0}}@media (pointer:coarse){.ld-card{padding:34px 40px 28px}.ld-title{font-size:32px}#ld-stage{font-size:18px}.ld-bar{height:16px}}@media (prefers-reduced-motion:reduce){.ld-palm,.ld-sun,.ld-wave{animation:none}}.hud{pointer-events:none;color:#4a3b2f;z-index:5;position:fixed}.panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffaf0d1;border-radius:16px;padding:10px 14px;box-shadow:0 6px 20px #50321426}.title{top:16px;left:16px}.title h1{letter-spacing:.5px;color:#4c8a3a;margin:0 0 6px;font-size:22px}.title .keys{font-size:13px;line-height:1.55}.title kbd{text-align:center;background:#fff;border:1px solid #e3d3bd;border-bottom-width:2px;border-radius:6px;min-width:20px;margin-right:2px;padding:0 5px;font-family:inherit;font-size:12px;display:inline-block}.stats{text-align:right;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;font-size:13px;display:flex;top:16px;right:16px}.stats .fps{font-size:15px;font-weight:800}.stats .backend{opacity:.7;font-size:12px}.qbtn{pointer-events:auto;cursor:pointer;font:inherit;color:#4a3b2f;background:#fff;border:0;border-radius:12px;padding:6px 12px;font-weight:700;box-shadow:0 2px #e3d3bd}.qbtn.on{color:#fff;background:#7cc95b;box-shadow:0 2px #4f9a43}.hotbar{align-items:center;gap:8px;transition:opacity .25s,transform .25s;display:flex;bottom:18px;left:50%;transform:translate(-50%)}.hotbar.off{opacity:0;transform:translate(-50%,20px)}.slot{pointer-events:auto;cursor:pointer;background:#fffaf0d9;border:3px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:74px;height:74px;font-size:26px;display:flex;position:relative;box-shadow:0 4px #a0785040}.slot span{margin-top:2px;font-size:11px;font-weight:700}.slot b{opacity:.6;font-size:11px;position:absolute;top:3px;left:7px}.slot.sel{border-color:#7cc95b;transform:translateY(-4px)}.mode{color:#fff;background:#7cc95b;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:800;transition:opacity .25s;bottom:104px;left:50%;transform:translate(-50%);box-shadow:0 3px #4f9a43}.mode.off{opacity:0}.toast{font-size:13px;bottom:18px;left:18px}html,body,canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.touch-hint{font-size:13px;line-height:1.5;display:none}body.touch .title .keys{display:none}body.touch .touch-hint{display:block}body.touch .title{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));padding:8px 12px}body.touch .title h1{margin-bottom:2px;font-size:18px}body.touch .stats{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}body.touch .qbtn{padding:9px 16px}.touch-ui{pointer-events:none;z-index:6;position:fixed;inset:0}.stick{left:max(28px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:radial-gradient(circle,#fffaf059 0 55%,#fffaf08c 56% 100%);border:3px solid #ffffffbf;border-radius:50%;width:150px;height:150px;transition:background .15s;position:absolute;box-shadow:0 6px 18px #5032142e}.stick.active{background:radial-gradient(circle,#fffaf080 0 55%,#fffaf0b3 56% 100%)}.knob{background:#fffaf0;border-radius:50%;width:62px;height:62px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px #e3d3bd,0 6px 12px #50321440}.tbtns{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));grid-template-columns:repeat(2,76px);place-items:end center;gap:12px;display:grid;position:absolute}.tbtn{pointer-events:auto;touch-action:none;width:72px;height:72px;font:inherit;color:#4a3b2f;background:#fffaf0e0;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:26px;font-weight:800;line-height:1;display:flex;box-shadow:0 5px #a0785059,0 8px 16px #50321426}.tbtn span{margin-top:3px;font-size:11px}.tbtn.big{color:#fff;background:#7cc95b;width:88px;height:88px;font-size:32px;box-shadow:0 5px #4f9a43,0 8px 16px #5032142e}.tbtn.down{transform:translateY(3px);box-shadow:0 2px #a0785059}.tbtn.on{background:#ffd166}.tbtn.remove.on{color:#fff;background:#ff7b7b}.tbtn.rotate,.tbtn.remove{display:none}.touch-ui.building .tbtn.rotate,.touch-ui.building .tbtn.remove{display:flex}body.touch .hotbar{bottom:max(24px, env(safe-area-inset-bottom))}body.touch .slot{width:70px;height:70px}body.touch .mode{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 88px)}.audio-row{pointer-events:auto;align-items:center;gap:8px;display:flex}.audio-row label{align-items:center;gap:2px;font-size:14px;display:flex}.vol{accent-color:#7cc95b;touch-action:pan-x;pointer-events:auto;width:70px}body.touch .vol{width:90px;height:28px}.sound-hint{color:#4c8a3a;font-size:12px;font-weight:700}.sound-hint.hidden{display:none}.biome-name{color:#4c8a3a;font-size:13px;font-weight:800}:root{--spring:cubic-bezier(.2, 1.35, .4, 1);--ease:cubic-bezier(.25, .8, .25, 1);--paper:#fffaf0f0}.game-bar{top:max(14px, env(safe-area-inset-top));z-index:6;gap:10px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.gbtn{pointer-events:auto;cursor:pointer;background:var(--paper);color:#4a3b2f;min-width:64px;height:56px;font:inherit;transition:transform .25s var(--spring), background .2s;border:0;border-radius:18px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:800;display:flex;position:relative;box-shadow:0 4px #a0785040,0 8px 18px #5032141f}.gbtn .gi{font-size:24px}.gbtn kbd{background:#fff;border:1px solid #e3d3bd;border-radius:6px;margin-left:2px;padding:0 5px;font-family:inherit;font-size:11px}.gbtn:active{transform:scale(.93)}.gbtn.on{color:#fff;background:#7cc95b;box-shadow:0 4px #4f9a43}.gbtn .badge{color:#fff;background:#ff6b6b;border-radius:11px;min-width:22px;height:22px;padding:0 6px;font-size:11px;line-height:22px;position:absolute;top:-6px;right:-6px;box-shadow:0 2px #c94a4a}.gbtn .badge.dot{background:#ffc93a;width:14px;min-width:14px;height:14px;padding:0;box-shadow:0 0 0 3px #ffc93a59}.gbtn.pulse{animation:gpulse 1.2s var(--ease) infinite}.gbtn.pulse .badge.dot{background:#ff6b6b}@keyframes gpulse{0%,to{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 4px #a0785040,0 0 0 8px #ffc93a59}}.bump{animation:bump .45s var(--spring)}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.22)}to{transform:scale(1)}}body.touch .gbtn{min-width:66px;height:60px}body.touch .gbtn .gl{font-size:12px}@media (max-width:760px){.gbtn .gl{display:none}}.action-btn{z-index:6;right:calc(max(24px, env(safe-area-inset-right)) + 186px);bottom:calc(max(24px, env(safe-area-inset-bottom)) + 4px);pointer-events:auto;touch-action:none;cursor:pointer;width:96px;height:96px;font:inherit;color:#fff;transition:transform .3s var(--spring);background:radial-gradient(circle at 35% 30%,#ffd56b,#ff9f43);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;transform:scale(0);box-shadow:0 6px #d97a2a,0 10px 22px #50321440}.action-btn.touch{display:flex}.action-btn.show{transform:scale(1)}.action-btn.press{transform:scale(.9);box-shadow:0 2px #d97a2a}.action-btn .ai{font-size:38px;line-height:1}.action-btn .al{text-shadow:0 1px #c96a1a;margin-top:2px;font-size:14px;font-weight:900}.action-btn.swap .ai{animation:bump .4s var(--spring)}.juice{pointer-events:none;z-index:4;position:fixed;inset:0;overflow:hidden}.juice .pop{will-change:transform, opacity;filter:drop-shadow(0 2px 2px #0000002e);font-size:26px;position:absolute;top:0;left:0}.juice .pop.heart{font-size:24px}.juice .pop.plus{color:#fff;text-shadow:0 2px #4f9a43,0 0 6px #0003;font-size:18px;font-weight:900}.juice .pop.emote{background:#ffffffeb;border-radius:18px;padding:2px 8px;font-size:28px;box-shadow:0 3px 8px #00000026}.juice .pop.big{box-shadow:none;background:0 0;font-size:44px}.world-prompt{background:var(--paper);color:#4a3b2f;white-space:nowrap;opacity:0;border-radius:14px;padding:6px 12px;font-size:14px;font-weight:800;transition:opacity .2s;position:absolute;top:0;left:0;box-shadow:0 4px #a0785040}.world-prompt.show{opacity:1}.world-prompt kbd{text-align:center;color:#fff;background:#ff9f43;border-radius:7px;min-width:22px;margin-right:4px;padding:1px 6px;font-family:inherit;display:inline-block;box-shadow:0 2px #d97a2a}.world-prompt span{font-size:18px}body.touch .world-prompt{padding:2px 8px;animation:1.6s ease-in-out infinite float}@keyframes float{50%{margin-top:-6px}}.flyer{z-index:30;pointer-events:none;will-change:transform;filter:drop-shadow(0 3px 3px #0003);font-size:30px;position:fixed;top:0;left:0}.jtoast{z-index:7;top:calc(max(14px, env(safe-area-inset-top)) + 70px);opacity:0;pointer-events:none;background:var(--paper);color:#4a3b2f;transition:transform .35s var(--spring), opacity .25s;text-align:center;border-radius:16px;max-width:88vw;padding:10px 18px;font-size:15px;font-weight:700;position:fixed;left:50%;transform:translate(-50%,-20px)scale(.9);box-shadow:0 6px 18px #5032142e}.jtoast.show{opacity:1;transform:translate(-50%)scale(1)}.reward{z-index:40;pointer-events:auto;background:#281e1400;justify-content:center;align-items:center;transition:background .3s;display:flex;position:fixed;inset:0}.reward.show{background:#281e1459}.reward-card{text-align:center;color:#4a3b2f;width:min(340px,86vw);box-shadow:0 0 0 5px var(--rc), 0 18px 40px #0000004d;opacity:0;transition:transform .55s var(--spring), opacity .25s;background:#fffaf0;border-radius:26px;padding:26px 22px 20px;position:relative;overflow:hidden;transform:scale(.4)rotate(-6deg)}.reward.show .reward-card{opacity:1;transform:scale(1)rotate(0)}.reward-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rc) 22%, transparent) 0 12deg, transparent 12deg 24deg);animation:14s linear infinite spin;position:absolute;inset:-60%}.reward-icon{animation:bump .7s var(--spring) .25s both;filter:drop-shadow(0 6px 6px #0000002e);font-size:78px;position:relative}.reward-rarity{background:var(--rc);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;margin-top:6px;padding:3px 12px;font-size:13px;font-weight:900;display:inline-block;position:relative}.reward-name{margin:8px 0 4px;font-size:24px;font-weight:900;position:relative}.reward-extra{opacity:.85;font-size:14px;position:relative}.reward-btns{justify-content:center;gap:10px;margin-top:16px;display:flex;position:relative}.reward-btns button{min-height:48px;font:inherit;cursor:pointer;color:#4a3b2f;background:#fff;border:0;border-radius:16px;padding:0 20px;font-size:16px;font-weight:900;box-shadow:0 3px #e3d3bd}.reward-btns .btn-equip{color:#fff;background:#7cc95b;box-shadow:0 3px #4f9a43}.reward.r4 .reward-card{animation:2s ease-in-out infinite shimmer}@keyframes shimmer{50%{box-shadow:0 0 0 5px var(--rc), 0 0 40px 10px color-mix(in srgb, var(--rc) 60%, transparent), 0 18px 40px #0000004d}}.sheet{z-index:8;background:var(--paper);color:#4a3b2f;height:min(56vh,520px);transition:transform .45s var(--spring);pointer-events:auto;touch-action:pan-y;padding-bottom:env(safe-area-inset-bottom);border-radius:26px 26px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -10px 30px #50321433}.sheet.open{transform:translateY(0)}.sheet-handle{cursor:grab;touch-action:none;justify-content:center;align-items:center;height:26px;display:flex}.sheet-handle span{background:#d8c8b0;border-radius:3px;width:48px;height:6px}.sheet-head{align-items:center;gap:12px;padding:0 18px 8px;display:flex}.sheet-head h2{flex:1;margin:0;font-size:22px}.sheet-meta{gap:8px;font-weight:800;display:flex}.sheet-meta span{background:#fff;border-radius:12px;padding:4px 10px;box-shadow:0 2px #e3d3bd}.sheet-close{cursor:pointer;color:#4a3b2f;background:#fff;border:0;border-radius:14px;width:44px;height:44px;font-size:18px;box-shadow:0 2px #e3d3bd}.sheet-body{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;padding:4px 18px 18px;overflow-y:auto}.sheet h3{margin:16px 0 8px;font-size:16px}.sheet h3 small{opacity:.6;font-weight:700}.sheet .hint{opacity:.75;margin:10px 2px;font-size:13px;line-height:1.45}@media (min-width:900px){body:not(.touch) .sheet{border-radius:24px;width:420px;height:auto;inset:16px 16px 16px auto;transform:translate(115%)}body:not(.touch) .sheet.open{transform:translate(0)}body:not(.touch) .sheet-handle{display:none}body:not(.touch) .sheet-head{padding-top:16px}}.food-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.food-card{text-align:center;transition:transform .2s var(--spring);background:#fff;border-radius:16px;padding:8px 6px;box-shadow:0 3px #eadcc6}.food-card.empty{opacity:.45}.food-card .fi{font-size:30px}.food-card .fn{font-size:12px;font-weight:800}.food-card .fc{color:#4f9a43;font-size:15px;font-weight:900}.food-card .ff{min-height:16px;font-size:12px}.food-card .ff b{color:#ff5a7a;font-size:10px}.friend-row{background:#fff;border-radius:16px;align-items:center;gap:10px;margin-bottom:8px;padding:6px 8px 6px 12px;display:flex;box-shadow:0 3px #eadcc6}.friend-row .fri{font-size:28px}.friend-row .frn{flex:1;font-weight:800}.friend-row .frn i{color:#e0703a;font-size:12px;font-style:normal}.friend-row .hb{background:#f0e4d0;border-radius:5px;width:70px;height:10px;overflow:hidden}.friend-row .hb span{background:linear-gradient(90deg,#ff9f43,#7cc95b);height:100%;display:block}.friend-row .bye{min-height:44px;font:inherit;cursor:pointer;color:#4a3b2f;background:#fff3e0;border:0;border-radius:12px;padding:0 12px;font-weight:800}.tabs{touch-action:pan-x;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.tab{min-width:64px;min-height:52px;font:inherit;cursor:pointer;color:#4a3b2f;background:#fff;border:0;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;font-size:20px;display:flex;position:relative;box-shadow:0 2px #e3d3bd}.tab span{font-size:11px;font-weight:800}.tab.on{color:#fff;background:#7cc95b;box-shadow:0 2px #4f9a43}.tab .nb{background:#ff6b6b;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;right:6px}.wgrid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:8px;display:grid}.wcard{min-height:104px;font:inherit;cursor:pointer;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--rc) 55%, transparent), 0 3px 0 #eadcc6;color:#4a3b2f;transition:transform .25s var(--spring);background:#fff;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px;display:flex;position:relative}.wcard:active{transform:scale(.94)}.wcard .wi{font-size:32px}.wcard .wn{text-align:center;font-size:12px;font-weight:800;line-height:1.15}.wcard .wr{color:var(--rc);text-transform:uppercase;font-size:10px;font-weight:900}.wcard.eq{box-shadow:inset 0 0 0 4px var(--rc), 0 3px 0 #eadcc6;background:color-mix(in srgb, var(--rc) 12%, white);transform:translateY(-2px)}.wcard .chk{background:var(--rc);color:#fff;border-radius:50%;width:22px;height:22px;font-size:13px;font-weight:900;line-height:22px;position:absolute;top:6px;left:8px}.wcard .new{color:#fff;animation:bump 1.2s var(--spring) infinite;background:#ff6b6b;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:900;position:absolute;top:-6px;right:-4px}.wcard.locked{cursor:default;opacity:.5;background:#f6efe4}.wcard.locked .wi{color:#b8a890;font-size:28px;font-weight:900}.dyes{flex-wrap:wrap;gap:10px;display:flex}.dye{cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;box-shadow:0 3px #e3d3bd}.dye span{background:var(--dc);border-radius:50%;width:36px;height:36px;box-shadow:inset 0 -3px #0000001f}.dye.on{box-shadow:0 0 0 4px #7cc95b,0 3px #e3d3bd}.dye.buy span{opacity:.45}.dye em{background:#fff;border-radius:8px;padding:0 4px;font-size:10px;font-style:normal;font-weight:900;position:absolute;bottom:-6px;box-shadow:0 1px #e3d3bd}.dye.shake{animation:.4s shake}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.map-overlay{z-index:20;pointer-events:none;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));touch-action:none;background:#281e1400;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:background .35s;display:flex;position:fixed;inset:0}.map-overlay.open{pointer-events:auto;background:#281e1473}.map-stage{touch-action:none;opacity:0;width:min(88vmin,760px);max-width:calc(100vh - 120px);height:min(88vmin,760px);max-height:calc(100vh - 120px);transition:transform .5s var(--spring), opacity .3s;border-radius:10px;overflow:hidden;transform:translateY(40px)rotate(-3deg)scale(.85)}.map-overlay.open .map-stage{opacity:1;transform:none}.map-paper{transform-origin:50%;clip-path:polygon(0% 2%,4% 0%,12% 1.5%,22% 0%,34% 1%,46% 0%,58% 1.6%,70% 0%,82% 1.2%,92% 0%,100% 2%,99% 14%,100% 28%,98.6% 42%,100% 56%,99% 70%,100% 84%,98.8% 96%,100% 100%,88% 98.6%,76% 100%,64% 98.8%,52% 100%,40% 98.6%,28% 100%,16% 98.8%,4% 100%,0% 98%,1.2% 86%,0% 72%,1% 58%,0% 44%,1.4% 30%,0% 16%);width:100%;height:100%;transition:transform 80ms linear;position:relative}.map-paper canvas{width:100%;height:100%;display:block}.map-x{pointer-events:none;border:3px dashed #c0392bb3;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;animation:8s linear infinite spin;position:absolute}.map-x.hot{border-color:#ff4a3a;animation:3s linear infinite spin,.9s ease-in-out infinite xpulse}@keyframes xpulse{50%{box-shadow:0 0 0 10px #ff5a3c40}}.map-me{filter:drop-shadow(0 2px 2px #00000059);pointer-events:none;border-bottom:24px solid #3a7bd5;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute}.map-me:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:10px;left:-5px}.map-caption{background:var(--paper);color:#5a3a22;text-align:center;opacity:0;max-width:min(88vmin,760px);transition:all .4s var(--spring) .1s;border-radius:16px;padding:10px 18px;font-family:Segoe Print,Bradley Hand,Chalkboard SE,Comic Sans MS,cursive;font-size:16px;font-weight:800;transform:translateY(20px)}.map-overlay.open .map-caption{opacity:1;transform:none}.map-close{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));cursor:pointer;background:var(--paper);color:#4a3b2f;border:0;border-radius:50%;width:52px;height:52px;font-size:20px;position:absolute;box-shadow:0 3px #e3d3bd}.map-overlay:not(.open) .map-close{opacity:0;pointer-events:none}.map-close{transition:opacity .25s}body.touch .game-bar{top:auto;left:auto;right:max(12px, env(safe-area-inset-right));bottom:calc(max(24px, env(safe-area-inset-bottom)) + 190px);flex-direction:column;gap:12px;transform:none}body.touch .gbtn{border-radius:20px;flex-direction:column;justify-content:center;gap:0;width:68px;height:68px;padding:0}body.touch .gbtn .gl{font-size:11px;display:block}.map-guide{min-height:48px;font:inherit;cursor:pointer;background:var(--paper);color:#8a6a3a;opacity:0;border:0;border-radius:16px;padding:0 18px;font-size:15px;font-weight:800;transition:opacity .3s;box-shadow:0 3px #e3d3bd}.map-guide.on{color:#6a4a1a;background:#ffe7a3;box-shadow:0 3px #e0b84a}.map-overlay.open .map-guide{opacity:1}.map-overlay:not(.open) .map-guide{pointer-events:none}.action-btn .al{text-align:center;white-space:normal;max-width:90px;font-size:12px;line-height:1.1}.swim-meter{-webkit-backdrop-filter:blur(8px);color:#fff;opacity:0;pointer-events:none;z-index:6;background:#1446606b;border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 7px;font:600 13px/1.2 system-ui,sans-serif;transition:opacity .45s,transform .45s cubic-bezier(.2,1.4,.4,1);display:flex;position:fixed;top:84px;left:50%;transform:translate(-50%,-8px)scale(.92)}.swim-meter.show{opacity:1;transform:translate(-50%)scale(1)}.swim-meter .ring{--e:1;background:conic-gradient(#7af0d8 calc(var(--e) * 360deg), #ffffff2e 0);border-radius:50%;place-items:center;width:38px;height:38px;transition:background .3s;display:grid}.swim-meter .ring span{background:#103c54d9;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.swim-meter.low .ring{background:conic-gradient(#ffb36b calc(var(--e) * 360deg), #ffffff2e 0)}.swim-meter.low .ring span{animation:1.1s ease-in-out infinite swimPulse}@keyframes swimPulse{50%{transform:scale(1.12)}}body.touch .swim-meter{top:auto;bottom:calc(34px + env(safe-area-inset-bottom))}.food-card.sea{background:linear-gradient(160deg,#7af0d838,#2f8fe024)}.food-card .trade{color:#fff;cursor:pointer;background:#2fa7c9;border:0;border-radius:999px;min-height:30px;margin-top:4px;padding:4px 10px;font:600 12px system-ui,sans-serif}.food-card .trade:active{transform:scale(.95)}.stick{opacity:.55;transition:opacity .2s,transform .2s;pointer-events:none!important}.stick.idle-hide{opacity:0;transform:scale(.85)}body[data-hand=right] .stick{left:auto;right:max(28px, env(safe-area-inset-right));bottom:calc(max(24px, env(safe-area-inset-bottom)) + 200px)}.fstick{pointer-events:none;opacity:0;will-change:transform;background:radial-gradient(circle,#fff6e229 0 70%,#fff6e24d 71% 100%);border:3px solid #fff6e299;border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;transition:opacity .12s;position:absolute;top:0;left:0}.fstick.show{opacity:1}.fstick .knob{background:#fff3d6eb;border:3px solid #f2a93b;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px #2f221940}.hand-row{align-items:center;gap:4px;margin-top:6px;font-size:13px;display:none}body.touch .hand-row{display:flex}.hand-row .qbtn{padding:6px 10px}.touch-ui:not(.building) .tbtn.jump{grid-column:2}.touch-ui.building .tbtn.dig{display:none}.cave-fade{opacity:0;pointer-events:none;z-index:40;background:#06050a;transition:opacity .38s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.cave-fade.on{opacity:1}.mount-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;right:calc(max(24px, env(safe-area-inset-right)) + 92px);bottom:calc(max(24px, env(safe-area-inset-bottom)) + 210px);color:#4a3b2f;width:78px;min-height:78px;font:inherit;transition:transform .18s var(--spring,ease), box-shadow .18s ease, background .18s ease, opacity .2s ease;z-index:6;background:#fffaf0eb;border:0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px 8px;font-weight:900;display:flex;position:absolute;box-shadow:0 4px #a0785059,0 8px 16px #50321429}.mount-btn .mi{font-size:28px;line-height:1}.mount-btn .ml{text-align:center;max-width:72px;font-size:11px;line-height:1.1}.mount-btn:after{content:"";border-radius:28px;position:absolute;inset:-8px}.mount-btn.down,.mount-btn:active{transform:translateY(3px)scale(.96);box-shadow:0 2px #a0785059}.mount-btn.on{background:#ffd166}.mount-btn.busy{opacity:.55;pointer-events:none}.mount-btn.blocked{opacity:.45}.mount-btn.hide{opacity:0;pointer-events:none!important}body[data-hand=right] .mount-btn{right:auto;left:calc(max(24px, env(safe-area-inset-left)) + 40px);bottom:calc(max(24px, env(safe-area-inset-bottom)) + 240px)}.touch-ui.building .mount-btn{opacity:0;pointer-events:none!important}.mount-btn.desktop{right:max(16px, env(safe-area-inset-right));top:calc(max(14px, env(safe-area-inset-top)) + 78px);border-radius:16px;flex-direction:row;gap:8px;width:auto;min-width:132px;height:52px;min-height:52px;padding:0 16px;position:fixed}.mount-btn.desktop .ml{max-width:none;font-size:14px}.mount-btn.desktop .ml kbd{background:#00000014;border-radius:5px;padding:1px 5px;font-size:11px}body.friend-open .mount-btn{visibility:hidden!important}.eye-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;right:calc(max(24px, env(safe-area-inset-right)) + 222px);bottom:calc(max(24px, env(safe-area-inset-bottom)) + 120px);width:68px;height:68px;transition:transform .18s var(--spring,ease), box-shadow .18s ease, background .18s ease;background:#fffaf0e0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;box-shadow:0 4px #a0785059,0 8px 16px #50321429}.eye-btn:after{content:"";border-radius:50%;position:absolute;inset:-10px}.eye-ball{background:#fff;border:3px solid #4a3b2f;border-radius:50%;width:40px;height:26px;position:relative;overflow:hidden}.eye-pupil{background:#4a3b2f;border-radius:50%;width:15px;height:15px;transition:transform .12s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 3px -3px #fff0}.eye-pupil:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:2px;left:3px}.eye-btn.down{cursor:grabbing;background:#ffd166;transform:scale(1.12);box-shadow:0 2px #a0785059,0 0 0 6px #ffd16659}.eye-btn.down .eye-pupil{transition:none}body[data-hand=right] .eye-btn{right:auto;left:calc(max(24px, env(safe-area-inset-left)) + 40px);bottom:calc(max(24px, env(safe-area-inset-bottom)) + 150px)}.touch-ui.building .eye-btn{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 120px)}.friend-screen{z-index:40;pointer-events:none;color:#4a3b2f;font-family:inherit;display:none;position:fixed;inset:0}.friend-screen.open{display:block}body.friend-open .touch-ui,body.friend-open .game-bar,body.friend-open .action-btn,body.friend-open .mount-btn,body.friend-open .hud,body.friend-open .juice,body.friend-open .swim-meter,body.friend-open .hotbar,body.friend-open .hint,body.friend-open .world-prompt{visibility:hidden!important}.fs-stage{pointer-events:auto;touch-action:none;cursor:none;background:radial-gradient(at 50% 55%,#fff0 45%,#5a3c1e2e 100%);position:absolute;inset:0}.fs-fade{opacity:0;pointer-events:none;background:#fff6e8;transition:opacity .35s;position:absolute;inset:0}.friend-screen.fading .fs-fade{opacity:1;transition:none}.fs-card{left:max(16px, env(safe-area-inset-left));top:max(16px, env(safe-area-inset-top));pointer-events:auto;width:min(300px,100vw - 110px);animation:fsIn .45s var(--spring,cubic-bezier(.34,1.56,.64,1));background:#fffaf0eb;border-radius:22px;padding:14px 16px 12px;position:absolute;box-shadow:0 6px #a0785040,0 12px 28px #50321426}@keyframes fsIn{0%{opacity:0;transform:translateY(-14px)scale(.96)}}.fs-namerow{align-items:center;gap:8px;display:flex}.fs-icon{font-size:30px}.fs-name{font:inherit;color:#4a3b2f;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;min-height:44px;padding:4px 6px;font-size:22px;font-weight:900}.fs-name small{opacity:.55;font-size:14px}.fs-name:active{background:#0000000d}.fs-input{font:inherit;color:#4a3b2f;background:#fff;border:2px solid #f2a93b;border-radius:12px;width:100%;min-height:44px;padding:4px 10px;font-size:20px;font-weight:800;display:none}.friend-screen.renaming .fs-name{display:none}.friend-screen.renaming .fs-input{display:block}.fs-sub{opacity:.8;margin:2px 0 10px 4px;font-size:14px}.fs-lvl{color:#e0567a}.fs-meter{grid-template-columns:26px 1fr 74px;align-items:center;gap:8px;margin:6px 0;font-size:13px;font-weight:700;display:grid}.fs-meter i{text-align:center;font-size:18px;font-style:normal}.fs-meter .bar{background:#4a3b2f1f;border-radius:8px;height:12px;overflow:hidden}.fs-meter .bar b{border-radius:8px;height:100%;transition:width .35s;display:block}.fs-meter.love .bar b{background:linear-gradient(90deg,#ff9ab8,#ff5f8f)}.fs-meter.food .bar b{background:linear-gradient(90deg,#ffd56b,#ff9f43)}.fs-meter.clean .bar b{background:linear-gradient(90deg,#9ee7ff,#4fc3f7)}.fs-meter .v{opacity:.75}.fs-close{right:max(16px, env(safe-area-inset-right));top:max(16px, env(safe-area-inset-top));width:56px;height:56px;font:inherit;color:#4a3b2f;pointer-events:auto;cursor:pointer;background:#fffaf0eb;border:0;border-radius:50%;font-size:24px;font-weight:900;position:absolute;box-shadow:0 4px #a078504d}.fs-close:active{transform:translateY(3px);box-shadow:0 1px #a078504d}.fs-hint{left:50%;bottom:calc(max(20px, env(safe-area-inset-bottom)) + 104px);color:#fff;white-space:nowrap;pointer-events:none;background:#4a3b2f99;border-radius:16px;padding:7px 14px;font-size:14px;font-weight:700;position:absolute;transform:translate(-50%)}.friend-screen.feeding .fs-hint{bottom:calc(max(20px, env(safe-area-inset-bottom)) + 196px)}.fs-tools{left:50%;bottom:max(18px, env(safe-area-inset-bottom));pointer-events:auto;background:#fffaf0e6;border-radius:30px;gap:12px;padding:9px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px #a0785040,0 12px 24px #50321426}.fs-tool{width:76px;height:72px;font:inherit;color:#4a3b2f;cursor:pointer;transition:transform .15s var(--spring,ease), background .15s;background:#fff;border:0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;box-shadow:0 4px #a078504d}.fs-tool i{font-size:28px;font-style:normal;line-height:1}.fs-tool span{font-size:13px;font-weight:800}.fs-tool.on{background:#ffd166;transform:translateY(-3px)}.fs-tool:active{transform:translateY(3px);box-shadow:0 1px #a078504d}.fs-tool.locked{opacity:.55}.fs-tray{left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 100px);opacity:0;pointer-events:none;max-width:min(92vw,640px);transition:opacity .2s ease, transform .3s var(--spring,ease);background:#fffaf0f0;border-radius:22px;gap:10px;padding:10px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)translateY(16px);box-shadow:0 6px #a0785040}.friend-screen.feeding .fs-tray{opacity:1;pointer-events:auto;transform:translate(-50%)}.fs-food{width:64px;height:64px;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:18px;flex:none;position:relative;box-shadow:0 3px #a078504d}.fs-food i{font-size:30px;font-style:normal}.fs-food b{color:#8a6a4a;font-size:12px;position:absolute;bottom:2px;right:4px}.fs-food em{color:#ff5f8f;font-size:13px;font-style:normal;position:absolute;top:1px;left:4px}.fs-food.fav{background:#fff0f5}.fs-food:active{transform:scale(.92)}.fs-empty{padding:8px 12px;font-size:14px;font-weight:700}.fs-cursor{pointer-events:none;opacity:0;filter:drop-shadow(0 3px 2px #0003);margin:-24px 0 0 -20px;font-size:40px;transition:opacity .15s;position:absolute;top:0;left:0}.fs-cursor.show{opacity:1}.fs-cursor.press{font-size:36px}.fs-fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.fsp{pointer-events:none;will-change:transform, opacity;font-size:26px;position:absolute;transform:translate(-50%,-50%)}.fsp.heart{animation:1.3s ease-out forwards fsHeart}.fsp.bubble{font-size:22px;animation:.9s ease-out forwards fsBubble}.fsp.pop{animation:fsPop .9s var(--spring,ease) forwards;font-size:34px}.fsp.zz{font-size:26px;animation:1.8s ease-out forwards fsZ}.fsp.drop{animation:.9s ease-in forwards fsDrop}.fsp.crumb{color:#a87a4a;font-size:30px;animation:.6s ease-in forwards fsDrop}.fsp.fly{font-size:38px;transition:transform .45s cubic-bezier(.3,.6,.4,1)}@keyframes fsHeart{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), -260%) scale(.9)}}@keyframes fsBubble{0%{opacity:.9;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), -220%) scale(1.2)}}@keyframes fsPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}25%{opacity:1;transform:translate(-50%,-80%)scale(1.15)}to{opacity:0;transform:translate(-50%,-150%)scale(1)}}@keyframes fsZ{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(calc(40px - 50%),-300%)scale(1.2)}}@keyframes fsDrop{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), 120%) rotate(40deg)}}.fs-levelup{text-align:center;pointer-events:none;animation:fsLv 2.6s var(--spring,ease) forwards;background:#fffaf0f5;border-radius:26px;padding:18px 26px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px #e0567a59,0 16px 34px #50321433}.fs-levelup .lv{color:#e0567a;font-size:26px;font-weight:900}.fs-levelup .gift{margin-top:6px;font-size:16px}@keyframes fsLv{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}20%{transform:translate(-50%,-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(.98)}}.friend-row .visit{font:inherit;color:#c0406a;cursor:pointer;background:#ffe1ea;border:0;border-radius:12px;min-height:40px;margin-right:6px;padding:8px 10px;font-weight:800}@media (max-width:520px){.fs-tool{width:64px}.fs-tools{gap:8px}}body.theme-halloween .panel{background:linear-gradient(160deg,#fff1e2e6,#ecdeffe0);box-shadow:0 6px 20px #461e6e40,inset 0 0 0 2px #ff8a2a59}body.theme-halloween .qbtn.on,body.theme-halloween .gbtn.on,body.theme-halloween .tbtn.big,body.theme-halloween .reward-btns .btn-equip{background:var(--accent);color:#fff;box-shadow:0 2px #b8561a}body.theme-halloween .tbtn.on,body.theme-halloween .eye-btn.down,body.theme-halloween .map-guide.on{background:#c9a2ff}body.theme-halloween .gbtn,body.theme-halloween .slot{box-shadow:0 3px #5a328c73,inset 0 0 0 2px #7a4ab859}body.theme-halloween .gbtn .badge{background:var(--accent)}body.theme-halloween .sheet{border-top:4px solid var(--accent);background:linear-gradient(#f3e8ff,#fff4ea 40%)}body.theme-halloween .tab.on{background:var(--accent-dark);color:#fff}body.theme-halloween .world-prompt{color:#ffe2c2;border:2px solid var(--accent);background:#3a245ce6}body.theme-halloween .juice .pop.emote{background:#fff0e2f2;box-shadow:0 0 0 3px #7a4ab873}body.theme-halloween .mode,body.theme-halloween .biome-name{color:#6a3aa8}.theme-row{margin-top:4px}.theme-row .qbtn{padding:6px 10px}.dock{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));pointer-events:auto;z-index:12;gap:10px;display:flex}.dbtn{cursor:pointer;background:var(--panel,#fffaf0e0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:56px;height:56px;transition:transform .25s var(--ease,ease), background .2s;touch-action:manipulation;border:0;border-radius:18px;font-size:26px;line-height:1;box-shadow:0 4px #a078504d,0 6px 18px #50321426}.dbtn:active{transform:scale(.92)}.dbtn.gear.on{background:var(--accent,#f2a93b);transform:rotate(90deg)}.dbtn.theme-btn.on{background:var(--accent,#f2a93b)}body.touch .dbtn{width:64px;height:64px;font-size:30px}.corner{transition:opacity .3s,transform .35s cubic-bezier(.2,.9,.3,1.2),visibility 0s linear .35s}body:not(.panels-open) .corner{opacity:0;visibility:hidden;pointer-events:none!important}body:not(.panels-open) .panel.title{transform:translate(-24px,-12px)scale(.94)}body:not(.panels-open) .panel.stats{transform:translate(24px,-12px)scale(.94)}body.panels-open .corner{transition:opacity .3s,transform .35s cubic-bezier(.2,.9,.3,1.2),visibility}.panel.stats{transform-origin:100% 0;top:calc(max(12px, env(safe-area-inset-top)) + 72px)!important;right:max(12px, env(safe-area-inset-right))!important}body.touch .panel.stats{top:calc(max(12px, env(safe-area-inset-top)) + 80px)!important}.panel.title{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));transform-origin:0 0}.theme-picker{top:calc(max(12px, env(safe-area-inset-top)) + 72px);right:max(12px, env(safe-area-inset-right));pointer-events:none;z-index:13;background:var(--panel,#fffaf0f0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform-origin:100% 0;border-radius:20px;width:min(300px,80vw);padding:10px;transition:opacity .22s,transform .28s cubic-bezier(.2,.9,.3,1.2);transform:translateY(-10px)scale(.95);box-shadow:0 10px 30px #3c1e5a40}body.touch .theme-picker{top:calc(max(12px, env(safe-area-inset-top)) + 80px)}.theme-picker.open{opacity:1;pointer-events:auto;transform:none}.tp-title{padding:4px 8px 8px;font-size:16px;font-weight:900}.tp-item{width:100%;min-height:56px;font:inherit;color:inherit;text-align:left;cursor:pointer;background:#ffffffbf;border:0;border-radius:14px;align-items:center;gap:12px;margin:4px 0;padding:6px 12px;display:flex}.tp-item .tpi{text-align:center;width:34px;font-size:28px}.tp-item b{font-size:16px;display:block}.tp-item small{opacity:.7;font-size:12px}.tp-item.on{background:var(--accent,#f2a93b);color:#fff;box-shadow:0 3px #00000026}body.theme-halloween .dbtn{background:linear-gradient(160deg,#fff1e2f2,#ecdeffeb)}body.theme-halloween .theme-picker{background:linear-gradient(160deg,#fff1e2f5,#ecdefff2)}body.theme-spring .dbtn{background:linear-gradient(160deg,#fffaf5f2,#ffe6f0e6)}body.theme-summer .dbtn{background:linear-gradient(160deg,#fffcebf2,#fff0c8e6)}body.theme-autumn .dbtn{background:linear-gradient(160deg,#fff6e8f2,#ffdcb4e6)}body.theme-winter .dbtn{background:linear-gradient(160deg,#f0f8fff2,#dcebfaeb)}body.theme-thanksgiving .dbtn{background:linear-gradient(160deg,#fff8ecf2,#ffdcb4e6)}body.theme-christmas .dbtn{background:linear-gradient(160deg,#fff0f0f2,#dcf5e6eb)}body.theme-christmas .theme-picker{background:linear-gradient(160deg,#fff4f0f5,#e6faebf2)}body.theme-winter .theme-picker{background:linear-gradient(160deg,#f0f8fff5,#e6f0fff2)}body.theme-newyear .dbtn{background:linear-gradient(160deg,#fff6dcf2,#dcd6ffeb)}body.theme-newyear .theme-picker{background:linear-gradient(160deg,#fff8e6f5,#e4defff2)}body.theme-valentine .dbtn{background:linear-gradient(160deg,#fff5f8f2,#ffd6e4eb)}body.theme-valentine .theme-picker{background:linear-gradient(160deg,#fff6faf5,#ffe0ecf2)}body.theme-easter .dbtn{background:linear-gradient(160deg,#fffcecf2,#e8e0ffeb)}body.theme-easter .theme-picker{background:linear-gradient(160deg,#fffcf0f5,#ece6fff2)}.theme-picker{max-height:calc(100vh - 110px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 110px);overflow-y:auto}.who-row{margin-top:6px}.who-row .who{width:100%;min-height:40px;font-weight:800}body.entry-open .hud.dock{pointer-events:none;opacity:.35}.mico{vertical-align:-.2em;width:1.15em;height:1.15em;display:inline-block}.mount-btn .mi .mico{vertical-align:middle;width:30px;height:30px}.mount-btn.desktop .mi .mico{width:26px;height:26px}.mount-picker{z-index:45;color:#4a3b2f;opacity:0;pointer-events:none;touch-action:manipulation;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#2a1d1466;justify-content:center;align-items:center;font-family:inherit;transition:opacity .2s;display:flex;position:fixed;inset:0}.mount-picker.show{opacity:1;pointer-events:auto}.mp-card{background:#fffaf0;border:3px solid #e8d5b8;border-radius:28px;width:min(640px,94vw);max-height:92%;padding:clamp(16px,3vh,26px) clamp(16px,3vw,26px);transition:transform .32s cubic-bezier(.2,1.4,.4,1);position:relative;overflow:auto;transform:translateY(18px)scale(.95);box-shadow:0 12px #0000001f,0 22px 50px #00000047}.mount-picker.show .mp-card{transform:none}.mp-card h2{text-align:center;color:#c96a1a;margin:0 0 14px;font-size:clamp(26px,4vw,36px);font-weight:900}.mp-x{color:#6e4524;width:52px;height:52px;font:inherit;cursor:pointer;touch-action:manipulation;background:#f3e4cc;border:0;border-radius:50%;font-size:22px;font-weight:900;position:absolute;top:10px;right:12px}.mp-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (min-width:900px) and (min-height:500px){.mp-grid{grid-template-columns:repeat(4,1fr)}.mp-card{width:min(860px,94vw)}}.mp-tile{min-height:150px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .15s var(--spring,ease), box-shadow .15s ease;background:#fff4d6;border:3px solid #e8d5b8;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 8px;display:flex;position:relative;box-shadow:0 5px #a078504d}.mp-tile:active{transform:translateY(3px)scale(.97);box-shadow:0 2px #a078504d}.mp-tile.last{background:#ffe9b8;border-color:#ff9f43}.mp-ic{align-items:center;height:60px;font-size:56px;line-height:1;display:flex}.mp-ic .mico{width:60px;height:60px}.mp-name{font-size:19px;font-weight:900}.mp-sub{opacity:.75;text-align:center;font-size:13px;font-weight:700;line-height:1.2}.mp-k{background:#00000012;border-radius:6px;padding:1px 6px;font-size:11px;position:absolute;top:8px;left:10px}body.touch .mp-k{display:none}.mp-tile.locked{box-shadow:none;background:#efe9df;border-style:dashed}.mp-tile.locked .mp-ic{filter:grayscale()brightness(.55)contrast(.8);opacity:.55}.mp-tile.locked .mp-sub{opacity:.9;color:#8a6a4a}.mp-msg{text-align:center;color:#8a5a2a;min-height:1.4em;margin-top:12px;font-size:16px;font-weight:800}.mp-msg.pop{animation:.35s cubic-bezier(.2,1.4,.4,1) mp-pop}@keyframes mp-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.mp-tile.wiggle{animation:.4s mp-wiggle}@keyframes mp-wiggle{20%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}}@media (prefers-reduced-motion:reduce){.mp-msg.pop,.mp-tile.wiggle{animation:none}.mp-card{transition:none}}