html .city-menu-toggle,html .mobile-editor-dock{display:none}
html .topbar .topbar-actions .claim-btn{width:auto!important;flex-shrink:0!important}
@media(max-width:760px){
 html,body,#root{height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}
 html .city-app,html .city-editor{height:100%;height:100dvh;overflow:hidden}
 html .topbar{padding-top:max(8px,env(safe-area-inset-top))!important;padding-inline:max(12px,env(safe-area-inset-right))!important;gap:8px!important}
 html .topbar .brand{flex:1;min-width:0}html .topbar .brand-name{font-size:14px}html .topbar .brand-sub{display:none}
 html .city-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:0 12px;background:#102231;color:#eef4fa;border:1px solid #304355;border-radius:8px;font:13px Tahoma,sans-serif}
 html .topbar .topbar-center{flex:1 0 100%!important;order:1!important;max-width:none;min-width:0}
 html .topbar .search-input{font-size:16px!important;height:44px!important;min-height:44px!important}
 html .topbar .topbar-actions{display:none!important;order:2!important;flex-basis:100%;max-height:55dvh;overflow-y:auto;overscroll-behavior:contain;padding:4px 0;justify-content:flex-start!important}
 html .topbar[data-menu-open=true] .topbar-actions{display:flex!important}
 html .topbar .topbar-actions :is(a,button){min-height:44px!important;height:44px!important;flex-shrink:0!important;font-size:12px!important;padding-inline:12px!important}
 html .topbar .city-account{flex-basis:100%;margin:0;padding:8px 0 0;border-inline:0;border-top:1px solid #304355}
 html .search-results{z-index:50;top:48px;max-height:55dvh;overflow-y:auto;overscroll-behavior:contain;border-radius:10px}
 html .search-result{min-height:48px}html .category-filter{left:10px;right:10px;width:auto;max-width:none;transform:none;border-radius:10px;padding:4px;gap:4px;scrollbar-width:none}
 html .category-filter .chip{flex-shrink:0;min-height:40px;font-size:12px;white-space:nowrap}
 html .controls{right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));flex-direction:row;border:1px solid #304355;border-radius:12px;padding:4px;gap:4px}
 html .controls .control-btn{width:44px;height:44px;min-height:44px}.controls-divider{display:none}
 html .store-panel,html .directory{width:100%;max-width:100vw;height:100dvh;border:0;overflow:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
 html .directory-head{position:sticky;top:0;background:#071727;z-index:2;padding-top:max(12px,env(safe-area-inset-top))}
 html .directory-list a{min-height:60px;padding:12px 8px}.directory-name{font-size:14px;overflow-wrap:anywhere}
 html :is(.directory,.store-panel,.economy-panel,.claim-modal,.sale-modal,.land-plot-editor) :is(button,.btn){min-height:44px;min-width:44px}
 html :is(.directory,.store-panel,.economy-panel,.claim-modal,.sale-modal,.land-plot-editor) :is(input,select,textarea){font-size:16px!important;max-width:100%;min-width:0;box-sizing:border-box}
 html .panel-body{padding:34px 16px 20px}.panel-meta dd{overflow-wrap:anywhere}html .panel-close{z-index:3;top:max(12px,env(safe-area-inset-top));right:12px;min-width:44px;min-height:44px;background:#071727!important}
 html .economy-backdrop{padding:0;align-items:stretch}html .economy-panel{height:100dvh;width:100vw;max-width:100vw;border:0;box-sizing:border-box}
 html .economy-panel>header{padding:12px;padding-top:max(12px,env(safe-area-inset-top));gap:10px}html .economy-panel h2{font-size:18px}html .economy-panel header p{font-size:12px;line-height:1.6}
 html .economy-summary{padding:8px 12px;gap:6px;flex-direction:row;flex-wrap:wrap;align-items:center}html .economy-panel>nav{display:flex;overflow-x:auto;padding:6px 12px;gap:6px}html .economy-panel>nav button{flex:1;min-width:100px;font-size:12px}
 html .economy-notice{margin:0 12px 6px;font-size:12px}html .economy-content{padding:10px 12px calc(20px + env(safe-area-inset-bottom));overscroll-behavior:contain}
 html .offer-grid,html .plot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html .offer-grid article{min-width:0;padding:10px}html .offer-grid article :is(h3,p){overflow-wrap:anywhere}html .offer-grid article h3{font-size:13px}html .offer-grid article .btn{width:100%;padding:8px 4px;font-size:12px}
 html .claim-modal{height:100dvh;width:100vw;max-height:100dvh;box-sizing:border-box;overflow:auto;padding:16px;padding-block:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-bottom))}html .claim-fields{grid-template-columns:minmax(0,1fr)}
 html .sale-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}html .sale-modal header{gap:8px}html .sale-modal h2{font-size:18px}html .sale-actions{position:sticky;bottom:0;background:#0b1825;padding:10px 0;gap:8px}html .sale-actions .btn{flex:1}
 html .land-market-hud{top:calc(var(--city-navbar-height,112px) + 8px);left:8px;right:8px;padding:10px;max-height:30dvh;overflow:auto;box-sizing:border-box}html .city-app:has(.land-market-hud) .category-filter{display:none}
 html .land-plot-editor{top:auto;bottom:calc(72px + env(safe-area-inset-bottom));left:8px;right:8px;width:auto;max-height:48dvh;overflow:auto;box-sizing:border-box}
 html .city-toast,html .editor-toast{max-width:calc(100vw - 24px);box-sizing:border-box;bottom:calc(76px + env(safe-area-inset-bottom));font-size:13px}
}
@media(max-width:900px){
 html .city-editor{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(140px,1fr) auto auto!important;height:100dvh!important;min-height:0;direction:rtl}
 html .city-editor>.editor-mobile-note{display:none!important}
 html .city-editor>.editor-topbar{display:flex!important;grid-column:1;grid-row:1;flex-direction:column;align-items:stretch;gap:6px;padding:8px;padding-top:max(8px,env(safe-area-inset-top));min-width:0}
 html .city-editor .editor-brand{padding-inline:4px;justify-content:space-between}.editor-brand .editor-logo{display:none}
 html .city-editor .editor-tools{overflow-x:auto;overscroll-behavior:contain;flex-wrap:nowrap;min-width:0;gap:6px;padding-bottom:4px;scrollbar-width:thin}
 html .city-editor .editor-tools :is(button,a,.file-button){flex-shrink:0;min-height:44px;white-space:nowrap;font-size:12px;border-radius:8px;border-width:1px}.editor-tools label{flex-shrink:0}
 html .city-editor>.editor-canvas-wrap{display:block!important;grid-column:1;grid-row:2;min-height:140px;width:100%;height:100%;position:relative!important}
 html .city-editor>.editor-left,html .city-editor>.editor-right{display:none!important;grid-column:1;grid-row:3;max-height:42dvh;overflow:auto;overscroll-behavior:contain;border:0;border-top:1px solid #34516a;min-width:0}
 html .city-editor[data-mobile-panel=library]>.editor-left,html .city-editor[data-mobile-panel=inspector]>.editor-right{display:block!important}
 html .city-editor>.mobile-editor-dock{display:flex!important;grid-column:1;grid-row:4;z-index:12;gap:6px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#091521;border-top:1px solid #304355}
 html .mobile-editor-dock button{flex:1;min-width:0;min-height:44px;padding:6px 4px;background:#102231;border:1px solid #304355;border-radius:8px;color:#c5d5e3;font:12px Tahoma,sans-serif}.mobile-editor-dock button[aria-pressed=true]{background:#254c67;color:#fff;border-color:#86bedf}
 html .city-editor.is-preview{grid-template-rows:minmax(0,1fr)!important}html .city-editor.is-preview>.editor-canvas-wrap{grid-row:1!important}
 html .city-editor>.editor-modal-backdrop{display:grid!important}html .city-editor>.editor-toast{display:block!important}
 html .city-editor :is(input,select,textarea),html .editor-modal :is(input,select,textarea){font-size:16px!important;min-width:0;box-sizing:border-box;max-width:100%}
 html .city-editor :is(.editor-left,.editor-right) button{min-height:44px}html .motion-panel button{min-height:44px}html .motion-panel input,html .motion-panel select{min-height:44px}
 html .motion-points{max-height:none}html .editor-right .tenant-admin{border-bottom:1px solid #304355;padding-bottom:8px}html .editor-right .inspector{min-width:0}
 html .editor-left .asset-category-list{display:flex;max-height:none;overflow-x:auto;gap:6px}html .editor-left .asset-category-list button{flex:0 0 auto;min-width:100px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html .editor-modal{width:100vw;max-width:100vw;max-height:100dvh;box-sizing:border-box;border:0;padding:12px;overflow:auto;overscroll-behavior:contain}
 html .editor-modal>header{gap:8px;align-items:center}html .editor-modal>header button{min-width:44px;min-height:44px;flex-shrink:0}html .editor-modal h2{font-size:18px}
 html .asset-edit-fields,html .import-fields,html .component-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}html .asset-light-fields,html .import-light-settings .asset-light-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 html .asset-frame-list{grid-template-columns:minmax(0,1fr)}html .asset-edit-actions{position:sticky;bottom:0;padding:10px 0;background:#102231;flex-wrap:wrap}html .asset-edit-actions button{min-height:44px}
 html .store-modify-modal{width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:8px!important;display:flex!important;flex-direction:column}
 html .store-modify-modal>header{flex:0 0 auto;min-height:50px!important;padding-top:env(safe-area-inset-top)}html .store-modify-modal>.confirm-save{flex:0 0 auto;min-height:44px;width:100%;margin:6px 0 env(safe-area-inset-bottom)}
 html .store-modify-modal .store-modify-body{display:flex!important;flex-direction:column;overflow-y:auto!important;overscroll-behavior:contain;gap:10px!important;flex:1;min-height:0}
 html .store-modify-body .store-modify-preview-col{flex:0 0 35dvh!important;height:35dvh!important;min-height:190px!important;padding:4px!important}
 html .store-modify-body .component-add,html .store-modify-body .component-list{flex:0 0 auto!important;max-height:none;overflow:visible!important;padding:8px!important;min-width:0}
 html .store-modify-modal .component-category-list{display:flex;overflow-x:auto!important;gap:6px;max-height:none!important}html .store-modify-modal .component-category-list button{flex:0 0 auto;min-width:100px;min-height:44px!important}
 html .store-modify-modal .component-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:280px!important;overflow-y:auto!important;flex:auto!important}html .store-modify-modal .component-row{min-width:0}html .store-modify-modal button{min-height:44px}
 html .designer-keyboard-hint{display:none}html .designer-zoom button{min-width:44px;min-height:44px}html .placement-hint{max-width:calc(100% - 16px);font-size:12px;box-sizing:border-box}
}
@media(max-width:370px){html .offer-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){html .sale-modal{width:100vw;height:100dvh;max-height:100dvh;padding:12px;overflow:hidden}html .sale-modal>*{width:100%;max-height:calc(100dvh - 24px);padding:16px;overscroll-behavior:contain}}
@media(max-width:900px){html .asset-card-main strong,html .component-asset-add>span{font-size:13px!important}html .asset-card-main small,html .asset-card-manage,html .component-asset-manage{font-size:12px!important}html .editor-tabs button,html .inspector label,html .component-fields label{font-size:12px!important}html .hierarchy button{font-size:13px}}