/* Phone controls expose details on demand while keeping the map available. */
.mobile-only,#openMore{display:none}
.menu-icon{display:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.nav-icon{margin-right:5px}
.storage-meter{border:0;text-align:left}
.storage-meter .storage-track{display:block;height:4px;background:#536b47;margin-top:7px;border-radius:3px;overflow:hidden}
.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.more-grid button{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:9px;align-items:center;text-align:left;min-height:84px;padding:12px;border-radius:14px;border:1px solid #dbe2ce;background:#f0f3e7;color:#415b3e}
.more-grid button>span{grid-row:1/3;font-size:27px;text-align:center}.more-grid b{font-size:14px}.more-grid small{font-size:11px;line-height:1.5;color:#77846b}
@media(max-width:760px){
 .game-page{--phone-left:max(10px,env(safe-area-inset-left));--phone-right:max(10px,env(safe-area-inset-right))}
 .mobile-only{display:inline-flex}
 .game-page .topbar{top:calc(8px + env(safe-area-inset-top));right:10px;height:44px;min-height:44px;padding:0;border-radius:15px;gap:0;pointer-events:auto}
 .game-page .topbar #helpButton{display:none}
 .game-page .topbar nav{gap:0}
 .game-page .topbar #menuButton,.game-page .topbar #soundToggle,.game-page .topbar .account-btn{width:44px;height:44px;min-width:44px;padding:0;display:grid;place-items:center;border:0;background:transparent;border-radius:13px;margin:0}
 .game-page #menuButton .menu-label,.game-page .topbar .account-name{display:none}
 .game-page #menuButton .menu-icon{display:block}
 .game-page .account-avatar{width:30px;height:30px;font-size:21px}
 .game-page .resource-bar{left:10px;right:10px;top:calc(60px + env(safe-area-inset-top));gap:0;max-width:none;background:#faf6e9ee;border:1px solid #fff9;border-radius:12px;backdrop-filter:blur(8px);box-shadow:0 3px 12px #19362415}
 .game-page .resource{flex:1;min-width:0;height:36px;padding:4px 7px;gap:5px;border:0;box-shadow:none;border-radius:0;background:transparent;backdrop-filter:none}
 .game-page .resource+.resource{border-left:1px solid #d4dbc4}
 .game-page .resource>div{min-width:0}
 .game-page .resource small{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .game-page .resource b{display:block;font-size:13px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
 .game-page .resource>span,.game-page .resource .resource-art{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;font-size:19px;line-height:20px;text-align:center}
 .game-page .resource .product-emoji{font-size:19px}
 .game-page .map-location{display:none}
 .game-page .progress-badge{top:calc(8px + env(safe-area-inset-top));left:10px;width:108px;min-height:44px;padding:7px 11px;border-radius:13px;box-shadow:0 3px 12px #192f2318}
 .game-page .progress-badge>span{font-size:13px;letter-spacing:0}
 .game-page .progress-badge small{display:none}
 .game-page .progress-badge i{height:3px;margin-top:5px}
 .game-page .progress-badge .level-label{font-size:0;letter-spacing:0}
 .game-page .progress-badge .level-label:after{content:'Lv.';font-size:12px}
 .game-page .toolbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-width:none;overflow:visible;padding:5px;border-radius:17px;min-height:62px}
 .game-page .toolbar #openLayout,.game-page .toolbar #openProduction,.game-page .toolbar #openGoals,.game-page .toolbar #openLivestock,.game-page .toolbar #openFriends,.game-page .toolbar #openInventory{display:none}
 .game-page .toolbar #openMore{display:flex}
 .game-page .toolbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-width:0;min-height:50px;padding:5px 3px;font-size:12px;line-height:1.2}
 .game-page .toolbar .nav-icon{font-size:20px;line-height:21px;margin:0}
 .game-page .storage-meter{left:10px;bottom:calc(82px + env(safe-area-inset-bottom));width:auto;min-width:119px;min-height:44px;padding:10px 12px;border:1px solid #ffffff25;border-radius:13px;font-size:12px;letter-spacing:0}
 .game-page .storage-meter>span{gap:9px;align-items:center}
 .game-page .storage-label{font-size:0}
 .game-page .storage-label:after{content:'📦 Tas';font-size:12px}
 .game-page .storage-track{display:none}
 .game-page .zoom-tools{top:calc(116px + env(safe-area-inset-top));right:10px;gap:5px}
 .game-page .zoom-tools button{width:44px;height:44px;border-radius:13px;font-size:22px}
 .game-page #zoomLabel{display:none}
 .game-page .zoom-tools #rotateLeft,.game-page .zoom-tools #rotateRight{display:none}
 .game-page .zoom-tools #rotateLeft{position:absolute;right:98px;bottom:0}
 .game-page .zoom-tools #rotateRight{position:absolute;right:49px;bottom:0}
 .game-page .zoom-tools[data-expanded=true] #rotateLeft,.game-page .zoom-tools[data-expanded=true] #rotateRight{display:block}
 .game-page #cameraControls{display:block;font-size:17px}
 .game-page #cameraControls[aria-expanded=true]{background:#e8c981;color:#415035}
 .game-page.panel-open .zoom-tools,.game-page.panel-open .storage-meter,.game-page.panel-open .tutorial-card,.game-page .map.is-carrying .storage-meter{display:none}
 .game-page .farm-panel{left:10px;right:10px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom));width:auto;max-height:calc(100% - 194px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:20px}
 .game-page .panel-head{padding:9px 14px;min-height:52px}
 .game-page #closePanel{width:40px;height:40px;border-radius:11px}
 .game-page .panel-content{padding:16px}
 .game-page .panel-content>h2{font-size:22px}
 .game-page .panel-content>p{font-size:12px}
 .game-page .panel-tabs{overflow-x:auto}
 .game-page .panel-tabs button{flex:0 0 auto;min-height:44px;padding:10px 12px;font-size:11px}
 .game-page .selection{left:10px;top:auto;bottom:calc(136px + env(safe-area-inset-bottom));width:min(300px,calc(100% - 74px));padding:14px;border-radius:16px}
 .game-page .selection .action{min-height:40px;padding:9px 12px;font-size:12px}
 .game-page .toast{bottom:calc(140px + env(safe-area-inset-bottom));font-size:12px}
 .game-page .placement-dock{bottom:calc(82px + env(safe-area-inset-bottom));width:calc(100% - 20px)}
 .game-page .placement-controls button{min-height:44px;font-size:12px}
 .game-page .tutorial-card{bottom:calc(136px + env(safe-area-inset-bottom));left:10px;width:min(275px,calc(100% - 74px))}
 .game-page .tutorial-card h3{font-size:16px}
 .game-page .tutorial-card .guide-dots,.game-page .tutorial-card>p{display:none}
 .game-page .tutorial-card .action{min-height:36px;font-size:11px}
 .game-page .mini-wrap{display:none}
 .game-page .visit-banner{top:calc(64px + env(safe-area-inset-top));max-width:none;padding:10px 12px}
 .game-page.visiting-farm .zoom-tools{top:calc(166px + env(safe-area-inset-top))}
 .game-page .visit-banner .action{min-height:44px}
 .game-page .menu-help{width:100%;justify-content:center;min-height:44px;font-size:13px;margin-bottom:14px}
 .game-page .more-grid{gap:10px}.game-page .more-grid button{min-height:88px}
 .game-page .topbar,.game-page .zoom-tools{right:var(--phone-right)}
 .game-page .resource-bar,.game-page .toolbar,.game-page .farm-panel,.game-page .visit-banner{left:var(--phone-left);right:var(--phone-right)}
 .game-page .progress-badge,.game-page .storage-meter,.game-page .selection,.game-page .tutorial-card{left:var(--phone-left)}
}
@media(max-width:360px){.game-page .resource{padding:4px 5px;gap:4px}.game-page .resource b{font-size:12px}.more-grid button{grid-template-columns:30px minmax(0,1fr);padding:10px;gap:7px}.more-grid small{font-size:10px}}
@media(max-width:760px) and (max-height:500px){
 .game-page .zoom-tools{display:flex}
 .game-page .zoom-tools #rotateLeft{right:49px;top:49px;bottom:auto}
 .game-page .zoom-tools #rotateRight{right:0;top:49px;bottom:auto}
 .game-page .farm-panel{max-height:calc(100% - 194px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}
@media(min-width:600px) and (max-width:760px) and (max-height:500px){
 .game-page .resource-bar{left:calc(128px + env(safe-area-inset-left));right:calc(154px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top))}
 .game-page .zoom-tools{top:calc(64px + env(safe-area-inset-top))}
 .game-page .farm-panel{max-height:calc(100% - 146px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}