/* V0.1.3A: a quieter version of the existing HUD, not a replacement UI. */
#game{inset:78px 0 96px}
.topbar{left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));top:max(15px,env(safe-area-inset-top))}
.brand{gap:10px}.brand-mark{width:44px;height:46px;border-radius:14px;box-shadow:none}
h1{font-size:20px;letter-spacing:1.7px}.brand-sub{font-size:11px}
.wallet{height:44px;padding:8px 13px;box-shadow:none;background:#fff5dcdc}
.wallet strong{font-size:20px}.shop-button{height:44px;padding:0 15px;box-shadow:none;background:#496c4e;border-color:#496c4e}
.bag-button{position:relative;top:auto;right:auto}.top-actions{gap:8px}
#bag-count{position:absolute;top:-3px;right:-4px;min-width:17px;padding:1px 4px;border-radius:6px;background:#eee4bc;border:1px solid #fff7dd;font-size:10px;line-height:15px;font-variant-numeric:tabular-nums}
.basket-card{display:none}
.guide{top:82px;left:22px;max-width:322px;padding:9px 10px;min-height:0;gap:7px;box-shadow:none;background:#fff8e6e8;border-radius:13px}
.guide p{font-size:13px;line-height:1.45;margin-top:2px}.guide .eyebrow{font-size:9px}.guide-icon{width:22px}.guide-dots{display:none}
.guide-dismiss{width:44px;height:44px;flex:none;display:grid;place-items:center;background:transparent;border:0;color:#68815d;border-radius:10px}.guide-dismiss svg{width:16px;height:16px}
.controls-area{height:94px;bottom:max(10px,env(safe-area-inset-bottom));padding:0;gap:0;display:block}
.toolbelt{position:absolute;left:50%;right:auto;bottom:0;transform:translateX(-50%);padding:7px;gap:5px;border-radius:18px;background:#fff9e8eb;border:1px solid #fff9e8;box-shadow:0 4px 16px #3b542b12}
.tool{width:67px;height:69px;border-radius:12px;gap:3px;background:#eeefdcb8}
.tool-icon{height:31px}.tool-icon .crop-art{width:35px;height:35px}.tool-icon svg{width:26px;height:26px}
.tool-name{font-size:12px}.tool-shortcut{font-size:9px}.seed-count{font-size:11px;min-width:19px;height:19px}
.tool.active{background:#52734d;box-shadow:none;border-color:#52734d}.tool.active::after{height:2px;bottom:3px;width:17px}
.joystick-area{display:block;position:absolute;bottom:1px;left:25px}
.joystick{width:94px;height:94px;background:#f4efd72e;border:1px solid #fff4d5b0;box-shadow:none}
.stick-knob{width:39px;height:39px;left:26.5px;top:26.5px;background:#fff5dbe3;box-shadow:0 3px 7px #43613418}
.action-button{position:absolute;right:25px;bottom:1px;width:88px;height:88px;font-size:12px;border-width:2px;box-shadow:none;background:#496c4e}
.action-button.ready{background:#9a773a;border-color:#ffe6a1;box-shadow:none}
.keyboard-hint{display:none}.desktop-hint{display:none}.move-label{display:none}
.selected-tile{position:absolute;bottom:99px;left:50%;right:auto;transform:translateX(-50%);display:block;min-width:240px;max-width:360px;min-height:0;padding:8px 15px;border-radius:12px;background:#fff9e6dc;border:1px solid #f6efd1;box-shadow:none}
.selected-tile .eyebrow{font-size:9px;letter-spacing:1px}.selected-tile strong{font-size:13px;margin-top:2px}
.selected-tile>span:last-child{font-size:11px;margin-top:2px}.selected-tile[data-stage=ready]{background:#fff2d5e6;border-color:#f4dfac}
.crop-progress{height:3px;width:145px;margin:5px auto 2px}
.scene-actions{top:auto;bottom:120px;left:22px;right:auto;gap:5px}
.scene-actions .icon-button{width:44px;height:44px;background:#f5f4df80;border:0;box-shadow:none}
.scene-actions>span{font-size:10px;max-width:100px;color:#567248}.scene-actions svg{width:18px;height:18px}
#toast{bottom:190px;max-width:min(440px,90%);font-size:13px;padding:9px 15px;box-shadow:none}
#save-status.save-error{font-size:12px;max-width:180px}
@media(max-width:1050px) and (min-width:701px){
 .tool{width:61px}.joystick-area{left:18px}.action-button{right:18px}.scene-actions{left:18px}
 .selected-tile{bottom:101px}
}
@media(max-width:700px){
 #game{inset:110px 0 185px}
 .topbar{top:max(12px,env(safe-area-inset-top));left:12px;right:12px;gap:6px}
 .brand{gap:7px}.brand-mark{width:33px;height:37px;border-radius:11px}.brand-mark svg{width:23px;height:23px}
 h1{font-size:15px;letter-spacing:.8px}.brand-sub{font-size:9px}.brand-sub b{font-size:8px;margin-left:2px;padding:2px}
 .wallet{padding:7px 8px;gap:5px}.wallet strong{font-size:18px}.wallet>span{display:none}
 .shop-button{width:44px;height:44px;padding:0;justify-content:center}.shop-button span{display:none}
 .top-actions{gap:5px}.bag-button{position:absolute;right:0;top:51px;width:44px;height:44px}
 .scene-actions{top:63px;bottom:auto;left:12px;right:60px;justify-content:flex-end;gap:4px}
 .scene-actions>span{margin-right:auto;font-size:10px;max-width:105px}
 .scene-actions .icon-button{background:#f4f4df70}
 .guide{top:117px;left:12px;right:12px;max-width:none;padding:7px 9px;min-height:0}.guide p{font-size:12px}.guide .eyebrow{font-size:8px}
 .controls-area{height:180px;bottom:max(9px,env(safe-area-inset-bottom))}
 .toolbelt{left:9px;right:9px;bottom:0;transform:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:6px;gap:4px;border-radius:17px}
 .tool{width:100%;height:71px;gap:3px;border-radius:12px}.tool-name{font-size:12px;letter-spacing:-.4px}
 .tool-icon{height:31px}.tool-icon .crop-art{width:32px;height:32px}.seed-count{font-size:11px;min-width:18px;height:18px}
 .joystick-area{left:16px;bottom:96px}.joystick{width:84px;height:84px}.stick-knob{width:36px;height:36px;left:23px;top:23px}
 .action-button{right:16px;bottom:96px;width:80px;height:80px;font-size:11px}
 .action-button svg{width:26px;height:26px}
 .selected-tile{bottom:99px;left:109px;right:109px;transform:none;min-width:0;max-width:none;min-height:0;padding:8px 5px;text-align:center}
 .selected-tile .eyebrow{font-size:8px;letter-spacing:.25px}.selected-tile strong{font-size:12px;line-height:1.35}.selected-tile>span:last-child{font-size:10px;line-height:1.4}
 .crop-progress{width:85%;height:3px}.selected-tile[data-stage=ready]>span:last-child{font-size:10px}
 #toast{bottom:207px;min-width:0;max-width:85%;font-size:12px}
}
@media(max-width:370px){
 h1{font-size:14px}.brand-sub{display:none}.scene-actions>span{font-size:9px}
 .toolbelt{left:7px;right:7px;padding:5px;gap:3px}.tool-name{font-size:11px}.tool{height:70px}
 .selected-tile{left:100px;right:100px}.joystick-area{left:10px}.action-button{right:10px}
}
@media(max-height:600px) and (min-width:701px){
 #game{inset:62px 0 86px}.topbar{top:8px}.brand-mark{width:38px;height:39px}
 .guide{top:67px;max-width:290px}.guide p{font-size:11px}
 .controls-area{bottom:6px;height:79px}.tool{height:61px;width:57px}.toolbelt{padding:6px}.tool-name{font-size:11px}
 .joystick{width:76px;height:76px}.stick-knob{width:32px;height:32px;left:21px;top:21px}.action-button{width:72px;height:72px}
 .selected-tile{bottom:82px;padding:5px 10px;min-width:220px}.selected-tile>span:last-child{display:block;font-size:10px}
 .scene-actions{bottom:94px}.scene-actions>span{display:none}#toast{bottom:150px}
}


#game{z-index:1}#ui{z-index:2}