.base-page{min-width:0}.base-header{margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.base-header h1{margin:0 0 8px;display:inline-flex;align-items:center;gap:10px;font-size:clamp(28px,3vw,36px);line-height:1.15;font-weight:820}.base-title-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(180deg,#4aa07a,#2f6d52);box-shadow:0 8px 16px rgba(47,109,82,.22)}.base-title-icon svg{width:20px;height:20px}.base-header p{margin:0;color:var(--puffyo-muted);font-size:14px;line-height:1.55}.base-resources{gap:2px;padding:6px 8px;border-radius:999px;background:#fff;border:1px solid var(--puffyo-border);box-shadow:0 8px 18px rgba(46,42,74,.06)}.base-resource,.base-resources{display:inline-flex;align-items:center}.base-resource{min-height:32px;padding:0 12px;gap:8px;border-radius:999px;font-size:13px;font-weight:800;color:var(--puffyo-ink)}.base-resource+.base-resource{border-left:1px solid #efeaf8}.base-resource-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:10px;line-height:1;color:#fff}.base-resource-gold .base-resource-icon{background:linear-gradient(180deg,#f0c24a,#d49a1e);box-shadow:0 2px 6px rgba(212,154,30,.35)}.base-resource-violet .base-resource-icon{background:linear-gradient(180deg,#9a78f0,#7048df);box-shadow:0 2px 6px rgba(112,72,223,.35)}.base-resource-green .base-resource-icon{background:linear-gradient(180deg,#5ec9a8,#2f9e88);box-shadow:0 2px 6px rgba(47,158,136,.35)}.base-top{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.85fr);gap:18px;margin-bottom:22px}.base-scene{min-height:460px;border:1px solid var(--puffyo-border);border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(46,42,74,.06)}.base-scene-art{inset:0;background:radial-gradient(ellipse 70% 45% at 72% 18%,rgba(255,246,200,.55),transparent 60%),linear-gradient(#9ed8f4 0 46%,#7fc36a 46% 100%)}.base-scene-art,.base-scene-cloud,.base-scene-door,.base-scene-garden,.base-scene-hill,.base-scene-house,.base-scene-path,.base-scene-pond,.base-scene-roof,.base-scene-sky,.base-scene-storage,.base-scene-tree,.base-scene-window,.base-scene-workshop{position:absolute}.base-scene-sky{width:96px;height:96px;right:10%;top:7%;border-radius:50%;background:rgba(255,244,180,.78);box-shadow:0 0 36px rgba(255,230,140,.5)}.base-scene-cloud{height:28px;border-radius:999px;background:hsla(0,0%,100%,.78);box-shadow:18px 0 0 hsla(0,0%,100%,.72),-16px 4px 0 hsla(0,0%,100%,.55)}.base-scene-cloud-one{width:56px;left:14%;top:14%}.base-scene-cloud-two{width:42px;right:28%;top:20%;opacity:.85}.base-scene-hill{left:-10%;right:-10%;border-radius:50% 50% 0 0}.base-scene-hill-back{height:38%;bottom:26%;background:#4f8f58;opacity:.78}.base-scene-hill-mid{height:32%;bottom:12%;background:#6aad5f;opacity:.92}.base-scene-hill-front{height:24%;bottom:0;background:linear-gradient(#96d07a,#5f9f65)}.base-scene-tree{width:28px;height:44px;border-radius:40% 40% 20% 20%;background:linear-gradient(#4f9a4a,#347540);box-shadow:inset 0 -10px rgba(0,0,0,.12)}.base-scene-tree:after{content:"";position:absolute;left:50%;bottom:-10px;width:6px;height:14px;transform:translateX(-50%);background:#7a5338;border-radius:2px}.base-scene-tree-one{left:8%;bottom:34%}.base-scene-tree-two{right:8%;bottom:36%;width:34px;height:52px}.base-scene-pond{width:118px;height:46px;left:8%;bottom:10%;border-radius:50%;background:rgba(110,190,230,.88);box-shadow:inset 0 8px 12px rgba(40,90,120,.18)}.base-scene-storage{width:78px;height:58px;left:14%;bottom:34%;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#d4a06e,#b57a52);box-shadow:inset 0 -12px #8d5a3a,0 8px 14px rgba(40,50,40,.16)}.base-scene-storage:before{content:"";position:absolute;left:-8px;right:-8px;top:-18px;height:28px;background:#6b4f8f;clip-path:polygon(8% 100%,50% 0,92% 100%)}.base-scene-workshop{width:86px;height:64px;right:12%;bottom:32%;border-radius:8px;background:linear-gradient(180deg,#c89468,#a56b45);box-shadow:inset 0 -12px #8d5a3a,0 8px 14px rgba(40,50,40,.16)}.base-scene-workshop:before{content:"";position:absolute;left:-6px;right:-6px;top:-16px;height:24px;background:#7a5aa0;clip-path:polygon(0 100%,50% 0,100% 100%)}.base-scene-garden{width:108px;height:58px;left:28%;bottom:16%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;border-radius:10px;background:#6a9a4a;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.18),0 6px 12px rgba(40,50,40,.12)}.base-scene-garden span{border-radius:4px;background:repeating-linear-gradient(90deg,#7fb85a 0 6px,#93cb6a 6px 12px)}.base-scene-house{width:148px;height:108px;left:50%;bottom:28%;border-radius:8px;background:linear-gradient(180deg,#d49572,#c88462);box-shadow:inset 0 -16px #9e6146,0 12px 20px rgba(40,50,40,.18);transform:translateX(-50%)}.base-scene-roof{width:176px;height:70px;left:-14px;top:-46px;background:linear-gradient(180deg,#6a4f9a,#584281);clip-path:polygon(50% 0,100% 70%,88% 100%,50% 68%,12% 100%,0 70%)}.base-scene-window{width:28px;height:28px;left:18px;top:28px;border-radius:6px;background:#9fd8ef;box-shadow:inset 0 0 0 3px #8a5c48,0 0 0 1px hsla(0,0%,100%,.25)}.base-scene-door{width:28px;height:44px;left:50%;bottom:0;transform:translateX(-50%);border-radius:12px 12px 0 0;background:#4a3b45}.base-scene-path{width:120px;height:48px;left:46%;bottom:10%;border-radius:50%;background:hsla(39,47%,69%,.55);transform:translateX(-30%) rotate(-8deg)}.base-scene-milo{position:absolute!important;width:132px!important;height:auto!important;left:60%;bottom:6%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(30,50,40,.25))}.base-scene-label{position:absolute;z-index:2;transform:translate(-50%,-50%);padding:7px 12px;display:inline-flex;align-items:baseline;gap:6px;border-radius:12px;background:hsla(0,0%,100%,.96);border:1px solid hsla(0,0%,100%,.9);box-shadow:0 10px 18px rgba(40,45,60,.14);color:var(--puffyo-ink);white-space:nowrap}.base-scene-label strong{font-size:12px;font-weight:800}.base-scene-label em{color:#7a7690;font-size:11px;font-style:normal;font-weight:700}.base-scene-actions{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;gap:10px}.base-chip{min-height:38px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border:1px solid #ddd7ec;border-radius:12px;background:hsla(0,0%,100%,.96);color:#3d3a52;font-size:12px;font-weight:800;box-shadow:0 8px 16px rgba(46,42,74,.08);opacity:.92}.base-chip span{color:#6840d4}.base-panels{display:flex;flex-direction:column;gap:14px}.base-panel{padding:18px;border:1px solid var(--puffyo-border);border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(46,42,74,.04)}.base-panel h2,.base-section-head h2{margin:0;font-size:16px;font-weight:820}.base-panel-head{gap:8px}.base-panel-head,.base-panel>h2{margin-bottom:12px}.base-info{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:6px;border-radius:50%;background:#ebe7f6;color:#7a7690;font-size:10px;font-weight:800;vertical-align:middle}.base-prod-rate{display:inline-flex;align-items:center;gap:4px;color:#2f9e88;font-size:12px;font-weight:800}.base-activity,.base-production,.base-stats,.base-upgrades{list-style:none;margin:0;padding:0}.base-production li,.base-stats li{min-height:36px;display:flex;align-items:center;gap:10px;color:#6f6b80;font-size:12px;font-weight:700}.base-production li+li,.base-stats li+li{border-top:1px solid #f0eef5}.base-stat-icon{width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;border-radius:7px;background:#f3f0fa;color:#7a7690;font-size:11px}.base-production li span:nth-child(2),.base-stats li span:nth-child(2){margin-right:auto}.base-production strong,.base-stats strong{color:var(--puffyo-ink);font-size:13px}.base-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;display:inline-block}.base-dot-gold{background:#d49a1e}.base-dot-violet{background:#7048df}.base-dot-green{background:#3fad6d}.base-dot-teal{background:#2f9e88}.base-btn{width:100%;min-height:42px;margin-top:14px;border:0;border-radius:12px;font-size:13px;font-weight:800}.base-btn-primary{color:#fff;background:linear-gradient(180deg,#7d58e6,#6840d4);box-shadow:0 8px 16px rgba(104,64,212,.24)}.base-btn-soft{color:#6840d4;background:#eee8ff}.base-section-head{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.base-text-link{border:0;background:transparent;color:var(--puffyo-brand);font-size:13px;font-weight:800}.base-buildings{margin-bottom:20px}.base-building-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.base-building{padding:12px;border:1px solid var(--puffyo-border);border-radius:16px;background:#fff;box-shadow:0 8px 18px rgba(46,42,74,.04)}.base-building-active{border-color:#b9a6f0;box-shadow:0 10px 24px rgba(104,64,212,.14)}.base-building-art{height:100px;margin-bottom:10px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(#9ed8f4 0 48%,#86c86a 48%)}.base-building-detail,.base-building-roof,.base-building-shape{position:absolute}.base-building-shape{width:46%;height:38%;left:27%;bottom:16%;border-radius:6px;background:#d18a62;box-shadow:inset 0 -8px #a86445,0 6px 10px rgba(40,50,40,.16)}.base-building-roof{width:58%;height:28%;left:21%;bottom:46%;background:#5f458f;clip-path:polygon(50% 0,100% 100%,0 100%)}.base-building-detail{width:12%;height:18%;left:44%;bottom:16%;border-radius:4px 4px 0 0;background:#4a3b45}.base-building-house .base-building-shape{background:#d18a62}.base-building-workshop .base-building-shape{width:52%;left:24%;background:#c08a58}.base-building-workshop .base-building-roof{background:#7a5aa0}.base-building-art.base-building-pet{background:linear-gradient(#f0c4d8 0 48%,#9ad07a 48%)}.base-building-pet .base-building-shape{border-radius:50% 50% 10px 10px;background:#f2b7c8;box-shadow:inset 0 -8px #e092ab,0 6px 10px rgba(40,50,40,.12)}.base-building-pet .base-building-roof{background:#e87aa0;clip-path:polygon(10% 100%,50% 0,90% 100%)}.base-building-storage .base-building-shape{background:#c9966a}.base-building-storage .base-building-roof{background:#6b4f8f}.base-building-garden .base-building-shape{width:58%;height:28%;left:21%;bottom:18%;border-radius:4px;background:repeating-linear-gradient(90deg,#6fad4f 0 8px,#82c45d 8px 16px);box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.2)}.base-building-garden .base-building-detail,.base-building-garden .base-building-roof{display:none}.base-building-tower .base-building-shape{width:28%;height:52%;left:36%;bottom:14%;border-radius:6px 6px 2px 2px;background:#b7a8d8;box-shadow:inset 0 -10px #8d82b8,0 6px 10px rgba(40,50,40,.14)}.base-building-tower .base-building-roof{width:40%;height:18%;left:30%;bottom:58%;background:#6a4f9a;clip-path:polygon(50% 0,100% 100%,0 100%)}.base-building-tower .base-building-detail{width:10%;height:10%;left:45%;bottom:36%;border-radius:3px;background:#9fd8ef}.base-building strong{display:block;font-size:13px;font-weight:800}.base-building>span{display:block;margin:2px 0 10px;color:var(--puffyo-muted);font-size:12px;font-weight:700}.base-building-btn{width:100%;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d9d1ef;border-radius:10px;color:#6840d4;background:#fff;font-size:12px;font-weight:800}.base-building-btn-primary{border-color:transparent;color:#fff;background:linear-gradient(180deg,#7d58e6,#6840d4);box-shadow:0 6px 12px rgba(104,64,212,.22)}.base-building-btn-cost{border-color:#efe4c8;color:#8a6a18;background:#fff8e8}.base-coin{width:14px;height:14px;display:inline-grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(180deg,#f0c24a,#d49a1e);font-size:8px;line-height:1}.base-bottom{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-bottom:18px}.base-activity li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0}.base-upgrades li{display:flex;gap:12px;align-items:center;padding:14px 0}.base-activity li+li,.base-upgrades li+li{border-top:1px solid #f0eef5}.base-activity-icon,.base-upgrade-art{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:12px;overflow:hidden;position:relative}.base-activity-gold{background:linear-gradient(180deg,#f0c24a,#d49a1e)}.base-activity-violet{background:linear-gradient(180deg,#9a78f0,#7048df)}.base-activity-teal{background:linear-gradient(180deg,#6ec8e8,#3f9fc4)}.base-activity-green{background:linear-gradient(180deg,#6ec98a,#3fad6d)}.base-upgrade-art{width:48px;height:48px;border-radius:12px;background:linear-gradient(#9ed8f4 0 48%,#86c86a 48%)}.base-upgrade-art .base-building-shape{width:54%;height:36%;left:23%;bottom:14%}.base-upgrade-art .base-building-roof{width:64%;height:28%;left:18%;bottom:42%}.base-activity p,.base-upgrade-copy p{margin:0;color:#6f6b80;font-size:13px;line-height:1.45;font-weight:650}.base-activity p strong,.base-upgrade-copy strong{color:var(--puffyo-ink);font-weight:800}.base-activity time{color:var(--puffyo-muted);font-size:12px;font-weight:700;white-space:nowrap}.base-upgrade-copy{min-width:0;flex:1}.base-upgrade-copy strong{display:block;margin-bottom:2px;font-size:14px}.base-upgrade-progress{margin-top:8px;display:flex;align-items:center;gap:10px}.base-upgrade-bar{flex:1;height:8px;overflow:hidden;border-radius:999px;background:#ebe8f4}.base-upgrade-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8e6af0,#7048df)}.base-upgrade-progress em{color:#7a7690;font-size:11px;font-style:normal;font-weight:700;white-space:nowrap}.base-upgrade-cost{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid #efe4c8;border-radius:10px;color:#8a6a18;background:#fff8e8;font-size:12px;font-weight:800;white-space:nowrap}.base-banner{margin-top:4px;padding:18px 22px;display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:16px;border-radius:18px;background:linear-gradient(105deg,#efe9ff,#f4f0ff 55%,#ebe5ff);border:1px solid #e2daf8}.base-banner-art{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:hsla(0,0%,100%,.72);overflow:hidden}.base-banner-art img{width:78px;height:78px;-o-object-fit:contain;object-fit:contain}.base-banner h2{margin:0 0 4px;font-size:18px;font-weight:820}.base-banner p{margin:0;color:var(--puffyo-muted);font-size:13px}.base-banner-btn{min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;background:linear-gradient(180deg,#7d58e6,#6840d4);font-size:13px;font-weight:800;box-shadow:0 8px 16px rgba(104,64,212,.22)}@media (max-width:1100px){.base-building-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.base-header{flex-direction:column}.base-resources{align-self:stretch;justify-content:space-between;overflow-x:auto}.base-bottom,.base-top{grid-template-columns:1fr}.base-scene{min-height:380px}.base-banner{grid-template-columns:72px 1fr}.base-banner-btn{grid-column:1/-1;width:100%}}@media (max-width:640px){.base-building-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.base-scene-label{font-size:10px;padding:5px 8px}.base-upgrades li{flex-wrap:wrap}.base-upgrade-cost{width:100%}}.base-msg{margin:0 0 12px;font-weight:700;color:#3d7a5c}.base-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.base-card{background:rgba(255,252,246,.92);border:1px solid rgba(40,70,55,.16);border-radius:14px;padding:16px}.base-card h2{margin:0 0 12px;font-size:1.1rem}.base-building-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.base-building-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(40,70,55,.1)}.base-building-list strong{display:block}.base-building-list span{display:block;color:#5d6f66;font-size:.88rem}.base-activity{list-style:none;margin:0;padding:0}.base-activity li{padding:6px 0;color:#5d6f66;font-size:.9rem}@media (max-width:800px){.base-grid{grid-template-columns:1fr}}.base-scene-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.base-scene-header h1{margin:.2rem 0;font-size:clamp(1.6rem,3vw,2.2rem)}.base-scene{position:relative;min-height:clamp(420px,62vh,640px);border-radius:1.2rem;overflow:hidden;border:1px solid var(--pw-line,rgba(40,70,55,.14));box-shadow:0 18px 40px rgba(40,60,50,.12);isolation:isolate}.base-scene-sky{position:absolute;inset:0 0 42% 0;background:linear-gradient(180deg,#8ec8ef,#c5e4a8);z-index:0}.base-scene.is-dusk .base-scene-sky{background:linear-gradient(180deg,#6b7fb8,#e8b48a)}.base-scene.is-ember .base-scene-sky{background:linear-gradient(180deg,#f0b35a,#8fbf7a)}.base-scene-ground{position:absolute;inset:40% 0 0 0;background:radial-gradient(ellipse at 50% 0,hsla(0,0%,100%,.25),transparent 55%),linear-gradient(180deg,#7fbf78,#4f8f55 55%,#3d7344);z-index:0}.base-scene-ground:before{content:"";position:absolute;left:8%;right:8%;top:18%;height:54%;border-radius:999px;background:rgba(120,90,50,.28);filter:blur(1px)}.base-hotspot{position:absolute;z-index:2;border:0;background:transparent;cursor:pointer;display:grid;justify-items:center;gap:.25rem;padding:.25rem;min-width:72px;color:#1f2a24;font:inherit}.base-hotspot:focus-visible{outline:3px solid #f0c56d;outline-offset:4px;border-radius:.75rem}.base-hotspot.is-on .base-hotspot-glyph{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 22px rgba(20,40,30,.28)}.base-hotspot.is-ready .base-hotspot-glyph{animation:base-pulse 1.4s ease-in-out infinite}.base-hotspot.is-locked{opacity:.72}.base-hotspot-label{font-size:.72rem;font-weight:800;background:rgba(255,253,248,.92);border:1px solid rgba(40,70,55,.14);border-radius:999px;padding:.2rem .55rem;white-space:nowrap}.base-hotspot-glyph{width:64px;height:56px;border-radius:14px 14px 10px 10px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 16px rgba(20,40,30,.18)}.base-hotspot.lv-2 .base-hotspot-glyph{width:70px;height:60px}.base-hotspot.lv-3 .base-hotspot-glyph{width:76px;height:64px}.base-hotspot.lv-4 .base-hotspot-glyph{width:82px;height:68px}.base-glyph-plaza{background:radial-gradient(circle at 50% 40%,#fff8e8,transparent 55%),linear-gradient(180deg,#e8d5a8,#c4a574);border-radius:50%;width:70px;height:70px}.base-glyph-house{background:linear-gradient(180deg,transparent 28%,#f6e7c8 0),linear-gradient(135deg,transparent 40%,#c48a5a 40% 60%,transparent 60%),#3f8f6b}.base-glyph-workshop{background:linear-gradient(180deg,#eee4cf 0 35%,#d4a24c 35% 70%,#6b4a2a 70%)}.base-glyph-farm{background:repeating-linear-gradient(90deg,#6aa84f 0 8px,#8fbf7a 8px 16px),linear-gradient(180deg,#f0e6b8,#8fbf7a)}.base-glyph-lab{background:linear-gradient(180deg,#e8f4ff,#6aa8d8 55%,#4a6d8c)}.base-glyph-portal{background:radial-gradient(circle at 50% 50%,#7cf0ff,#3f8f6b 55%,#1f2a24);border-radius:50%;width:62px;height:62px;animation:base-portal 3s ease-in-out infinite}.base-glyph-gate{background:linear-gradient(180deg,#d4a24c,#7a5fb0 45%,#2a2438)}.base-hotspot-plaza{left:42%;top:38%}.base-hotspot-petHouse{left:10%;top:42%}.base-hotspot-workshop{left:12%;top:68%}.base-hotspot-farm{left:38%;top:70%}.base-hotspot-research{left:68%;top:44%}.base-hotspot-portal{left:72%;top:66%}.base-hotspot-gate{left:52%;top:52%}.base-pet-actor{position:absolute;z-index:3;left:46%;top:48%;border:0;background:transparent;cursor:pointer;display:grid;justify-items:center;gap:.2rem;animation:base-walk 4.5s ease-in-out infinite}.base-pet-blob{width:42px;height:42px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 35% 30%,#fff,#f0c56d 45%,#d4a24c);box-shadow:0 6px 12px rgba(0,0,0,.18)}.base-pet-blob[data-role=defender]{background:radial-gradient(circle at 35% 30%,#fff,#6aa8d8 50%,#3d5a80)}.base-pet-blob[data-role=support]{background:radial-gradient(circle at 35% 30%,#fff,#d97884 50%,#a04a58)}.base-pet-blob[data-role=gatherer]{background:radial-gradient(circle at 35% 30%,#fff,#8fbf7a 50%,#4f7a45)}.base-pet-blob[data-role=attacker]{background:radial-gradient(circle at 35% 30%,#fff,#e58a6a 50%,#a04a30)}.base-pet-name{font-size:.7rem;font-weight:800;background:rgba(255,253,248,.92);padding:.15rem .45rem;border-radius:999px}.base-panel{position:absolute;z-index:5;right:.75rem;bottom:.75rem;width:min(340px,calc(100% - 1.5rem));max-height:min(360px,70%);overflow:auto;background:rgba(255,253,248,.96);border:1px solid rgba(40,70,55,.16);border-radius:1rem;padding:.85rem 1rem 1rem;box-shadow:0 16px 36px rgba(30,50,40,.2);color:#1f2a24}.base-panel-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.base-panel-head h2{margin:0;font-size:1.05rem}.base-panel-body{display:grid;gap:.65rem}.base-panel-body p{margin:0;color:#5a6b62;font-size:.92rem}.base-scene-hint{position:absolute;z-index:4;left:50%;bottom:1rem;transform:translateX(-50%);margin:0;padding:.4rem .8rem;border-radius:999px;background:rgba(255,253,248,.9);font-size:.85rem;font-weight:700;color:#5a6b62}@keyframes base-walk{0%,to{transform:translate(0)}50%{transform:translate(18px,-6px)}}@keyframes base-portal{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}@keyframes base-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (max-width:720px){.base-scene{min-height:520px}.base-hotspot-label{font-size:.65rem}.base-panel{left:.5rem;right:.5rem;width:auto;bottom:.5rem}.base-hotspot-petHouse{left:4%;top:40%}.base-hotspot-workshop{left:4%;top:66%}.base-hotspot-research{left:62%;top:40%}.base-hotspot-portal{left:64%;top:64%}}@media (prefers-reduced-motion:reduce){.base-glyph-portal,.base-hotspot.is-ready .base-hotspot-glyph,.base-pet-actor{animation:none!important}}