/* Empire Stellaire 3 : poste de commandement original */
:root{--line:#29404b;--panel:#101e27;--blue:#76d9cd;--gold:#e8bb7a;--muted:#91a8b4;--text:#dfebee;--motion:180ms cubic-bezier(.2,.8,.2,1)}
body{background:linear-gradient(#040d16a8,#040d16eb),url('original/space.jpg') center/cover fixed;font-family:Segoe UI,Arial,sans-serif;font-size:12px}
.layout{max-width:1180px;grid-template-columns:170px minmax(0,850px) 125px;gap:14px;background:none}.sidebar{padding-top:24px}.brand{font-size:20px;letter-spacing:2px}.brand small{color:#6ca49f;font-size:9px}.nav{position:relative}.nav-group-label{color:#68858f;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin:19px 10px 6px}.nav button{background:transparent;border-color:transparent;box-shadow:none;padding:8px 11px;min-height:34px;font-size:12px;color:#9eb6bf;border-radius:7px;transition:background var(--motion),color var(--motion)}.nav button:hover{background:#8acfc610;transform:none;color:#e4f4f0}.nav button.active{background:linear-gradient(90deg,#79d1c521,#79d1c504);border-color:#72b8b025;color:#b9f4e6;box-shadow:inset 3px 0 #83daca}.nav .symbol{color:#75bfb5;font-size:15px}.badge{background:#dab574;color:#15232b;border-radius:10px}.resourcebar{background:#0d1e2adb;border:1px solid #31465088;border-top:0;padding:12px 15px 20px;min-height:82px;border-radius:0 0 12px 12px}.resource-art{width:42px;height:34px;background-size:cover;background-position:center!important;border:0;border-radius:7px;box-shadow:none}.resource-art.metal{background-image:url('original/resource-metal.jpg')}.resource-art.crystal{background-image:url('original/resource-crystal.jpg')}.resource-art.deuterium{background-image:url('original/resource-deuterium.jpg')}.resource-art.energy{background-image:url('original/resource-energy.jpg')}.resource-art.population{background-image:url('original/resource-population.jpg')}.resource-art.food{background-image:url('original/resource-food.jpg')}.resource-art.darkmatter{background-image:url('original/resource-antimatter.jpg')}.resource strong{font-size:12px}.resource-owner{color:#7eaaa7}.workspace{padding:12px 0 28px}.topline{background:none;border:0;padding:12px 0 16px;margin:0;box-shadow:none}.eyebrow{color:#709f9a;letter-spacing:1px}h1{font-size:21px;color:#e3efef;font-weight:600}h2{font-size:15px}.planetselect{background:#10232c;border:1px solid #324a54;font-size:11px;border-radius:7px;padding:7px;min-height:32px}.panel,.technology-screen,.mission-card{border:1px solid #354b554f;border-radius:10px;background:linear-gradient(140deg,#122530eb,#0b1720eb);box-shadow:none}.panel{padding:16px}.grid2,.grid3{gap:12px}.section-head{margin:20px 0 10px}.summary{margin-top:12px}button,.button{border-radius:7px;background:#172e38;border-color:#3b5862;font-size:11px;min-height:31px;padding:6px 11px;box-shadow:none;transition:background var(--motion),border-color var(--motion)}button:hover:not(:disabled),.button:hover{transform:none;background:#244550;border-color:#7aa5ab}.primary{background:#76caba;color:#092723;border:1px solid #95e1d0;font-weight:600}.primary:hover:not(:disabled){background:#a3e7d7;color:#092723}.danger{background:#3b222b;border-color:#8c515a;color:#ffc3c4}.ghost{background:transparent}input,select,textarea{background:#0b1822;border:1px solid #334e59;border-radius:7px;padding:8px 10px;font-size:12px}input:focus,select:focus,textarea:focus{outline:2px solid #81cbbb66;outline-offset:2px}.progress{height:4px;background:#1f3541}.progress i{background:#7bd6c4}.tabs button.active,.map-modes button.active{background:#73cdb31c;color:#adf1df;border-color:#74c5b4}.notice{background:#102d34;border:1px solid #44666a;border-radius:8px;font-size:12px}.empty-state{font-size:12px;line-height:1.7}.movement-ribbon{background:#0e202a;border:1px solid #31475188;border-radius:8px;padding:4px;box-shadow:none}.movement-ribbon button{background:transparent;border:0;font-size:11px}.movement-ribbon button:nth-child(2){font-size:10px}.planet-rail{background:transparent;border:0;padding-top:22px}.planet-rail h2{background:none;border:0;color:#8bb0b6;font-size:11px}.planet-shortcut.selected{border-color:#7dccc44d;background:#17333c80}.planet-thumbnail{width:63px;height:63px;border:0;background-size:cover;box-shadow:0 0 15px #000}.planet-shortcut strong{font-size:11px}.footer-note{font-size:10px;color:#577682}
.hero{height:270px;background:linear-gradient(90deg,#051018d9,transparent),url('original/overview.jpg') center/cover;border-radius:12px;border:1px solid #34535a}.hero-content{padding:28px}.hero h2{font-size:29px}.hero-info{font-size:11px}.hero-info strong{font-size:18px}.catalog-stage{min-height:270px}.catalog-stage>.catalog-panorama,.catalog-curtain>.catalog-panorama{height:270px}.catalog-stage>.technology-details,.catalog-curtain>.technology-details{min-height:270px}.catalog-panorama{background-size:cover;background-position:center}.panorama-resources{background-image:url('original/resources.jpg')}.panorama-facilities{background-image:url('original/facilities.jpg')}.panorama-research{background-image:url('original/research.jpg')}.panorama-shipyard{background-image:url('original/shipyard.jpg')}.panorama-defense{background-image:url('original/defense.jpg')}.catalog-panorama h2{background:linear-gradient(90deg,#07131ade,transparent);padding:15px;font-size:17px}.technology-details{background:linear-gradient(130deg,#1c333c,#101e2a);grid-template-columns:210px minmax(0,1fr);gap:16px;padding:16px;border:0}.technology-information h2{font-size:19px}.technology-information p{font-size:12px;line-height:1.7}.technology-large{border:0;border-radius:8px;min-height:205px;height:205px;background-size:cover}.technology-group h2{background:#152832;border:0;font-size:12px;color:#9dbfc1;padding:11px 14px}.technology-strip{padding:16px;gap:13px}.technology{width:87px}.technology-icon{width:87px;height:87px;border-radius:9px;border:1px solid #43646b;box-shadow:none;background-size:cover;transition:filter .18s,box-shadow .18s}.technology-name{font-size:10px;min-height:29px;color:#acc2c8;margin-top:7px}.technology:hover .technology-icon{outline:0;box-shadow:0 0 0 2px #79c8be66,0 8px 18px #0007;filter:brightness(1.13)}.technology-locked:hover .technology-icon{filter:grayscale(1) brightness(.65)}.technology-selected .technology-icon{outline:2px solid #86d4c4;outline-offset:2px}.tech-hover{top:95px;border-color:#557e85;background:#0b1d27f5;line-height:1.6}.technology-level{border-radius:7px 0 7px 0;background:#071920dd;color:#e5d0a5}.command-queues{gap:10px}.command-queue{border:1px solid #35545c77;border-radius:9px;overflow:hidden;box-shadow:none}.command-queue>button{background:#17303a;border:0;color:#acd0cd;font-size:11px;padding:10px}.command-queue .empty-state{font-size:11px;padding:18px 12px}.command-queue .task{padding:12px}.command-queue .task-title{font-size:11px}.catalog-curtain{background:#101e2a}.section-banner{padding:25px;margin-bottom:15px;background:linear-gradient(90deg,#07151ae8,#07151a20),url('original/overview.jpg') center/cover;border:1px solid #47616b66;border-radius:12px;min-height:130px}.section-banner h2{font-size:25px;margin:7px 0}.section-banner p{color:#abc5c9}.fleet-banner{background-image:linear-gradient(90deg,#07151ae8,#07151a20),url('original/fleet.jpg')}.life-banner{background-image:linear-gradient(90deg,#07151ae8,#07151a20),url('original/life.jpg')}.lf-item{padding:14px 14px 14px 112px;min-height:125px}.lf-art{width:86px;height:86px;border-radius:8px;top:14px;left:14px;background-size:cover}.lf-item h3{font-size:13px}.lf-item .costs{font-size:11px}
.map-controls{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-bottom:15px}.map-controls input{display:block;width:78px}.map-modes{display:flex;gap:5px;align-items:center}.galaxy-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:12px}.orbital-stage{position:relative;min-width:0;background:radial-gradient(ellipse,#16313e55,#020a10),url('original/space.jpg') center/cover;border:1px solid #35556366;border-radius:10px;overflow:hidden}.orbital-stage svg{width:100%;height:auto;min-height:330px;display:block;touch-action:none}.orbit-line{fill:none;stroke:#44748355;stroke-width:.7}.orbit-hit{fill:transparent;cursor:pointer}.orbit-target,.system-target{cursor:pointer;outline:none}.orbit-target text{fill:#a4bec7;font-size:13px}.vacant-orbit{fill:#152d3a;stroke:#698a9a;stroke-dasharray:3 3}.selection-ring{fill:none;stroke:transparent;stroke-width:2}.orbit-target.selected .selection-ring,.orbit-target:hover .selection-ring,.orbit-target:focus .selection-ring{stroke:#e8c684}.orbit-target.owned .selection-ring{stroke:#6be0b077}.system-target:hover circle:last-of-type,.system-target:focus circle:last-of-type{stroke:#d0f5ec;stroke-width:4}.map-caption{padding:12px;display:flex;gap:15px;flex-wrap:wrap;color:#7fa1ad;font-size:10px}.map-inspector{padding:20px 12px;background:#0b1c25;border-radius:10px}.map-inspector h2{font-size:20px;overflow-wrap:anywhere}.inspector-planet{width:130px;height:130px;object-fit:cover;display:block;margin:18px auto;border-radius:50%}.empty-orbit{font-size:70px;text-align:center;color:#5d8d9c;padding:25px 0}.inspector-actions{display:grid;gap:8px;margin-top:18px}.map-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}.map-footer span{color:#8ab7b5}.map-footer button{font-size:10px}
.fleet-stepper{display:flex;gap:8px;margin-bottom:15px}.fleet-stepper button{flex:1;background:#122733;border:1px solid #365260;padding:12px 8px}.fleet-stepper button span{display:inline-grid;place-items:center;width:23px;height:23px;background:#28414d;border-radius:50%;margin-right:7px}.fleet-stepper button.active{border-color:#88cabc;color:#b1eddd;background:#183831}.fleet-step-container{display:block}.fleet-step-panel[hidden],[hidden]{display:none!important}.wizard-controls{display:flex;justify-content:space-between;margin-top:14px}.fleet-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fleet-unit{display:grid;grid-template-columns:76px minmax(0,1fr) 58px;gap:10px;padding:12px;background:#112633;border:1px solid #354b5844;border-radius:10px}.hangar-ship{width:76px;height:76px;object-fit:cover;border-radius:8px}.fleet-unit input{width:58px}.fleet-unit small{font-size:10px}.mission-card{padding:16px;margin-bottom:12px}.mission-journey{display:flex;gap:10px;align-items:center;color:#7aaba9}.mission-journey svg{height:60px;flex:1;max-width:500px}.mission-card.hostile{border-color:#be646d77}.mission-card .route{font-size:12px;margin:9px 0}.mission-card .details{font-size:11px}#fleet-estimate{padding:14px;line-height:1.9}.inbox-layout{display:grid;grid-template-columns:40% minmax(0,1fr);gap:12px}.inbox-list{max-height:620px;overflow:auto;padding:8px}.message-choice{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid #294350;background:transparent;padding:13px}.message-choice strong,.message-choice small,.message-choice span{display:block}.message-choice small{color:#668b99;font-size:10px;margin:5px 0}.message-choice span{font-size:11px;color:#8ea7b2}.message-choice.unread strong{color:#a7e2cb}.message-choice.active{background:#24433f}.inbox-reader{padding:24px}.inbox-reader h2{font-size:20px}.inbox-reader .report-body{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.my-rank{background:#71c3ac12;border-radius:8px;padding:12px}.ranking-results{min-height:100px}#ranking-search{min-width:200px}.rank-row{padding:12px}.big-rank{font-size:19px}.guide details{border-top:1px solid #2c454f;padding:14px 0}.guide summary{cursor:pointer;color:#b5d7d4;font-weight:600}.guide details p{padding:10px 0;color:#9eb4bf;line-height:1.8}.admin-grid{gap:12px}.admin-hero{background:linear-gradient(120deg,#183d3e,#12212e);border-color:#76b4a844}.command-tabs{position:sticky;top:0;z-index:3;background:#08151dec;padding:8px;border-radius:8px}.settings-row p,.admin-grid p{font-size:12px;line-height:1.7}dialog{background:#10252f;border-color:#4a7076;border-radius:12px}dialog::backdrop{background:#030b12b0;backdrop-filter:blur(6px)}.welcome-shell{border-radius:14px;overflow:hidden;border-color:#355861}.welcome-header{background:#102630}.welcome-art{background-image:linear-gradient(90deg,#05111be8,transparent),url('original/overview.jpg')}.welcome-grid .panel{background:#11232d}.welcome-logo{color:#bce6db}.welcome-shell button{min-height:38px}
@media(max-width:1050px){.layout{max-width:none;margin:0 12px;grid-template-columns:150px minmax(0,1fr);gap:12px}.planet-rail{display:none}.galaxy-layout{grid-template-columns:minmax(0,1fr) 180px}.fleet-list{grid-template-columns:1fr}.nav button{font-size:11px}.technology-details{grid-template-columns:175px minmax(0,1fr)}.technology-large{height:175px;min-height:175px}}
@media(max-width:760px){.layout{display:block;margin:0 10px}.sidebar{height:auto;position:static;padding:14px 0}.brand{font-size:18px;margin:0 0 10px}.brand br{display:none}.brand small,.sidebar-footer,.universe-label{display:none}.nav{display:flex;gap:7px;overflow-x:auto;padding-bottom:8px}.nav-group-label{display:none}.nav button{width:auto;white-space:nowrap;min-height:38px;flex-shrink:0;border:1px solid #35515b}.resourcebar{position:static}.galaxy-layout{grid-template-columns:1fr}.map-inspector{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.map-inspector .eyebrow,.map-inspector h2{grid-column:1/-1}.inspector-planet{width:90px;height:90px;margin:5px}.inspector-actions{grid-column:2;grid-row:3/7;margin:0}.map-inspector p{margin:4px 0}.inbox-layout{grid-template-columns:1fr}.inbox-list{max-height:270px}.fleet-stepper button{font-size:10px;padding:10px 4px}.fleet-stepper button span{display:block;margin:0 auto 4px}.section-banner{min-height:110px}.topline{flex-wrap:wrap}.orbital-stage svg{min-height:260px}.command-tabs{position:static}.resource-tooltip{top:50px}.technology-strip{gap:12px}.technology{width:77px}.technology-icon{width:77px;height:77px}.technology-details{grid-template-columns:95px minmax(0,1fr);padding:12px;gap:12px}.technology-large{height:95px;min-height:95px}.technology-information h2{font-size:16px}.technology-information p{font-size:11px}.catalog-stage{min-height:245px}.catalog-stage>.catalog-panorama,.catalog-curtain>.catalog-panorama{height:245px}.catalog-stage>.technology-details,.catalog-curtain>.technology-details{min-height:245px}.technology-action{flex-wrap:wrap}.hero{height:240px}.hero-content{padding:22px}.resourcebar{gap:3px;padding:10px 4px 19px}.resource-art{width:37px;height:31px;transform:none;margin:0}.resource strong{font-size:10px}.fleet-unit{grid-template-columns:60px minmax(0,1fr) 56px}.hangar-ship{width:60px;height:60px}.map-controls .inline-form{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.prerequisite-path,.quantity-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.prerequisite-path>span{width:100%;font-size:10px;color:#7aaba4}.requirement-link{font-size:10px;padding:5px 8px;min-height:25px}.quantity-shortcuts button{min-height:25px;font-size:10px}.level-preview{padding:12px;margin-top:12px;background:#75c8b00b;border:1px solid #71bda733;border-radius:8px}.level-preview>div:not(.eyebrow){display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:11px}.departure-review{display:grid;gap:5px;margin-bottom:10px;border-bottom:1px solid #547f8055;padding-bottom:10px}.departure-review span{font-size:11px;color:#a6bfc6}.admin-hero.target-compact>h2,.admin-hero.target-compact>p,.admin-hero.target-compact>.eyebrow{display:none}.admin-hero.target-compact{padding:12px}.admin-target{margin:8px 0}.admin-hero.target-compact .admin-target p{display:none}
.level-preview{min-height:96px}.level-preview>span{font-size:11px}.map-inspector,.inbox-reader{animation:panel-enter .22s ease-out}dialog[open]{animation:dialog-enter .18s ease-out}@keyframes panel-enter{from{opacity:.5;transform:translateX(7px)}to{opacity:1;transform:none}}@keyframes dialog-enter{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}.map-search{margin-bottom:10px}.map-search>input{width:100%;max-width:420px}.map-search-results{display:grid;gap:5px;margin-top:5px}.map-search-results button{text-align:left}.map-zoom{display:flex;gap:5px;justify-content:flex-end;margin-bottom:8px}.map-zoom button{min-height:29px}.mission-journey path[data-mission-id]{transition:transform 1s linear}
.empire-worlds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.world-heading{display:flex;gap:14px;align-items:center;margin-bottom:18px}.world-heading img{width:65px;height:65px;object-fit:cover;border-radius:50%}.world-heading h2{font-size:19px;margin:5px 0}.world-stocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.world-stocks span,.world-stocks strong,.world-stocks small{display:block}.world-stocks span{color:#8eabb7;font-size:10px}.world-stocks strong{font-size:15px;margin:4px 0}.world-stocks small{color:#7ebdb0;font-size:10px}.world-queue{padding:14px 0;margin:10px 0;border-top:1px solid #2b475344;font-size:11px;color:#b6cbd0}.trade-diagram{display:flex;gap:25px;align-items:center;justify-content:center;background:#132934;padding:20px;border-radius:10px;margin-bottom:15px}.trade-diagram>div{display:grid;grid-template-columns:55px 1fr;column-gap:12px}.trade-diagram img{width:55px;height:55px;object-fit:cover;border-radius:8px;grid-row:1/3}.trade-diagram span{color:#8aafbc;font-size:11px}.trade-diagram strong{font-size:17px}.trade-diagram .exchange-arrow{font-size:28px;color:#ceae76}.production-command{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.production-command .tabs{margin:0}.saturation{display:flex;gap:14px;flex-wrap:wrap;width:100%;color:#7fa6b1;font-size:10px}.alliance-banner{background-image:linear-gradient(90deg,#07151ae8,#07151a20),url('original/overview.jpg')}.market-banner{background-image:linear-gradient(90deg,#07151ae8,#07151a20),url('original/facilities.jpg')}@media(max-width:760px){.empire-worlds{grid-template-columns:1fr}.world-stocks strong{font-size:14px}.trade-diagram{gap:15px;padding:14px}.trade-diagram img{width:42px;height:42px}.trade-diagram>div{grid-template-columns:42px 1fr}.trade-diagram strong{font-size:14px}}
/* Vue compacte unique : aucun découpage en pages de l'écran. */
html,body{height:100%;overflow:hidden}body{margin:0}#app:has(.layout){height:100dvh}.layout{height:100dvh;min-height:0;grid-template-rows:minmax(0,1fr);padding:6px 0;margin:0 auto;align-items:stretch}.main{min-height:0;display:flex;flex-direction:column}.workspace{width:100%;margin:0;padding:0;display:flex;flex-direction:column;flex:1;min-height:0}.resourcebar{padding:4px 9px 13px;flex-shrink:0;min-height:55px}.resource-art{width:38px;height:31px}.resource strong{font-size:11px}.movement-ribbon{margin:4px 0;min-height:28px}.topline{padding:5px 8px;margin:0 0 5px}.topline h1{font-size:15px}.topline .eyebrow{font-size:8px}.footer-note,.sidebar-footer{display:none}.sidebar{height:100%;min-height:0;overflow:hidden;padding:5px 0}.brand{font-size:19px;margin:0 0 5px}.brand small{font-size:8px;margin-top:3px}.universe-label{margin:5px 8px}.nav{gap:1px}.nav button{height:26px;min-height:26px;padding:3px 8px;margin:0;font-size:11px}.nav-group-label{padding:4px 8px 1px;font-size:8px}.nav .symbol{font-size:12px}.planet-rail{height:100%;overflow:hidden}#content{flex:1;min-height:0;width:100%;overflow:hidden}.panel{padding:9px;margin-bottom:7px}.section-head{margin:5px 0}h2{margin-bottom:6px}.hero{height:160px}.hero-content{padding:15px}.hero h2{font-size:23px}.hero-info strong{font-size:14px}.section-banner{min-height:60px;padding:10px;margin-bottom:7px}.section-banner h2{font-size:19px;margin:3px 0}.section-banner p{margin:3px 0}.catalog-stage{height:190px;min-height:190px;position:relative;overflow:hidden;contain:layout}.catalog-stage>.catalog-panorama,.catalog-stage>.technology-details{height:190px;min-height:190px}.catalog-panorama h2{padding:8px;font-size:15px}.catalog-hint{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;font-size:9px;background:#07131acc}.technology-details{grid-template-columns:125px minmax(0,1fr);gap:10px;padding:9px}.technology-large{height:125px;min-height:125px}.technology-information h2{font-size:15px}.technology-information p{font-size:10px;line-height:1.3;margin:4px 0}.technology-information .row{margin-bottom:4px}.technology-action{padding:5px 0;margin-top:4px}.technology-action button,.technology-information button{padding:5px 8px;font-size:10px}.technology-information .tech-detail-costs{padding:3px 0}.prerequisite-path{margin-top:4px;display:flex;gap:4px;align-items:center;flex-wrap:wrap}.prerequisite-path>span{font-size:9px}.requirement-link{font-size:9px!important;padding:3px 6px!important}.level-preview{min-height:0;padding:3px 5px;font-size:9px;margin-top:3px}.level-preview>div{display:flex;justify-content:space-between;gap:8px}.level-preview .eyebrow{font-size:8px}.technology-groups{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}.technology-group{min-width:0}.technology-group h2{padding:4px 7px;font-size:10px;margin:0}.technology-strip{padding:6px;gap:5px;display:flex;flex-wrap:wrap}.technology{width:58px}.technology-icon{width:58px;height:58px;border-radius:5px}.technology-name{font-size:8px;min-height:21px;margin-top:3px;line-height:1.15}.technology-level{font-size:9px}.technology-group:has([data-tech="109"]){grid-column:2;grid-row:2}.technology-group:has([data-tech="123"]){grid-column:1;grid-row:2}.technology-group:has([data-tech="106"]){grid-column:1;grid-row:1}.technology-group:has([data-tech="115"]){grid-column:2;grid-row:1}.command-queue .empty-state{padding:9px;font-size:10px}.command-queue>button{padding:5px;font-size:10px}.queue-panel{margin-top:5px}.queue-panel .empty-state{padding:8px}.production-command{padding:6px;display:flex;gap:9px;align-items:center;justify-content:space-between}.production-command h2{font-size:11px;margin:0}.production-command p{font-size:9px;margin:2px 0}.production-command .saturation{font-size:9px;gap:3px}.production-command button{padding:3px 6px;font-size:9px}.technology-group .tech-hover{top:65px}.fleet-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.fleet-unit{grid-template-columns:42px minmax(0,1fr) 43px;gap:5px;padding:5px;font-size:10px}.hangar-ship{width:42px;height:42px}.fleet-unit input{width:43px}.fleet-stepper button{padding:5px}.fleet-stepper{margin-bottom:6px}.mission-card{padding:7px}.mission-journey svg{height:30px}.grid2,.grid3{gap:7px}.inbox-list{max-height:calc(100dvh - 330px)}.inbox-reader{padding:10px}.map-controls{padding-bottom:4px;gap:5px}.map-controls input{width:55px}.map-search{margin:0}.map-search input{padding:5px;font-size:10px}.map-zoom{margin:3px 0}.galaxy-command{height:100%;display:flex;flex-direction:column;padding:8px}.galaxy-layout{display:flex;flex-direction:column;flex:1;min-height:0;gap:5px}.orbital-stage{flex:1;min-height:0;display:flex;flex-direction:column}.orbital-stage svg{flex:1;height:0;width:100%;min-height:0}.orbital-instruction{text-align:center;padding:4px;font-size:10px}.map-caption{padding:4px;font-size:8px;justify-content:center}.map-inspector{display:grid;grid-template-columns:58px 1fr auto;gap:1px 8px;padding:6px;flex-shrink:0;align-items:center}.map-inspector .eyebrow{grid-column:2;grid-row:1}.map-inspector h2{grid-column:2;grid-row:2;font-size:15px;margin:0}.map-inspector p{grid-column:2;font-size:9px;margin:0}.inspector-planet{grid-column:1;grid-row:1/5;width:52px;height:52px;margin:0;clip-path:circle(41%);transform:scale(1.18);border-radius:0}.empty-orbit{grid-column:1;grid-row:1/5;padding:0;font-size:35px}.inspector-actions{grid-column:3;grid-row:1/5;display:flex;flex-wrap:wrap;max-width:270px;gap:4px;margin:0}.inspector-actions button{font-size:9px;padding:4px 7px}.map-footer{margin-top:4px}.orbit-line{pointer-events:none}.orbit-target:hover .orbit-line,.orbit-target.selected .orbit-line{stroke:#a0dfdaaa;stroke-width:1.5}.orbit-target text{font-size:11px;paint-order:stroke;stroke:#07141b;stroke-width:3px}.lf-item{min-height:85px;padding:7px 7px 7px 70px}.lf-art{width:55px;height:55px;top:7px;left:7px}.lf-item h3{font-size:10px}.lf-item p{font-size:9px;margin:3px 0}.lf-item button{font-size:9px;padding:3px 5px}
@media(max-height:760px){.catalog-stage,.catalog-stage>.catalog-panorama,.catalog-stage>.technology-details{height:165px;min-height:165px}.technology-large{height:110px;min-height:110px}.technology-strip{padding:4px}.technology-name{min-height:17px}.hero{height:140px}.resourcebar{min-height:48px}.nav button{height:24px;min-height:24px}}
@media(max-width:760px){.layout{display:flex;flex-direction:column;margin:0 6px;padding:3px 0}.sidebar{height:auto;flex-shrink:0;padding:0}.brand{font-size:12px;margin:0}.nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;gap:2px;padding:0}.nav button{font-size:8px;height:24px;min-height:24px;padding:2px;white-space:normal}.nav .symbol{display:none}.main{flex:1;min-height:0}.resourcebar{padding:3px 0 12px;margin-top:3px}.resource-art{width:28px;height:23px}.resource strong{font-size:9px}.topline h1{font-size:12px}.catalog-stage,.catalog-stage>.catalog-panorama,.catalog-stage>.technology-details{height:170px;min-height:170px}.technology-details{grid-template-columns:65px minmax(0,1fr);gap:6px;padding:6px}.technology-large{height:65px;min-height:65px}.technology-information p{font-size:9px}.technology{width:38px}.technology-icon{width:38px;height:38px}.technology-name{font-size:7px;min-height:21px}.technology-strip{padding:3px;gap:3px}.technology-groups{gap:3px}.production-command .saturation{display:none}.fleet-list{grid-template-columns:repeat(2,minmax(0,1fr))}.map-inspector{grid-template-columns:45px 1fr}.inspector-actions{grid-column:1/-1;grid-row:auto;max-width:none}.inspector-planet{width:42px;height:42px}.map-caption span:last-child{display:none}}
.catalog-stage,.catalog-stage>.catalog-panorama,.catalog-stage>.technology-details{height:250px;min-height:250px}.technology-information{padding:4px 7px}.technology-information>.row{padding-right:16px}.technology-requirements{margin:3px 0;gap:3px 7px}.workshop-effects{margin-top:3px}.technology-action{padding-top:4px;margin-top:3px}.technology-name{height:20px;min-height:20px;max-height:20px;overflow:hidden}.prerequisite-path{margin-top:3px}.prerequisite-path>span{display:none}.catalog-stage .technology-large{margin-top:0}.technology-details{align-items:start}.technology-information .tech-detail-costs{padding:3px 0}.quantity-shortcuts{margin-top:3px}.level-preview{padding:2px 5px}.level-preview>div{line-height:1.3}
@media(max-height:760px){.catalog-stage,.catalog-stage>.catalog-panorama,.catalog-stage>.technology-details{height:225px;min-height:225px}.technology{width:54px}.technology-icon{width:54px;height:54px}}
@media(max-width:760px){.catalog-stage,.catalog-stage>.catalog-panorama,.catalog-stage>.technology-details{height:245px;min-height:245px}.technology-information{padding:2px}.technology-name{height:20px;min-height:20px}.technology-strip{gap:2px}.technology-group h2{font-size:8px;padding:3px}.technology{width:36px}.technology-icon{width:36px;height:36px}}
.technology-requirements .requirement-link{background:transparent;border-color:#446266;padding:2px 4px!important;font-size:9px!important}.technology-action .quantity-shortcuts{display:flex;gap:3px;margin:0}.technology-action .quantity-shortcuts button{padding:3px 5px!important;font-size:9px!important}.technology-action{flex-wrap:wrap;gap:4px}.technology-information .row{margin-bottom:2px}.technology-information h2{margin-bottom:2px}.technology-information .stats{margin:3px 0;font-size:9px}
body[data-menu="overview"] .hero{height:135px}body[data-menu="overview"] .panel{padding:6px}body[data-menu="overview"] .panel p{margin:3px 0}body[data-menu="overview"] .hero-content{padding:10px}body[data-menu="overview"] .section-head{margin:3px 0}body[data-menu="overview"] .metric{font-size:19px}body[data-menu="resources"] .technology-groups{grid-template-columns:2fr 1fr}body[data-menu="resources"] .technology-name{display:none}body[data-menu="resources"] .technology-strip{gap:7px}body[data-menu="resources"] .queue-panel{padding:5px}body[data-menu="resources"] .production-command p{display:none}body[data-menu="resources"] .production-command .saturation{font-size:8px}body[data-menu="resources"] .production-command{margin:3px 0;padding:4px}.life-sections{display:flex;gap:5px;margin-bottom:7px}.life-sections button{padding:5px 8px;font-size:10px}.life-sections .active{border-color:#88cabc;color:#b1eddd}body[data-menu="life"] [data-life-block="buildings"],body[data-menu="life"] [data-life-block="research"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}body[data-menu="life"] .lf-item{min-height:85px;padding:5px 5px 5px 55px}body[data-menu="life"] .lf-art{width:43px;height:43px;left:5px;top:5px}body[data-menu="life"] .lf-item .costs{font-size:8px;margin:2px 0}body[data-menu="life"] .lf-item .tag{font-size:8px}body[data-menu="life"] .section-banner{min-height:50px}body[data-menu="admin"] .admin-hero{padding:7px}body[data-menu="admin"] .admin-hero>p{display:none}body[data-menu="admin"] .admin-hero h2{font-size:16px;margin:2px 0}body[data-menu="admin"] .world-settings{padding:7px}body[data-menu="admin"] .admin-grid>section{padding:7px}body[data-menu="admin"] .admin-grid p{font-size:9px;margin:3px 0}body[data-menu="admin"] .admin-grid .field{margin-bottom:5px}body[data-menu="admin"] .admin-grid input{padding:4px}body[data-menu="admin"] .admin-grid h3{font-size:12px}body[data-menu="admin"] .world-settings p{margin:3px 0;font-size:9px}body[data-menu="galaxy"] .galaxy-command{margin-bottom:0}
@media(max-width:760px){body[data-menu="resources"] .technology-groups{grid-template-columns:2fr 1fr}body[data-menu="life"] [data-life-block="buildings"],body[data-menu="life"] [data-life-block="research"]{grid-template-columns:repeat(2,minmax(0,1fr))}.life-sections{gap:3px}.life-sections button{font-size:8px;padding:4px}.lf-item p{font-size:8px}}
body[data-menu="admin"] .admin-hero .field,body[data-menu="admin"] .world-settings .field{margin-bottom:3px}body[data-menu="admin"] .admin-hero input,body[data-menu="admin"] .world-settings input,body[data-menu="admin"] .world-settings select{padding:3px}body[data-menu="admin"] .admin-hero>h2,body[data-menu="admin"] .world-settings>h2{margin:0 0 3px}body[data-menu="admin"] .admin-hero,body[data-menu="admin"] .world-settings{margin-bottom:4px}body[data-menu="admin"] .admin-hero>strong{font-size:10px}body[data-menu="admin"] .command-tabs{margin-bottom:5px}
body[data-menu="life"] [data-life-block="buildings"]{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-menu="life"] .lf-item.locked>p:last-child{display:none}body[data-menu="life"] .lf-item{padding:4px 4px 4px 45px;min-height:100px}body[data-menu="life"] .lf-art{width:34px;height:34px;left:5px;top:5px}body[data-menu="life"] .lf-item h3{font-size:9px;line-height:1.2;margin:0 0 3px}body[data-menu="life"] .lf-item p{font-size:8px;line-height:1.2}body[data-menu="life"] .lf-item .costs{gap:4px;line-height:1.2}body[data-menu="life"] .lf-item button{font-size:8px;line-height:1.2;padding:3px}body[data-menu="life"] .lf-item .tag{padding:1px 3px}
@media(max-width:760px){body[data-menu="life"] [data-life-block="buildings"]{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-menu="life"] .lf-item{padding:3px;min-height:84px}.lf-item .lf-art{display:none}}
/* Le glisser de la carte ne doit jamais sélectionner la page. */
.orbital-stage,.orbital-stage *{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.orbital-stage svg{touch-action:none;cursor:grab}.orbital-stage svg.is-dragging,.orbital-stage svg.is-dragging *{cursor:grabbing!important}.map-dragging,.map-dragging *{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important}.orbit-target{cursor:pointer}
/* Vignettes lisibles : le décor cède de la place aux éléments du jeu. */
.technology{width:72px}.technology-icon{width:72px;height:72px}.technology-name{display:block!important;font-size:10px;line-height:1.2;height:auto;min-height:36px;max-height:none;overflow:visible;margin-top:4px;overflow-wrap:normal}.technology-level{font-size:10px}.technology-strip{gap:6px;padding:6px;align-items:flex-start}.technology-groups{grid-template-columns:.9fr 1.1fr}.technology-group h2{font-size:11px;padding:4px 7px}body[data-menu="resources"] .technology-groups{grid-template-columns:7fr 3fr}body[data-menu="resources"] .technology-name{display:block!important}body[data-menu="resources"] .technology-strip{gap:6px}.catalog-stage:has(>.catalog-panorama),.catalog-stage>.catalog-panorama{height:190px;min-height:190px}.catalog-stage:has(>.technology-details),.catalog-stage>.technology-details{height:230px;min-height:230px}.technology-information .stats{font-size:9px}.tech-hover{top:80px}
@media(max-height:760px) and (min-width:761px){.technology{width:68px}.technology-icon{width:68px;height:68px}.technology-name{font-size:9px;min-height:33px}.catalog-stage:has(>.catalog-panorama),.catalog-stage>.catalog-panorama{height:165px;min-height:165px}.catalog-stage:has(>.technology-details),.catalog-stage>.technology-details{height:225px;min-height:225px}.technology-strip{padding:4px;gap:5px}}
@media(max-width:760px){.technology{width:44px}.technology-icon{width:44px;height:44px}.technology-name{font-size:8px;line-height:1.15;min-height:37px}.technology-strip{gap:3px;padding:3px}.technology-groups{grid-template-columns:1fr 1fr}.catalog-stage:has(>.catalog-panorama),.catalog-stage>.catalog-panorama{height:130px;min-height:130px}.catalog-stage:has(>.technology-details),.catalog-stage>.technology-details{height:245px;min-height:245px}body[data-menu="resources"] .technology-groups{grid-template-columns:2fr 1fr}}
body[data-menu="research"] .technology-groups{grid-template-columns:.85fr 1.15fr}body[data-menu="shipyard"] .technology-groups{grid-template-columns:1fr 1fr}
.galaxy-list-screen{height:100%;min-height:0;display:flex;flex-direction:column;gap:5px}.galaxy-list-screen>.map-toolbar,.galaxy-list-screen>.panel.compact,.galaxy-list-screen>.section-head,.galaxy-list-screen>.help-tip{flex-shrink:0;margin:0}.galaxy-list-screen>.tablewrap{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#577a85 #0d1b25;margin:0}.galaxy-list-screen thead{position:sticky;top:-9px;z-index:2;background:#122732}.galaxy-list-screen .help-tip{font-size:9px;line-height:1.3;margin-top:0!important}.galaxy-list-screen .tablewrap td{padding:7px 8px}.galaxy-list-screen .tablewrap button{padding:5px 8px;font-size:10px}.technology-name{min-height:24px}.queue-panel{padding:5px;margin-top:5px}.queue-panel .row h2{font-size:11px;margin:0}.queue-panel .row .tag{font-size:9px;padding:2px 4px}.queue-panel .empty-state{padding:5px;font-size:10px}.queue-panel .row{min-height:19px}.queue-panel .task{padding:5px}body[data-menu="research"] .catalog-stage:has(>.catalog-panorama),body[data-menu="research"] .catalog-stage>.catalog-panorama{height:180px;min-height:180px}
body[data-menu="research"] .catalog-stage:has(>.technology-details),body[data-menu="research"] .catalog-stage>.technology-details{height:210px;min-height:210px}
.technology .tech-hover{top:auto;bottom:calc(100% + 7px)}