/* Lobby chrome follows both logical stage dimensions. Game panels remain unchanged. */
body.layout-viet-green:not(.game-mode) #jadeStage { --jade-gap:calc(12px * var(--jade-ui-scale,1)); }
body.layout-viet-green:not(.game-mode) #jadeStage>.app-shell { grid-template-rows:18% minmax(0,1fr) 14%;padding:calc(12px * var(--jade-ui-scale,1)) calc(32px * var(--jade-ui-scale,1)) 0; }
body.layout-viet-green:not(.game-mode) #jadeStage .jade-brand { top:0;left:0;width:calc(320px * var(--jade-ui-scale,1));max-width:40%;height:100%;object-position:left top; }
body.layout-viet-green:not(.game-mode) #jadeStage .topbar { top:calc(12px * var(--jade-ui-scale,1));right:calc(32px * var(--jade-ui-scale,1));max-width:none;height:58px;min-height:0;gap:12px;transform:scale(var(--jade-ui-scale,1));transform-origin:top right; }
body.layout-viet-green:not(.game-mode) #jadeStage .topbar .profile,body.layout-viet-green:not(.game-mode) #jadeStage .topbar .avatar { width:62px;min-width:62px;height:62px; }
body.layout-viet-green:not(.game-mode) #jadeStage .topbar .wallet { width:256px;height:48px;padding:0 50px 0 45px!important; }
body.layout-viet-green:not(.game-mode) #jadeStage .wallet strong { font-size:23px; }
body.layout-viet-green:not(.game-mode) #jadeStage .coin-icon { width:34px;height:34px;font-size:26px; }
body.layout-viet-green:not(.game-mode) #jadeStage .wallet .plus,body.layout-viet-green:not(.game-mode) #jadeStage .jade-actions>summary { width:52px;min-width:52px;height:52px;font-size:32px; }
body.layout-viet-green:not(.game-mode) #jadeStage .wallet .plus { top:-3px;font-size:38px; }
body.layout-viet-green:not(.game-mode) #jadeStage .jade-actions .actions { top:62px; }
body.layout-viet-green:not(.game-mode) #jadeStage .game-grid { padding:calc(8px * var(--jade-ui-scale,1))!important; }
body.layout-viet-green:not(.game-mode) #jadeStage .jade-lobby-footer { width:min(calc(1160px * var(--jade-ui-scale,1)),96%);min-height:0;max-height:none;gap:calc(10px * var(--jade-ui-scale,1))!important;padding:calc(7px * var(--jade-ui-scale,1)) 10% calc(9px * var(--jade-ui-scale,1))!important; }
body.layout-viet-green:not(.game-mode) #jadeStage .jade-lobby-footer button img { max-height:calc(74px * var(--jade-ui-scale,1))!important; }
body.layout-viet-green:not(.game-mode) #jadeStage .jade-rail-arrow { width:calc(44px * var(--jade-ui-scale,1));min-width:0;height:calc(44px * var(--jade-ui-scale,1));font-size:calc(30px * var(--jade-ui-scale,1));top:calc(50% - 22px * var(--jade-ui-scale,1)); }

body.layout-viet-green:not(.game-mode) #jadeStage>.app-shell { grid-template-columns:minmax(0,1fr);grid-template-rows:calc(130px * var(--jade-ui-scale,1)) minmax(0,1fr) calc(100px * var(--jade-ui-scale,1)); }
body.layout-viet-green:not(.game-mode) #jadeStage .hero,body.layout-viet-green:not(.game-mode) #jadeStage .jade-lobby-footer,body.layout-viet-green:not(.game-mode) #jadeStage .jade-rail-viewport { min-width:0; }

@media(max-width:699px) and (pointer:fine) { body.layout-viet-green:not(.game-mode):not(.jade-mobile-stage) #jadeStage>.app-shell { grid-template-rows:calc(210px * var(--jade-ui-scale,1)) minmax(0,1fr) calc(100px * var(--jade-ui-scale,1)); } body.layout-viet-green:not(.game-mode):not(.jade-mobile-stage) #jadeStage .jade-brand { top:calc(66px * var(--jade-ui-scale,1));max-width:65%;height:calc(100% - 66px * var(--jade-ui-scale,1)); } }

body.layout-viet-green:not(.game-mode) #jadeStage .hero { aspect-ratio:auto; }