/* Telefonos játékhéj. Ez a fájl szándékosan utolsóként töltődik be. */
.mobile-menu-toggle,.mobile-logout,.mobile-profile{display:none}
@media (max-width:700px), (max-width:950px) and (max-height:500px) and (orientation:landscape){
 body.workspace-cleared .resource-header{display:block!important}body.workspace-cleared .sidebar{top:0!important}.page-background-close{top:-8px;right:0}
 :root{--topbar:58px;--mobile-nav:68px;--edge:0;--nav-width:0}
 html,body{width:100%;height:100%;overflow:hidden}
 body{font-size:13px;padding:0;overscroll-behavior:none}
 .resource-header{inset:0 0 auto;height:var(--topbar);min-height:var(--topbar);padding:4px 5px;display:block;z-index:100}
 .resource-header .commander-status{display:none!important}
 .resource-header .active-colony-chip{display:none!important}
 .resource-header .resources{display:grid;width:100%;height:50px;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0}
 .resource-header .resources article{min-width:0;height:50px;padding:3px 2px;display:grid;grid-template-columns:auto;grid-template-rows:19px 18px;place-items:center;gap:1px;border-right:1px solid #729dbc38}
 .resource-header .resources article img{width:17px;height:17px}.resource-header .resources article.antimatter>span{font-size:17px}
 .resource-header .resources small{display:none}.resource-header .resources strong{display:block;min-width:0;max-width:100%;margin:0;font-size:11px;line-height:18px;overflow:hidden;text-overflow:ellipsis;text-align:center}
 .resource-header .account-toolbar{position:fixed;right:6px;top:auto;bottom:calc(var(--mobile-nav) + 7px);transform:none;z-index:120}
 .resource-header .account-toolbar button{min-height:36px;padding:6px 9px;font-size:9px;background:#09283bdd;box-shadow:0 2px 10px #000b}
 .sidebar{position:fixed!important;inset:auto 0 0 0!important;width:100%!important;height:var(--mobile-nav)!important;max-height:var(--mobile-nav)!important;margin:0!important;padding:4px!important;border-radius:0!important;overflow:hidden!important;z-index:110;background:#041525f7!important;box-shadow:0 -4px 18px #000b!important}
 .sidebar .brand,.sidebar .side-bottom{display:none!important}
 .sidebar nav{display:flex!important;flex-direction:row!important;width:100%;height:100%;max-height:none!important;margin:0!important;padding:0 2px 2px!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:none}
 .sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{flex:0 0 76px!important;width:76px!important;min-height:56px!important;height:56px!important;padding:5px 3px!important;display:grid!important;place-items:center!important;align-content:center;gap:2px;font-size:8px!important;line-height:1.15!important;text-align:center!important;white-space:normal!important;scroll-snap-align:start}
 .sidebar nav button span{display:block!important;width:auto!important;font-size:18px!important;line-height:20px}.sidebar nav button b{font-size:8px}
 main#workspace,body:is([data-page="economy"],[data-page="buildings"],[data-page="research"],[data-page="shipyard"],[data-page="defense"],[data-page="store"]) main#workspace{position:fixed!important;inset:var(--topbar) 0 var(--mobile-nav) 0!important;width:auto!important;margin:0!important;padding:8px!important;display:block!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-padding-top:8px;-webkit-overflow-scrolling:touch}
 .workspace-heading{min-height:50px!important;padding:6px 2px 8px!important;display:flex;flex-wrap:wrap;gap:5px}.workspace-heading>div:first-child{max-width:100%!important}.workspace-heading h1{font-size:17px!important;margin:2px 0}.workspace-heading .eyebrow{font-size:7px}.workspace-heading .toolbar{width:auto!important;margin-left:auto;padding:0!important}.workspace-heading .toolbar button{min-height:36px;padding:6px 8px;font-size:9px}
 #notice{min-height:0;margin:0;padding:5px 2px;font-size:10px}.page{width:100%;margin:5px 0!important;padding:10px!important;overflow:visible!important}.page[hidden]{display:none!important}
 footer{margin:8px 2px 0;padding-bottom:4px;font-size:8px}
 #overview .hero.command-bridge{height:285px}.bridge-topline{left:10px;right:10px;top:9px}.bridge-topline>span{display:block!important;max-width:230px!important;font-size:9px!important}.bridge-topline>span strong{font-size:11px}.bridge-topline button{padding:5px 7px;font-size:9px}.command-bridge .hero-copy{top:52px;bottom:auto;padding:12px}.command-bridge h2{font-size:24px}.bridge-routes{left:9px;right:9px;bottom:9px}.bridge-routes button{min-height:42px}.stats{grid-template-columns:1fr;gap:6px}.stats article{min-height:45px;padding:8px 11px}.stats strong{font-size:18px}.alert-row{padding:9px 10px}
 .construction-queue{margin:5px 0 8px;max-height:none!important}.construction-heading{padding:8px 10px}.construction-track{margin:5px 10px}
 body main#workspace :is(#economy,#buildings,#research,#shipyard,#defense):not([hidden]){display:block!important;min-height:0!important;overflow:visible!important}
 body:is([data-page="economy"],[data-page="buildings"],[data-page="research"],[data-page="shipyard"],[data-page="defense"]) main#workspace{display:flex!important;flex-direction:column!important}
 body:is([data-page="economy"],[data-page="buildings"],[data-page="research"],[data-page="shipyard"],[data-page="defense"]) main#workspace>.construction-queue{order:-3!important;flex:0 0 auto!important;margin-top:0!important}
 body:is([data-page="economy"],[data-page="buildings"],[data-page="research"],[data-page="shipyard"],[data-page="defense"]) main#workspace>.page:not([hidden]){order:-2!important;flex:0 0 auto!important;margin-top:0!important}
 body:is([data-page="economy"],[data-page="buildings"],[data-page="research"],[data-page="shipyard"],[data-page="defense"]) main#workspace>.workspace-heading{order:-1!important}
 body main#workspace :is(#economy,#buildings):not([hidden]){display:flex!important;flex-direction:column!important}
 body :is(#economy,#buildings)>.resource-detail-panel{order:-2!important}
 body :is(#economy,#buildings)>section.resource-selector{order:-1!important}
 body main#workspace :is(#research,#shipyard,#defense):not([hidden]){display:flex!important;flex-direction:column!important}
 body :is(#research,#shipyard,#defense)>.research-view{order:-2!important}
 body :is(#research,#shipyard,#defense) .research-view>.research-detail{order:-2!important}
 body :is(#research,#shipyard,#defense) .research-view>section.resource-selector{order:-1!important}
 body :is(.entity-detail,.research-detail),body :is(#economy,#buildings)>.resource-detail-panel,body :is(#research,#shipyard,#defense) .research-detail{display:grid!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:10px!important;padding:10px!important;overflow:visible!important}
 body #economy>.resource-detail-panel.resource-detail-closed,body #buildings>.resource-detail-panel.resource-detail-closed,body #research .research-detail.resource-detail-closed,body #shipyard .research-detail.resource-detail-closed,body #defense .research-detail.resource-detail-closed,body :is(.entity-detail,.research-detail).resource-detail-closed{display:none!important}
 :is(.research-detail,.entity-detail)>:last-child,.entity-detail .resource-properties,.research-detail>div:last-child{max-height:none!important;overflow:visible!important;padding-right:0!important}
 .entity-detail .building-detail-left{height:auto!important;display:block!important}.entity-detail .resource-portrait,.resource-detail-panel .resource-portrait{width:100%!important;height:auto!important;aspect-ratio:16/9!important;max-width:none!important;margin:0!important}.entity-detail .resource-portrait img,.research-detail img{width:100%;height:100%!important;max-height:52vw!important;object-fit:contain!important}
 .entity-detail .resource-upgrade,.research-actions{grid-template-columns:1fr!important;gap:7px!important}.entity-detail .resource-upgrade>button,.research-actions button{max-width:none;width:100%;min-height:42px}.resource-properties h2{font-size:20px}.resource-stat{padding:7px 0}
 :is(.resource-card-row,.facility-card-row,.research-selector){display:flex!important;flex-wrap:nowrap!important;width:100%;padding:8px!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:thin}
 body :is(#economy,#buildings)>section.resource-selector,body :is(#research,#shipyard,#defense) .research-view>section.resource-selector{margin-top:0!important}
 body :is(#economy,#buildings):has(>.resource-detail-panel:not(.resource-detail-closed))>section.resource-selector,body :is(#research,#shipyard,#defense) .research-view:has(.research-detail:not(.resource-detail-closed))>section.resource-selector{animation:mobile-selector-drop .2s ease-out}
 @keyframes mobile-selector-drop{from{transform:translateY(-12px);opacity:.7}to{transform:translateY(0);opacity:1}}
 .resource-card-row .resource-building-card,.resource-card-row .storage-card-slot,.facility-card,.research-select{flex:0 0 126px!important;width:126px!important;max-width:none!important;height:auto!important;aspect-ratio:3/2!important;scroll-snap-align:start}.research-select{aspect-ratio:1!important}.storage-card-slot .resource-building-card{display:block!important;width:100%!important;height:100%!important;aspect-ratio:inherit!important;background-size:200% 200%!important}
 :is(.resource-building-card,.storage-card-slot,.facility-card,.research-select).cost-available::after,:is(.resource-building-card,.storage-card-slot,.facility-card,.research-select).cost-missing::after{content:""!important;display:block!important;position:absolute!important;left:0!important;bottom:0!important;top:auto!important;right:auto!important;width:20px!important;height:20px!important;clip-path:polygon(0 0,0 100%,100% 100%)!important;z-index:12!important;opacity:1!important;pointer-events:none!important}
 :is(.resource-building-card,.storage-card-slot,.facility-card,.research-select).cost-available::after{background:#31d878!important;filter:drop-shadow(0 0 4px #31d878)!important}:is(.resource-building-card,.storage-card-slot,.facility-card,.research-select).cost-missing::after{background:#f14b5d!important;filter:drop-shadow(0 0 4px #f14b5d)!important}
 :is(.resource-detail-panel,.research-detail,.entity-detail) .price-part{color:inherit!important;white-space:nowrap}:is(.resource-detail-panel,.research-detail,.entity-detail) .price-value{font-size:1.22em!important;font-weight:800!important}:is(.resource-detail-panel,.research-detail,.entity-detail) .price-value.price-enough{color:#55e88d!important}:is(.resource-detail-panel,.research-detail,.entity-detail) .price-value.price-short{color:#ff5c6f!important}
 .panel-heading{padding:10px}.panel-heading h2{font-size:11px}.panel-heading>span{display:none}
 #skill-tree-grid{grid-template-columns:1fr!important;gap:9px}.skill-branch{padding:9px}.skill-branch>header{position:sticky;top:-8px;z-index:3;padding:7px;background:#081a2bf4}.skill-node{padding:9px}.skill-node p{font-size:11px}.skill-capstone{padding:12px}
 #fleet{padding:9px!important}.fleet-picks,.fleet-selector,.fleet-ship-grid{display:flex!important;overflow-x:auto;gap:8px}.fleet-pick{flex:0 0 125px}.fleet-intelligence{float:none;width:auto;margin:10px 0;padding:12px}.fleet-intelligence pre{max-height:220px}.fleet-coordinate{width:100%;padding:8px;gap:4px}.fleet-coordinate input{min-width:0!important;width:30%!important;font-size:14px!important;padding:7px 3px}.fleet-missions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.fleet-missions button{width:auto;min-width:0;padding:8px 3px;font-size:9px}.fleet-missions svg{width:25px;height:25px}.fleet-transit{grid-template-columns:1fr 34px;padding:5px 7px;gap:5px}.fleet-limits{gap:8px;font-size:11px}
 .fleet-pick{height:162px!important;aspect-ratio:auto!important}.fleet-pick-visual,.fleet-quantity-row{width:125px}
 body[data-page="store"] #store:not([hidden]){display:block!important;min-height:0!important;margin:0!important;padding:5px!important;overflow:visible!important}.store-layout{display:flex!important;flex-direction:column;gap:10px;height:auto!important}.store-layout>section{height:auto!important}.store-categories{position:static!important;order:-1;display:flex;overflow-x:auto;padding:7px;gap:6px}.store-categories h3{display:none}.store-categories button{flex:0 0 auto;min-height:42px;padding:8px 10px}.store-products{grid-template-columns:1fr!important}.store-card{min-height:0;padding:12px}body[data-page="store"] .store-products.employee-products{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}.employee-products .employee-card{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important}.employee-products .employee-card-image{height:auto!important}.employee-products .employee-card-image img{width:min(var(--employee-image-size,70%),320px)!important;height:auto!important;max-height:65vh!important}
 dialog,#employee-dialog,#admin-player-dialog,#entity-editor,#tech-tree-dialog,#fleet-quantity{box-sizing:border-box!important;width:calc(100vw - 14px)!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 18px)!important;margin:auto!important;padding:13px!important;overflow:auto!important}.employee-dialog-layout{display:grid;grid-template-columns:1fr!important;grid-template-rows:auto!important;height:auto!important}.employee-dialog-layout>img{height:auto!important;max-height:52vh}.employee-dialog-info{padding:8px 0}.viewer-toolbar{gap:7px}.viewer-toolbar h2{font-size:16px}.viewer-toolbar button{padding:6px 8px;font-size:9px}
 .admin-player-panel{padding:10px}.admin-player-heading{display:block}.admin-player-heading button{width:100%;margin-bottom:8px}.admin-player-row{grid-template-columns:1fr 1fr!important;padding:10px 7px}.admin-player-row strong{grid-column:1/-1}.admin-resource-row{grid-template-columns:1fr 1fr}.admin-detail-heading{display:block}.admin-detail-meta{text-align:left}.admin-asset-grid{grid-template-columns:1fr 1fr}
 .store-inventory-row{grid-template-columns:1fr!important}.store-inventory-row button,.store-inventory-row select{min-height:40px}
 #admin-panel{position:static!important;display:block!important;max-width:none;padding:10px!important;transform:none!important}.admin-panel-title{margin-bottom:9px}.admin-panel-controls{justify-content:flex-start;gap:5px;padding:0}.admin-panel-controls button{padding:6px 8px;font-size:9px}.admin-panel-controls label{font-size:8px}.admin-panel-controls input{width:52px;padding:5px}
 button,select,input{touch-action:manipulation}button{min-height:38px}select,input,textarea{font-size:16px!important}
}

/* Mobilon a navigáció bal oldali, becsukható fiók. */
@media (max-width:700px), (max-width:950px) and (max-height:500px) and (orientation:landscape){
 :root{--mobile-nav:0px;--mobile-drawer:258px}
 .sidebar{inset:0 auto 0 0!important;width:var(--mobile-drawer)!important;height:100dvh!important;max-height:none!important;padding:8px 8px 10px!important;display:flex!important;flex-direction:column;overflow:hidden!important;transform:translateX(-100%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s;box-shadow:4px 0 18px #000c!important}
 body.mobile-menu-open .sidebar{transform:translateX(0);visibility:visible;transition-delay:0s}
 .mobile-menu-toggle{display:grid;place-items:center;position:fixed;top:calc(var(--topbar) + 7px);left:7px;width:38px;height:38px;min-height:38px;padding:0;z-index:130;font-size:20px;background:#10364bee;color:#aeeeff;border:1px solid #5790ad;box-shadow:0 2px 10px #000a;transition:left .2s ease}
 body.mobile-menu-open .mobile-menu-toggle{left:calc(var(--mobile-drawer) - 45px)}
 .sidebar .brand{display:flex!important;min-height:45px;padding:4px 46px 7px 7px}
 .sidebar .brand #admin-reveal{display:grid!important;place-items:center;margin-left:auto;width:38px;height:38px;min-height:38px;padding:0;flex:0 0 38px;background:#10364bee;border:1px solid #5790ad;color:#c9f3ff;font-size:16px}
 .sidebar nav{display:flex!important;flex-direction:column!important;width:100%;height:auto;max-height:none!important;flex:1;margin:4px 0 8px!important;padding:0 3px!important;gap:5px!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-snap-type:none}
 .sidebar nav button{flex:0 0 auto!important;width:100%!important;min-height:43px!important;height:43px!important;padding:7px 10px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;font-size:11px!important;text-align:left!important;white-space:normal!important}
 .sidebar nav button span{display:inline-grid!important;place-items:center;width:24px!important;font-size:17px!important}.sidebar nav button b{margin-left:auto}
 .sidebar nav .mobile-profile{display:flex!important}
 .sidebar .side-bottom{display:block!important;position:static!important;margin-top:auto;padding:9px 4px 0;font-size:9px;line-height:1.5;border-top:1px solid #315168}
 .sidebar .side-bottom p{display:none}.mobile-logout{display:block;width:100%;margin-top:8px;min-height:40px;background:#17364a;color:#e8f7ff;border:1px solid #5b839c}
 .resource-header .account-toolbar #logout{display:none!important}
 .resource-header .account-toolbar:empty{display:none!important}
 main#workspace,body:is([data-page="economy"],[data-page="buildings"],[data-page="research"],[data-page="shipyard"],[data-page="defense"],[data-page="store"]) main#workspace{inset:var(--topbar) 0 0 0!important}
 .resource-header{padding-left:50px!important}.resource-header .resources{width:100%}.mobile-menu-toggle{top:10px;left:6px}.mobile-menu-open .mobile-menu-toggle{top:10px}
}
@media (max-width:380px){
 .resource-header .resources strong{font-size:9px}.sidebar nav button{flex-basis:68px!important;width:68px!important}.admin-asset-grid{grid-template-columns:1fr}.fleet-missions{grid-template-columns:repeat(2,1fr)}.bridge-topline>span{max-width:185px!important}.employee-products .employee-card-image img{width:min(var(--employee-image-size,70%),280px)!important}
}
@media (max-width:700px) and (orientation:portrait){
 :is(.resource-card-row,.facility-card-row,.research-selector,#fleet-picks,.fleet-known-sites){box-sizing:border-box!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;padding:8px 2px 12px!important;gap:10px 8px!important;overflow:visible!important;touch-action:pan-y!important;scroll-snap-type:none!important}
 :is(.resource-card-row,.facility-card-row,.research-selector,#fleet-picks,.fleet-known-sites)>*{touch-action:manipulation!important}
 :is(.economy-card-line,.research-card-line,.editor-catalog-row,.editor-extra-row){display:contents!important}
 :is(.resource-card-row,.facility-card-row,.research-selector,#fleet-picks) :is(.resource-building-card,.storage-card-slot,.facility-card,.research-select,.fleet-pick),#fleet-picks>.fleet-pick{flex:0 0 126px!important;width:126px!important;max-width:calc(50% - 4px)!important}
 #construction-waiting{display:grid!important;grid-template-columns:1fr!important;max-width:100%!important;overflow:visible!important;touch-action:pan-y!important}
 #fleet,#fleet-compose,#fleet-step-one,#fleet-step-two,.active-fleets{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
 #fleet-picks{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important}
 #fleet-picks>.fleet-pick{flex:0 0 162px!important;width:126px!important;max-width:126px!important}
 .fleet-limits{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
 .fleet-coordinate{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)!important;width:100%!important;max-width:100%!important}
 .fleet-coordinate input{box-sizing:border-box!important;width:100%!important;min-width:0!important}
 .fleet-known-sites{display:grid!important;grid-template-columns:1fr!important;justify-content:stretch!important}
 .fleet-known-sites>*{box-sizing:border-box!important;width:100%!important;max-width:100%!important}
 .fleet-missions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:950px) and (max-height:500px) and (orientation:landscape){
 :root{--topbar:38px;--mobile-nav:0px;--mobile-drawer:214px}.resource-header{height:38px;min-height:38px;padding:2px 3px 2px 42px!important;overflow:hidden}.resource-header .resources{height:34px;min-width:0;overflow:hidden}.resource-header .resources article{height:34px;padding:1px!important;grid-template-rows:15px 14px;overflow:hidden}.resource-header .resources article img{width:14px;height:14px}.resource-header .resources article.antimatter>span{font-size:14px}.resource-header .resources strong{font-size:8px;line-height:14px}.mobile-menu-toggle{top:4px;width:30px;height:30px;min-height:30px;font-size:16px}.mobile-menu-open .mobile-menu-toggle{top:4px}.sidebar{padding:5px 6px 7px!important;overflow-x:hidden!important;overflow-y:auto!important}.sidebar .brand{flex:0 0 auto;min-height:34px;padding:2px 38px 4px 5px}.sidebar .brand #admin-reveal{width:30px;height:30px;min-height:30px;flex-basis:30px;font-size:13px}.sidebar nav{flex:0 0 auto!important;height:auto!important;margin:2px 0 4px!important;padding:0 2px!important;gap:3px!important;overflow:visible!important}.sidebar nav button{height:32px!important;min-height:32px!important;padding:3px 6px!important;gap:6px!important;font-size:9px!important;line-height:1!important}.sidebar nav button span{width:18px!important;font-size:13px!important;line-height:15px}.sidebar nav button b{font-size:8px}.sidebar .side-bottom{flex:0 0 auto;margin-top:3px;padding:5px 2px 0;font-size:8px}.mobile-logout{min-height:30px;margin-top:4px;padding:4px 6px;font-size:9px}body.mobile-menu-open .mobile-menu-toggle{left:calc(var(--mobile-drawer) - 36px)}.employee-products .employee-card-image img{max-height:70vh!important}
}

@media (max-width:700px){body #economy>.resource-detail-panel.resource-detail-closed,body #buildings>.resource-detail-panel.resource-detail-closed,body #research .research-detail.resource-detail-closed,body #shipyard .research-detail.resource-detail-closed,body #defense .research-detail.resource-detail-closed{display:none!important}}
@media (max-width:700px){.admin-heading-actions{display:grid;grid-template-columns:1fr 1fr}.admin-message-rule{align-items:stretch;flex-direction:column}.admin-rule-actions button{flex:1}.admin-condition-row{grid-template-columns:1fr 78px 38px}.admin-condition-row .admin-condition-type{grid-column:1/-1}#admin-message-dialog{width:calc(100vw - 14px)!important;padding:13px!important}.admin-player-heading .admin-heading-actions{margin-bottom:8px}}