/* Figma 281:485. Each anchored group scales its original design coordinates;
   the live game remains the background and owns camera/scene rendering. */
.garage-menu{--home-scale:1;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:white}
.home-player,.home-wallet,.home-quick,.home-nav,.home-bottom,.home-start{position:absolute;pointer-events:auto}
.home-inner{position:relative;transform:scale(var(--home-scale));transform-origin:top left}
button.home-inner{padding:0;border:0;background:transparent;color:white;text-shadow:0 2px 2px #000b;text-align:center;font-weight:800}
button.home-inner:active{transform:scale(var(--home-scale)) translateY(3px) scale(.97)}
.garage-menu img{display:block;max-width:none;pointer-events:none;user-select:none}
.home-player{left:max(calc(28px * var(--home-scale)),env(safe-area-inset-left));top:max(calc(18px * var(--home-scale)),env(safe-area-inset-top));width:calc(340px * var(--home-scale));height:calc(98px * var(--home-scale))}
.home-player>.home-inner{width:340px;height:98px}
.home-glass{background:#121f3682;border:2px solid #121f36bf;border-radius:20px;box-shadow:inset 0 3px 1px #ffffff21,0 5px 10px #0007;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:none}
.home-player .home-glass{position:absolute;left:14px;top:7px;width:326px;height:88px}
.home-avatar-frame{position:absolute;left:-10px;top:-5px}
.home-avatar{position:absolute;left:18px;top:16px;width:64px;height:64px}
.home-player-copy{position:absolute;left:112px;top:17px;width:210px;text-align:left}
.home-player-copy>strong{display:block;font-size:28px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-level{display:flex;align-items:center;gap:4px;height:28px;margin-top:4px;font-size:24px;line-height:28px}
.home-level-track{position:relative;width:145px;height:17px;border:1px solid #1a1e25;border-radius:4px;background:#0d192875;overflow:hidden}
.home-level-track>i{position:absolute;left:1px;top:1px;width:64px;height:13px;border-radius:2px;background:linear-gradient(#ffde33,#ff8c05);box-shadow:inset 0 1px #f0efb6b3}
.home-wallet{top:max(calc(24px * var(--home-scale)),env(safe-area-inset-top));right:max(calc(237px * var(--home-scale)),calc(env(safe-area-inset-right) + 202px * var(--home-scale)));display:flex;gap:calc(29px * var(--home-scale))}
.home-resource{position:relative;width:calc(250px * var(--home-scale));height:calc(72px * var(--home-scale))}
.home-resource>.home-inner{width:250px;height:72px}
.home-resource-plate{position:absolute;left:25px;top:8px;width:222px;height:56px;border:3px solid #263b5c;border-radius:18px;background:linear-gradient(#f5faff,#abbad1);box-shadow:0 5px 10px #0007}
.home-resource-value{position:absolute;left:74px;top:9.47px;width:112px;height:54px;display:grid;place-items:center;color:#0a121f;font-size:31px;font-weight:800;line-height:37px;text-shadow:none}
.home-energy .home-resource-value{left:69px}
.home-coin-icon{position:absolute;left:0;top:0}
.home-energy-icon{position:absolute;left:2px;top:0}
.home-add{position:absolute;left:193px;top:9px;width:54px;height:54px;padding:0;border:0;background:transparent}
.home-add:after{content:"";position:absolute;inset:calc(-1 * max(0px, (44px / var(--home-scale) - 54px) / 2))}
.home-quick{top:max(calc(29.47px * var(--home-scale)),env(safe-area-inset-top));right:max(calc(35px * var(--home-scale)),env(safe-area-inset-right));display:flex;gap:calc(33px * var(--home-scale))}
.home-quick-slot{width:calc(74px * var(--home-scale));height:calc(70px * var(--home-scale))}
.home-square{width:74px;height:70px}
.home-square .home-glass{position:absolute;inset:0}
.home-square img{position:absolute;left:12px;top:15px}
.home-square.home-settings img{top:10px}
.home-square:after{content:"";position:absolute;inset:calc(-1 * max(0px, (44px / var(--home-scale) - 70px) / 2))}
.home-nav{left:max(calc(22px * var(--home-scale)),env(safe-area-inset-left));top:calc(212px * var(--home-scale));width:calc(120px * var(--home-scale))}
.home-nav-slot{height:calc(128px * var(--home-scale));width:calc(120px * var(--home-scale))}
.home-entry{width:120px;height:116px}
.home-entry .home-glass{position:absolute;left:3px;top:3px;width:112px;height:108px}
.home-entry img{position:absolute;left:29px;top:11px}
.home-entry span{position:absolute;left:8px;top:76px;width:104px;height:29px;line-height:29px;font-size:24px;font-weight:600}
.home-bottom{left:max(calc(96px * var(--home-scale)),env(safe-area-inset-left));bottom:max(calc(30.53px * var(--home-scale)),env(safe-area-inset-bottom));display:flex;gap:calc(41px * var(--home-scale))}
.home-room-slot{width:calc(208px * var(--home-scale));height:calc(124px * var(--home-scale))}
.home-tools-slot{width:calc(188px * var(--home-scale));height:calc(124px * var(--home-scale))}
.home-room{width:208px;height:124px}
.home-tools{width:188px;height:124px}
.home-room-plate{position:absolute;left:2px;top:3px;width:204px;height:116px;border:2px solid #003893;border-radius:22px;background:linear-gradient(#1ba1ff,#085cf9);box-shadow:inset 0 -8px 2px #004dc8,inset 0 5px 2px #27c9ff}
.home-tools .home-glass{position:absolute;left:2px;top:3.47px;width:184px;height:114px}
.home-room img{position:absolute;left:68px;top:13px}
.home-tools img{position:absolute;left:58px;top:13px}
.home-room .home-bottom-label,.home-tools .home-bottom-label{position:absolute;left:10px;top:75px;width:188px;height:34px;line-height:34px;font-size:27px;font-weight:900}
.home-tools .home-bottom-label{width:168px}
.home-start{right:max(calc(23px * var(--home-scale)),env(safe-area-inset-right));bottom:max(calc(29.53px * var(--home-scale)),env(safe-area-inset-bottom));width:calc(302px * var(--home-scale));height:calc(126px * var(--home-scale))}
.home-start-button{width:302px;height:126px}
.home-start-plate{position:absolute;left:2px;top:4.47px;width:296px;height:116px;border:2px solid #0d6305;border-radius:22px;background:linear-gradient(#75f71a,#1fa608);box-shadow:inset 0 -8px #148003,inset 0 5px #b4f54e,0 4px #0007}
.home-start-copy{position:absolute;left:29px;top:31.47px;display:flex;align-items:center;gap:15px;height:61px}
.home-start-copy strong{font-size:44px;line-height:44px;white-space:nowrap;font-weight:900;text-shadow:0 2px #006300}
.home-start-button:disabled{cursor:wait;filter:saturate(.7)}
.game-shell #viewport{z-index:0}
.game-shell:not(.playing) #loading{inset:auto;left:50%;bottom:calc(170px * var(--home-scale,1));transform:translateX(-50%);width:max-content;max-width:80%;padding:10px 18px;gap:5px;border-radius:16px;background:#121f36d9;font-size:13px;pointer-events:none}
.game-shell:not(.playing) #loading>span{font-size:24px}
.home-profile-form{display:grid;gap:12px;text-align:left;font-size:14px}
.home-profile-form input{width:100%;border:2px solid #aac7d8;background:white;border-radius:12px;padding:12px;font:inherit;color:#224f6d}
.home-panel-list{display:grid;gap:10px;text-align:left;padding:0;list-style:none;font-size:13px}
.home-panel-list li{padding:12px;border-radius:12px;background:#eaf5f5;border:1px solid #d5e6e8;line-height:1.6}
.home-panel-list small{display:block;font-size:11px;color:#6d8791;font-weight:500}
.game-shell:not(.playing) #reset{display:none}