.mp-login{max-width:510px;margin:8vh auto;padding:30px;display:grid;gap:24px}
.mp-login form,.mp-form{display:grid;gap:16px}.mp-login label,.mp-form label{display:grid;gap:6px}
.mp-login input,.mp-form input{width:100%;min-height:46px;padding:10px 12px}
.mp-login .brand{font-size:25px}.mp-login h1{font-size:29px}
.mp-session{font-size:13px;max-width:170px;color:var(--muted)}
.resourcebar .resource{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0}
.resourcebar .resource .rate{white-space:normal}
.mp-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 24px;border-bottom:1px solid var(--border);background:#102332;font-size:13px;color:var(--muted)}
.mp-status strong{color:var(--green)}.mp-status.error strong{color:var(--orange)}
.mp-status p{flex:1;min-width:180px}.mp-status button{min-height:36px;font-size:13px}

.mp-aside{min-width:0;display:grid;align-content:start;gap:20px}.mp-aside .panel{padding:20px}
.mp-aside h2{margin-bottom:12px}.mp-aside .actions{margin-top:14px}
.mp-job{padding:14px 0;border-bottom:1px solid var(--border)}.mp-job p{margin:6px 0}
.mp-job .actions{gap:6px}.mp-job button{font-size:13px;padding:7px 10px}
.mp-content{display:grid;gap:24px}.mp-content .panel{padding:24px}
.mp-content .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.mp-content .building img{width:100%;height:145px;object-fit:cover}
.mp-content .building-body{display:flex;flex-direction:column;gap:12px}.mp-content .building-body>button{margin-top:auto}
.mp-costs{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:14px}
.mp-funding{padding:10px 12px;border-radius:8px;background:#203449;font-size:13px}
.mp-funding small{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.mp-content .planet-hero{min-height:270px}.mp-content .planet-hero .btn{padding:10px 16px;border-radius:9px}
.mp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mp-stats strong{display:block;font-size:23px;margin:8px 0}.mp-stats p{font-size:13px;color:var(--muted)}
.mp-table{width:100%;border-collapse:collapse}.mp-table td,.mp-table th{padding:12px 8px;text-align:left;border-bottom:1px solid var(--border)}
.mp-unavailable{display:grid;gap:14px}.mp-unavailable .tag{justify-self:start}
.mp-detail{padding:24px;display:grid;gap:18px}.mp-detail .dialog-art{width:100%;height:180px;object-fit:cover;border-radius:10px}
.mp-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:start}
.mp-detail-head h2{margin:0}.mp-detail ul{margin:0;padding-left:22px}
.mp-mobile-nav{display:none}.mp-error{color:var(--red);font-size:14px;min-height:21px}
.mp-confirmed{color:var(--muted);font-size:12px}.mp-content .filters{flex-wrap:wrap}
.mp-login,.mp-layout,.mp-status{overflow-wrap:anywhere}
@media(max-width:1400px){.mp-content .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-session{display:none}}
@media(max-width:1100px){.mp-aside{grid-column:2}.topbar{grid-template-columns:150px minmax(0,1fr) auto;gap:10px;padding:10px 16px}.resourcebar{min-width:0}.resource{padding:0 5px}.resource strong{font-size:16px}.mp-status{padding:10px 16px}}
@media(max-width:760px){body{padding-bottom:0}.topbar{position:static;grid-template-columns:1fr auto;padding:14px 16px}.resourcebar{grid-row:2;grid-column:1/-1;width:100%;max-width:none}.resource{grid-template-columns:1fr;padding:6px}.resource strong{font-size:17px}.resource .rate{font-size:11px}.resource .name{font-size:11px}.mp-layout{display:block;padding:20px 16px}.mp-layout .sidebar{display:none}.mp-aside{margin-top:24px}.mp-mobile-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.mp-mobile-nav>a{padding:6px 8px;font-size:14px}.mp-mobile-nav [aria-current=page]{color:var(--gold)}.mp-mobile-nav details{position:relative}.mp-mobile-nav summary{cursor:pointer;padding:6px 8px}.mp-mobile-nav details nav{position:absolute;right:0;top:40px;z-index:30;padding:12px;width:220px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 40px #0008}.mp-mobile-nav details nav a{display:block;padding:9px}.mp-content .planet-hero{padding:24px}.mp-content .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-stats{gap:8px}.mp-stats .panel{padding:14px}.mp-stats strong{font-size:20px}.mp-login{margin:5vh 16px;padding:24px}.page-head h1{font-size:28px}}
@media(max-width:480px){.mp-content .cards{grid-template-columns:1fr}.mp-stats{grid-template-columns:1fr}.mp-stats .panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4px 12px}.mp-stats .panel p{grid-column:1/-1}.mp-stats strong{margin:0}.brand{font-size:17px}.topbar .header-tools button{font-size:12px;padding:7px 10px}.mp-detail{padding:18px}.mp-detail .dialog-art{height:140px}.mp-table{font-size:13px}.mp-table td,.mp-table th{padding:10px 4px}}

.mp-talents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.mp-talents article{display:grid;gap:10px}.mp-talent-choice{display:flex!important;grid-template-columns:none!important;align-items:start;gap:12px;padding:12px 0}.mp-talent-choice input{width:20px!important;min-height:20px!important;margin-top:3px;flex-shrink:0}.mp-form fieldset{border:1px solid var(--border);padding:16px;border-radius:10px}.mp-form legend{padding:0 8px;color:var(--gold)}.mp-aside section>button{margin-top:14px}.mp-detail .actions{flex-wrap:wrap}@media(max-width:760px){.mp-talents{grid-template-columns:1fr}}
/* MP-004 : présentation du solo et actions directes. */
.resourcebar button.resource{background:transparent;border:0;border-left:1px solid var(--border);border-radius:0;color:inherit;text-align:left;padding:0 8px;font:inherit;cursor:pointer;min-height:60px}
.resourcebar button.resource:hover{background:#20344955}.resourcebar button.resource:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.mp-content>.guidance{margin-bottom:0}.mp-inline-work{font-size:13px;line-height:1.5}.mp-inline-work strong{white-space:nowrap}.mp-detail{overflow-wrap:anywhere}.mp-detail .help-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.mp-detail .help-links p{width:100%}.mp-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mp-specs>div{display:grid;gap:5px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.mp-specs span,.mp-specs small{color:var(--muted);font-size:13px}.mp-content .effect{font-size:13px;color:var(--gold)}
.mp-collection-tools{display:grid;gap:14px}.mp-collection-tools label{display:grid;gap:6px}.mp-collection-tools input,.mp-collection-tools select,.mp-ship-order input{min-width:0;max-width:100%;width:100%;min-height:42px;padding:8px 10px}.mp-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.mp-collection-tools .actions{flex-wrap:wrap}.mp-pager{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}.mp-pager button{min-width:40px;min-height:40px;padding:6px}.mp-ship-list{display:grid;gap:14px}.mp-ship-list .mp-ship-item{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;padding:14px}.mp-ship-list .mp-ship-art{align-self:start;border-radius:8px;overflow:hidden}.mp-ship-list .mp-ship-art img{width:100px;height:100px;object-fit:cover}.mp-ship-list .building-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:9px 16px;padding:0 12px}.mp-ship-list .building-body h2{font-size:19px}.mp-ship-list .building-body>.eyebrow,.mp-ship-list .building-body>h2,.mp-ship-list .building-body>.object-short{grid-column:1/-1}.mp-ship-list .building-body>button{margin:0;justify-self:start}.mp-ship-order{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.mp-ship-order label{display:grid;gap:6px;width:110px;max-width:100%;font-size:13px}.mp-ship-order button{min-height:42px}.mp-content .subnav{display:flex;gap:18px;flex-wrap:wrap}.mp-content .subnav a{padding:10px;border-bottom:2px solid transparent}.mp-content .subnav [aria-current]{border-bottom-color:var(--gold);color:var(--gold)}.mp-journal{display:grid;gap:8px}.mp-event{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;text-align:left;background:transparent;width:100%;padding:14px}.mp-event>span:first-child{font-size:13px;color:var(--muted)}
@media(max-width:760px){.resourcebar button.resource{padding:6px;min-height:66px}.mp-ship-list .mp-ship-item{grid-template-columns:70px minmax(0,1fr);padding:10px}.mp-ship-list .mp-ship-art img{width:70px;height:70px}.mp-ship-list .building-body{display:flex;padding:0;gap:10px}.mp-specs{grid-template-columns:1fr}.mp-filter-grid{grid-template-columns:1fr}.mp-event{grid-template-columns:1fr}.mp-detail .progression-range{grid-template-columns:1fr 1fr}.mp-content>.guidance{padding:16px}.mp-ship-order label{width:95px}}

.mp-detail .progression-table thead th{overflow-wrap:normal;word-break:normal}

/* Missions et monde commun MP-005 */
.mp-colony-select{display:grid;gap:8px;width:100%;font-size:12px;color:var(--muted)}
.mp-colony-select select{width:100%;min-width:0}
.mp-flights{display:flex;gap:14px;flex-wrap:wrap;align-items:center;border:1px solid #bba36866;background:#151d27;padding:16px;border-radius:12px;margin-bottom:24px}
.mp-flights span{font-size:12px;color:var(--muted)}
.mp-flights button{font-size:12px}
.mp-system-form,.mp-mission-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end}
.mp-system-form label{flex:1;min-width:100px;max-width:160px}
.mp-system-form input{width:100%}
.mp-mission-filters label{display:grid;gap:6px;flex:1;min-width:130px}
.mp-planet-row{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #ffffff12}
.mp-planet-row .actions{flex-wrap:wrap;justify-content:end}
.mp-mission-inputs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:20px 0}
.mp-mission-inputs label{display:grid;gap:8px}
.mp-mission-inputs input,.mp-mission-inputs select{width:100%;min-width:0}
#mission-quote{border-top:1px solid #ffffff20;padding:12px 0}
#mission-quote p{margin:8px 0}
.mp-report-value{padding:5px 0;overflow-wrap:anywhere}
.mp-report-value .mp-report-value{padding-left:14px;border-left:1px solid #ffffff20}
.mp-missions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}
.mp-mission .actions{flex-wrap:wrap}
@media(max-width:760px){.mp-planet-row{align-items:start;flex-direction:column}.mp-planet-row .actions{justify-content:start}.mp-flights{display:grid}.mp-system-form button{max-width:100%}}

/* Galaxie : vues système et liste, sur les mêmes données du serveur. */
.mp-galaxy-shell{margin-bottom:20px;background-image:linear-gradient(180deg,#10253ace,#081323c9),url('/horizon/assets/galaxie-v1.jpg')}
.mp-galaxy-shell .galaxy-heading{padding:24px 24px 4px}
.mp-galaxy-shell .mp-system-form{padding:18px 24px;gap:12px}
.mp-galaxy-tabs{padding:0 24px 12px;flex-wrap:wrap}
.mp-galaxy-footer{padding:16px 24px;display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid #829aba26;background:#08111d70}
.mp-galaxy-message{margin:0;padding:14px 24px}
.mp-galaxy-message button{margin-top:12px}
.mp-galaxy-shell .system-map{height:420px;margin:0 20px 10px}
.mp-galaxy-shell .orbit-planet{width:70px;min-height:62px;isolation:isolate}
.mp-orbit-name{font-size:11px;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:calc(100% - 3px)}
.mp-galaxy-shell .planet-sphere.own,.mp-planet-selection .planet-sphere.own,.mp-planet-list .planet-sphere.own{border:2px solid var(--green)}
.planet-sphere.foreign{border:2px solid #e1c18b;background:radial-gradient(circle at 28% 28%,#e7cf9c,#8d7051 40%,#182b40 73%,#050b14 95%)}
.planet-sphere.observed{border-color:#8eb9dd}
.mp-galaxy-shell .orbit-planet:focus-visible,.mp-planet-pick:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.mp-planet-row.selected{border-left:2px solid var(--gold);padding-left:12px;background:#e1c18b08}
.mp-planet-pick{display:flex;align-items:center;gap:16px;text-align:left;border:0;background:transparent;padding:8px;min-width:0}
.mp-planet-pick>span:last-child{display:grid;gap:5px}
.mp-planet-pick .planet-sphere{flex-shrink:0}
.mp-planet-selection{margin:20px 0;background:var(--surface);border:1px solid var(--border);border-radius:16px;min-width:0}
.mp-planet-selection .selection-copy{min-width:0}
.mp-planet-selection .actions{flex-wrap:wrap}
@media(max-width:760px){.mp-galaxy-shell .galaxy-heading{align-items:start;flex-wrap:wrap;padding:20px 16px 4px}.mp-galaxy-shell .galaxy-heading h2{font-size:23px}.mp-galaxy-shell .mp-system-form{padding:16px}.mp-galaxy-tabs{padding:0 16px 12px}.mp-galaxy-footer{padding:16px;flex-wrap:wrap}.mp-galaxy-shell .system-map{height:380px;margin:0 5px 10px}.mp-galaxy-shell .orbit-planet{width:44px;min-height:58px;padding:5px 1px}.mp-orbit-name{display:none}.mp-planet-selection{padding:18px;flex-wrap:wrap}.mp-planet-selection .selection-actions{width:100%}.mp-planet-selection .planet-sphere.large{width:60px;height:60px}.mp-planet-pick{padding-left:0}.mp-planet-row.selected{padding-left:8px}}
@media(prefers-reduced-motion:reduce){.mp-galaxy-shell *{animation:none!important;transition:none!important}}

/* Coordonnées de présentation dans la feuille autorisée par la politique CSP. */
.mp-position-1{--px:50.0%;--py:14.0%;--planet-hue:184}
.mp-position-2{--px:70.0%;--py:18.82308546%;--planet-hue:193}
.mp-position-3{--px:84.64101615%;--py:32.0%;--planet-hue:202}
.mp-position-4{--px:90.0%;--py:50.0%;--planet-hue:211}
.mp-position-5{--px:84.64101615%;--py:68.0%;--planet-hue:220}
.mp-position-6{--px:70.0%;--py:81.17691454%;--planet-hue:229}
.mp-position-7{--px:50.0%;--py:86.0%;--planet-hue:238}
.mp-position-8{--px:30.0%;--py:81.17691454%;--planet-hue:247}
.mp-position-9{--px:15.35898385%;--py:68.0%;--planet-hue:256}
.mp-position-10{--px:10.0%;--py:50.0%;--planet-hue:265}
.mp-position-11{--px:15.35898385%;--py:32.0%;--planet-hue:274}
.mp-position-12{--px:30.0%;--py:18.82308546%;--planet-hue:283}
/* Le solo réserve une colonne étroite dans cette scène ; Horizon à deux garde son suivi de travaux. */




@media(max-width:480px){
.mp-galaxy-shell .orbit-planet.mp-position-1{--px:50.0%}
.mp-galaxy-shell .orbit-planet.mp-position-2{--px:72.0%}
.mp-galaxy-shell .orbit-planet.mp-position-3{--px:88.10511777%}
.mp-galaxy-shell .orbit-planet.mp-position-4{--px:94.0%}
.mp-galaxy-shell .orbit-planet.mp-position-5{--px:88.10511777%}
.mp-galaxy-shell .orbit-planet.mp-position-6{--px:72.0%}
.mp-galaxy-shell .orbit-planet.mp-position-7{--px:50.0%}
.mp-galaxy-shell .orbit-planet.mp-position-8{--px:28.0%}
.mp-galaxy-shell .orbit-planet.mp-position-9{--px:11.89488223%}
.mp-galaxy-shell .orbit-planet.mp-position-10{--px:6.0%}
.mp-galaxy-shell .orbit-planet.mp-position-11{--px:11.89488223%}
.mp-galaxy-shell .orbit-planet.mp-position-12{--px:28.0%}
}

/* Carte 20 × 20 et aperçu d’un système — aucune information cachée calculée au client. */
.mp-map-and-preview{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:20px;padding:12px 20px 22px;align-items:start}
.mp-atlas-pane,.mp-system-summary{min-width:0}
.mp-map-scroll{overflow:auto;border:1px solid #8aa2bd44;border-radius:12px;background:#06111dcc;scrollbar-width:thin}
.mp-galaxy-atlas{width:100%;min-width:460px;border-collapse:separate;border-spacing:2px;table-layout:fixed;padding:8px}
.mp-galaxy-atlas caption{text-align:left;padding:12px;color:var(--muted);font-size:12px}
.mp-galaxy-atlas th{font-size:10px;font-weight:400;color:#a9bdd0;text-align:center;height:20px;padding:0}
.mp-galaxy-atlas th:first-child{width:28px;font-size:9px}
.mp-galaxy-atlas td{padding:0;line-height:0;border:0}
.mp-system-cell{display:block;width:100%;aspect-ratio:1;min-height:0;padding:0;border:1px solid #54708a44;border-radius:4px;background:#112334;color:#91b1cd;line-height:1;font-size:14px}
.mp-system-cell.own{color:var(--green);background:#18383a;border-color:#80c6ac66}
.mp-system-cell.observed{background:#234463;color:#c1deee;border-color:#679fc080}
.mp-system-cell[aria-pressed=true]{color:#15202b;background:var(--gold);border:2px solid #ffe0a9}
.mp-system-cell:hover{border-color:#dfc28b;background:#3e4d59}
.mp-system-cell:focus-visible{outline:2px solid white;outline-offset:1px}
.mp-map-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;margin:14px 0 10px;color:var(--muted)}
.mp-map-legend span:before{content:'●';margin-right:5px;color:var(--gold)}
.mp-map-legend .own:before{color:var(--green)}.mp-map-legend .observed:before{color:#90bade}
.mp-system-summary{padding:18px 12px;border:1px solid #8aa2bd44;background:#0c1b2ae8;border-radius:14px}
.mp-system-summary h3{font-size:20px;margin:8px 0 0}.mp-system-summary p{margin:10px 0}
.mp-system-summary .system-map.mp-system-preview{height:280px;margin:8px 0}
.mp-system-preview .orbit-planet{width:34px;min-height:42px;padding:3px 0;font-size:10px;gap:3px}
.mp-system-preview .planet-sphere{width:19px;height:19px}
.mp-system-preview .mp-orbit-name{display:none}
.mp-system-preview .system-star{width:32px;height:32px}
.mp-system-preview .star-caption{top:calc(50% + 24px);font-size:8px}
.mp-preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:12px;border-top:1px solid #8aa2bd33;padding-top:12px}
.mp-preview-stats p{margin:0 0 5px}
.mp-system-summary>.primary{width:100%;margin:8px 0}
@media(max-width:1100px){.mp-map-and-preview{grid-template-columns:minmax(0,1fr)}.mp-system-summary .system-map.mp-system-preview{max-width:440px;margin:8px auto}}
@media(max-width:760px){.mp-map-and-preview{padding:12px;gap:16px}.mp-system-summary{padding:16px}.mp-map-legend{gap:10px}}
.mp-system-preview .orbit-planet{width:28px}
.mp-galaxy-atlas{min-width:420px}
.mp-system-cell{font-size:12px}

/* Lecture spatiale : étoiles et repères discrets, aperçu direct sur les petits écrans. */
.mp-map-scroll{background:radial-gradient(ellipse at 24% 30%,#1f537b55,transparent 65%),linear-gradient(145deg,#05111bc9,#081323ed),url('/horizon/assets/galaxie-v1.jpg') center/cover;border-color:#8fa9c833;box-shadow:inset 0 0 70px #02081288}
.mp-galaxy-atlas{border-spacing:0;padding:10px;min-width:420px}
.mp-galaxy-atlas caption{padding:16px 14px 8px;color:#bed0e0;letter-spacing:.03em}
.mp-galaxy-atlas th{height:24px;color:#8399b0;font-size:10px}
.mp-galaxy-atlas td:nth-child(6),.mp-galaxy-atlas td:nth-child(11),.mp-galaxy-atlas td:nth-child(16){border-right:1px solid #b6c6dc0c}
.mp-galaxy-atlas tr:nth-child(5n) td{border-bottom:1px solid #b6c6dc0c}
.mp-system-cell,.mp-system-cell.own,.mp-system-cell.observed{position:relative;background:transparent;border:1px solid transparent;border-radius:50%;aspect-ratio:1;box-shadow:none}
.mp-system-cell span{display:block;font-size:0;width:3px;height:3px;background:#a8c1db;opacity:.6;box-shadow:0 0 6px #a5d8ff77;border-radius:50%;margin:auto}
.mp-system-cell.own span{width:5px;height:5px;background:#a1e0c4;opacity:1;box-shadow:0 0 12px #8ed8b5}
.mp-system-cell.observed span{width:4px;height:4px;background:#c1e3f7;opacity:1;box-shadow:0 0 10px #7dc3ed99}
.mp-system-cell.own:after{content:'';position:absolute;inset:3px;border:1px solid #8ed8b555;border-radius:50%}
.mp-system-cell[aria-pressed=true]{background:#e7c88b10;border:1px solid #e6c68f;box-shadow:0 0 14px #e7c88b44}
.mp-system-cell[aria-pressed=true] span{width:5px;height:5px;opacity:1;background:#ffe8b8;box-shadow:0 0 12px #e7c88b}
.mp-system-cell:hover{background:#e7c88b20;border-color:#e7c88b88}
.mp-system-cell:focus-visible{outline:2px solid #f5e1b6;outline-offset:1px}
.mp-system-summary{background:linear-gradient(160deg,#172b3bce,#081523ed);border-color:#9ab1c138;box-shadow:0 18px 35px #0002}
.mp-system-summary .eyebrow{color:#d5ba87;letter-spacing:.12em}
.mp-system-summary h3{font-family:Horizon,Inter,sans-serif;font-size:23px}
.mp-preview-stats{gap:10px 14px;padding-top:14px;color:var(--muted)}
.mp-preview-stats strong{display:block;color:#e3edf5;font-size:21px;margin-bottom:3px;font-weight:500}
.mp-preview-position{padding:12px;border-radius:9px;border:1px solid #d5ba872b;background:#d5ba8708}
.mp-map-selection-strip{display:none;align-items:center;gap:12px;justify-content:space-between;padding:16px 20px 0}
.mp-map-selection-strip strong{display:block;margin-top:5px;font-size:15px}
.mp-map-selection-strip button{font-size:13px}
.mp-map-coordinates{margin:0 20px 20px;border-top:1px solid #a6bfd329;padding-top:14px;color:var(--muted);font-size:13px}
.mp-map-coordinates summary{cursor:pointer;min-height:35px}
.mp-map-coordinates .mp-system-form{padding:8px 0}
.mp-preview-dialog{border:0;padding:8px 0;box-shadow:none;background:transparent}
.mp-preview-dialog .system-map.mp-system-preview{height:280px;max-width:420px;margin:8px auto}
#detail:has([data-map-preview]) .mp-detail-head>span{display:none}
#detail:has([data-map-preview]) .mp-detail-head{justify-content:flex-end;margin-bottom:0}
#detail:has([data-map-preview]){max-width:500px}
@media(max-width:1100px){.mp-map-and-preview>.mp-system-summary{display:none}.mp-map-selection-strip{display:flex}.mp-map-and-preview{padding-top:18px}.mp-map-coordinates{margin-inline:20px}}
@media(max-width:760px){.mp-map-selection-strip{padding:14px 12px 0}.mp-map-coordinates{margin-inline:12px}.mp-preview-stats strong{font-size:19px}}
.mp-atlas-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.mp-atlas-tools button{font-size:12px;padding:7px 11px;min-height:36px}
.mp-map-scroll.mp-map-zoomed{max-height:520px}
.mp-map-zoomed .mp-galaxy-atlas{min-width:680px}

/* Audit G-09 / MOB-07 : lecture et sélection, sans ordre de jeu. */
.mp-system-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 20px}
.mp-system-navigation button{min-height:44px;min-width:44px;padding:8px 12px}
.mp-system-navigation>span{font-size:13px;white-space:nowrap;color:var(--muted)}
.mp-coordinate-pair{margin:0 24px 12px;color:var(--muted);font-size:13px}
.mp-coordinate-pair summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
.mp-galaxy-shell .mp-coordinate-pair .mp-system-form{padding:8px 0}
.mp-system-form:has(#system-address) label{max-width:190px;min-width:140px}
.mp-galaxy-shell .mp-system-form button,.mp-atlas-tools button,.mp-map-selection-strip button{min-height:44px}
.mp-sector-tools{display:none}
.planet-sphere.allied{border:2px solid #85bdff}
.mp-system-cell.allied span{width:6px;height:6px;opacity:1;background:#85bdff;box-shadow:0 0 10px #85bdff88}
.mp-system-cell.foreign span{width:6px;height:6px;opacity:1;background:#f2b778;box-shadow:0 0 10px #f2b77888}
.mp-map-legend .allied:before{color:#85bdff}.mp-map-legend .foreign:before{color:#f2b778}
.mp-system-preview .orbit-planet{width:44px;min-height:44px;height:44px;padding:2px;gap:2px}
@media(max-width:700px),(any-pointer:coarse){
  .mp-sector-tools{display:block;margin-bottom:12px}
  .mp-sector-tools p{font-size:13px;color:var(--muted);margin:0 0 8px}
  .mp-sector-tools>div{display:flex;gap:8px}
  .mp-sector-tools button{min-width:44px;min-height:44px;padding:8px;font-size:18px}
  .mp-galaxy-atlas,.mp-map-zoomed .mp-galaxy-atlas{min-width:0;width:100%;padding:4px;table-layout:fixed}
  .mp-galaxy-atlas tbody tr:not(:has(.mp-sector-visible)),.mp-galaxy-atlas td:not(.mp-sector-visible),.mp-galaxy-atlas thead th:not(.mp-sector-visible):not(.mp-sector-axis){display:none}
  .mp-galaxy-atlas th:first-child{width:22px}
  .mp-system-cell{min-width:44px;min-height:44px;aspect-ratio:1;border-radius:8px}
  .mp-system-cell span{width:6px;height:6px;opacity:.9}
  .mp-galaxy-atlas caption{font-size:11px;padding:12px 4px}
  .mp-atlas-tools [data-action=galaxy-map-zoom]{display:none}
  .mp-system-navigation{padding:12px}
  .mp-system-navigation button{font-size:12px;padding:8px}
  .mp-coordinate-pair{margin-inline:16px}
  .mp-system-summary .system-map.mp-system-preview{height:340px}
  .mp-galaxy-shell .orbit-planet{width:44px;min-height:44px;height:44px;padding:2px;gap:2px;font-size:10px}
  .mp-galaxy-shell .orbit-planet .planet-sphere{width:22px;height:22px}
  .mp-galaxy-shell .orbit-planet.mp-position-4{--px:90%}
  .mp-galaxy-shell .orbit-planet.mp-position-10{--px:10%}
}

/* MP-010 : retrouver les couleurs et les illustrations d'Horizon. */
.mp-icon-badge{--icon-color:#e5bd76;--icon-wash:#e5bd7615;display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border:1px solid #ffffff0b;border-radius:9px;color:var(--icon-color);background:linear-gradient(145deg,var(--icon-wash),#ffffff02);vertical-align:middle}
.mp-icon-badge svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.mp-icon-badge[data-icon=colonie],.mp-icon-badge[data-icon=planets]{--icon-color:#8ac8ed;--icon-wash:#7bc3ef20}
.mp-icon-badge[data-icon=recherches],.mp-icon-badge[data-icon=pve]{--icon-color:#74d7d0;--icon-wash:#66d4ce20}
.mp-icon-badge[data-icon=talents],.mp-icon-badge[data-icon=tree],.mp-icon-badge[data-icon=points]{--icon-color:#c6a5f5;--icon-wash:#b395ee20}
.mp-icon-badge[data-icon=flottes],.mp-icon-badge[data-icon=missions]{--icon-color:#91b9ff;--icon-wash:#80a8ef20}
.mp-icon-badge[data-icon=galaxie],.mp-icon-badge[data-icon=map],.mp-icon-badge[data-icon=system]{--icon-color:#b9afff;--icon-wash:#aa9bee20}
.mp-icon-badge[data-icon=alliance],.mp-icon-badge[data-icon=profiles],.mp-icon-badge[data-icon=port]{--icon-color:#8ad4ae;--icon-wash:#79c89c20}
.mp-icon-badge[data-icon=messagerie],.mp-icon-badge[data-icon=dock]{--icon-color:#83d2e3;--icon-wash:#70c4df20}
.mp-icon-badge[data-icon=journal],.mp-icon-badge[data-icon=specialistes]{--icon-color:#e5ac92;--icon-wash:#dd9a8020}
.mp-icon-badge[data-icon=pirates]{--icon-color:#ef9998;--icon-wash:#df888820}
.primary-nav a{gap:10px;padding:8px 9px;min-height:48px;color:#bdcbd9}
.primary-nav a[aria-current=page]{background:linear-gradient(100deg,#d4b27518,#d4b27506);border-color:#d4b27540}
.primary-nav a:hover .mp-icon-badge,.primary-nav a[aria-current=page] .mp-icon-badge{border-color:var(--icon-color);box-shadow:0 0 18px var(--icon-wash)}
.page-head h1{display:flex;align-items:center;gap:12px}.page-head h1 .mp-icon-badge{width:42px;height:42px;border-radius:13px}.page-head h1 svg{width:26px;height:26px}
#show-work{display:inline-flex;align-items:center;gap:8px}#show-work .mp-icon-badge{width:24px;height:24px;border:0;background:transparent}
.mp-content .subnav{gap:6px}.mp-content .subnav a,.mp-talent-nav button,.mp-galaxy-tabs button,.view-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.mp-content .subnav .mp-icon-badge,.mp-talent-nav .mp-icon-badge,.mp-galaxy-tabs .mp-icon-badge,.view-switch .mp-icon-badge{width:23px;height:23px;border:0;border-radius:6px;background:var(--icon-wash)}
.mp-content .subnav .mp-icon-badge svg,.mp-talent-nav svg,.mp-galaxy-tabs svg,.view-switch svg{width:17px;height:17px}
.mp-mobile-nav>a,.mp-mobile-nav summary,.mp-mobile-nav details nav a{display:flex;align-items:center;gap:7px}
.mp-mobile-nav .mp-icon-badge{width:25px;height:25px;border-radius:7px}.mp-mobile-nav svg{width:17px;height:17px}
.mp-mobile-nav details nav a{padding:9px}.mp-mobile-nav summary{list-style:none}.mp-mobile-nav summary::-webkit-details-marker{display:none}
.mp-mobile-nav summary::after{content:'⌄';color:var(--muted);margin-left:1px}
.mp-mobile-nav [aria-current=page]{background:#d4b27512;border-radius:8px}
.topbar{grid-template-columns:170px minmax(0,1fr) auto;gap:16px}.topbar .brand{gap:8px}.topbar .brand img{width:32px;height:32px}.topbar .brand>span{min-width:0}.topbar .mp-session{display:none}
.resourcebar{gap:8px;max-width:none}
.resourcebar button.resource{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto auto;gap:3px 7px;padding:8px;min-height:78px;border:1px solid #ffffff0d;border-radius:11px;background:linear-gradient(145deg,#ffffff05,#ffffff01);position:relative}
.resourcebar button.resource:hover{background:#ffffff08;border-color:#c3d3e32b}.resourcebar button.resource:focus-visible{outline-offset:2px;border-radius:11px}
.mp-resource-art{display:inline-block;flex:none;width:28px;height:28px;background-image:url('/resource-atlas.png');background-size:200% 200%;background-repeat:no-repeat;background-position:0 0;vertical-align:middle}
.mp-resource-art[data-material="1"]{background-position:100% 0}.mp-resource-art[data-material="2"]{background-position:0 100%}.mp-resource-art[data-material="3"]{background-position:100% 100%}
.resourcebar .mp-resource-art{width:42px;height:42px;grid-column:1;grid-row:1/4;align-self:center;filter:drop-shadow(0 2px 8px #0006)}
.resourcebar .resource>.name,.resourcebar .resource>strong,.resourcebar .resource>.rate{grid-column:2;min-width:0}.resourcebar .resource>.name{font-size:12px;color:#c3cdd8}.resourcebar .resource>strong{font-size:18px;white-space:nowrap;letter-spacing:-.025em}.resourcebar .resource>.rate{font-size:11px;color:#98afbd}
.resourcebar .resource[data-material="1"]{border-color:#6acaf326;background:linear-gradient(145deg,#6acaf308,#ffffff01)}.resourcebar .resource[data-material="1"] strong{color:#9adcf7}
.resourcebar .resource[data-material="2"]{border-color:#e5a45426;background:linear-gradient(145deg,#e5a45408,#ffffff01)}.resourcebar .resource[data-material="2"] strong{color:#ecc08a}
.resourcebar .resource[data-material="3"]{border-color:#edcf7726;background:linear-gradient(145deg,#edcf7708,#ffffff01)}.resourcebar .resource[data-material="3"] strong{color:#edd58e}
.mp-resource-amount{display:inline-flex;align-items:center;gap:5px;min-width:0;color:#d4dce5;white-space:nowrap;font-variant-numeric:tabular-nums}.mp-resource-amount .mp-resource-art{width:22px;height:22px}.mp-resource-amount small{font-size:10px;color:#a8b9c9}
.mp-resource-amount[data-material="1"]{color:#a8dcf4}.mp-resource-amount[data-material="2"]{color:#ecc08a}
.mp-specs .mp-resource-stat{display:grid;grid-template-columns:42px minmax(0,1fr);gap:5px 12px;align-items:center}.mp-resource-stat>.mp-resource-art{grid-column:1;grid-row:1/4;width:42px;height:42px}.mp-resource-stat>span:not(.mp-resource-art),.mp-resource-stat>strong,.mp-resource-stat>small{grid-column:2}
.mp-energy-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mp-energy-summary .mp-resource-art{width:32px;height:32px}
@media(max-width:1400px){.primary-nav a{font-size:13px}}
@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}.resourcebar{grid-row:2;grid-column:1/-1}.resourcebar button.resource{min-height:72px}.resourcebar .resource>strong{font-size:18px}}

@media(max-width:760px){.topbar{gap:12px;padding:12px 16px}.resourcebar{gap:6px}.resourcebar button.resource{display:flex;align-items:flex-start;gap:4px;padding:7px 6px;min-height:111px}.resourcebar .mp-resource-art{width:32px;height:32px;align-self:flex-start}.resourcebar .resource>strong{font-size:16px}.resourcebar .resource>.name{font-size:11px}.resourcebar .resource>.rate{font-size:10px}.mp-mobile-nav{gap:4px;padding:8px 12px}.mp-mobile-nav>a,.mp-mobile-nav summary{font-size:13px;padding:5px 6px}.page-head h1{gap:9px}.page-head h1 .mp-icon-badge{width:34px;height:34px}.page-head h1 svg{width:22px;height:22px}.mp-content .subnav a{font-size:13px;padding:8px}.mp-content .subnav{gap:4px}.mp-content .subnav .mp-icon-badge{width:20px;height:20px}}
@media(max-width:480px){.topbar{padding:12px 10px}.resourcebar{gap:4px}.resourcebar button.resource{padding:6px 4px}.resourcebar .resource>strong{font-size:14px}.resourcebar .resource>.rate{font-size:9px}.resourcebar .resource>.name{font-size:10px}.resourcebar .mp-resource-art{width:29px;height:29px}.mp-mobile-nav{padding:8px 7px}.mp-mobile-nav .mp-icon-badge{width:22px;height:22px}.mp-mobile-nav>a,.mp-mobile-nav summary{font-size:12px;gap:4px;padding:5px 4px}.page-head h1{font-size:25px}}
.mp-collection-tools [data-action=collection-view],.mp-content .filters label{display:inline-flex;align-items:center;gap:6px}
.mp-collection-tools [data-action=collection-view] .mp-icon-badge,.mp-content .filters label .mp-icon-badge{width:22px;height:22px;border:0;background:transparent}
.mp-detail .progression-table th>.mp-resource-art{width:22px;height:22px;margin-right:4px}.mp-costs .warning .mp-resource-amount{color:var(--orange)}
.mp-content .filters>button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.mp-content .filters>button>.mp-icon-badge{width:22px;height:22px;border:0;background:transparent}
@media(max-width:760px){.mp-mobile-nav{display:grid;grid-template-columns:1fr 1.65fr 1fr .8fr;align-items:stretch;gap:4px}.mp-mobile-nav>a,.mp-mobile-nav summary{flex-direction:column;justify-content:center;gap:4px;font-size:12px;min-height:54px;padding:5px 2px;text-align:center}.mp-mobile-nav summary::after{display:none}.mp-mobile-nav details nav{top:60px}.mp-mobile-nav details nav a{flex-direction:row;text-align:left}.mp-mobile-nav details{min-width:0}.mp-mobile-nav summary{height:100%}}
@media(max-width:400px){.resourcebar .resource>strong{font-size:clamp(12px,3.7vw,14px)}.mp-mobile-nav>a,.mp-mobile-nav summary{font-size:11px}}

/* F-15 : favoris privés de galaxie */
.mp-bookmark-star{color:#f0d493;white-space:nowrap}.mp-bookmark-marker{color:#ffe39b;font-size:.8rem;line-height:1.2}.mp-bookmark-note{white-space:pre-wrap;overflow-wrap:anywhere}#bookmark-form textarea{width:100%;min-height:7rem}#bookmark-form label{min-width:0}#bookmark-filters{margin-block:1rem}.mp-bookmark-marker[title]{cursor:help}

/* F-17 : préférences privées de présentation et formulaires du compte. */
.mp-account-settings{display:grid;gap:20px;min-width:0}
.mp-account-settings form,.mp-account-settings fieldset{display:grid;gap:14px;min-width:0}
.mp-account-settings fieldset{border:0;padding:0;margin:0}
.mp-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mp-account-settings label{display:grid;gap:7px;min-width:0}
.mp-account-settings input,.mp-account-settings select{max-width:100%;min-width:0;width:100%}
.mp-account-settings .mp-setting-check{display:flex;align-items:center;gap:10px}
.mp-account-settings input[type=checkbox]{width:18px;height:18px;flex-shrink:0}
.mp-compact .mp-content .art-button{display:none}
.mp-compact .mp-content .planet-hero{background-image:none;padding:20px}
.mp-compact .mp-content .building-body{padding:14px}
.mp-reduced-motion *, .mp-reduced-motion *::before,.mp-reduced-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:760px){.mp-settings-grid{grid-template-columns:1fr}.mp-account-settings .panel{padding:18px}.header-tools .btn{font-size:12px;padding:7px 10px}}

/* Audit F-06 / G-06 : catégories identiques dans le résumé et les mouvements. */
.mp-flight{min-width:0;border-left:4px solid;overflow-wrap:anywhere}
.mp-flight-own{color:#91d5ac}.mp-flight-friendly{color:#92c5ff}.mp-flight-hostile{color:#ffb4b4}
article.mp-flight-own{color:inherit;border-left-color:#91d5ac}article.mp-flight-friendly{color:inherit;border-left-color:#92c5ff}article.mp-flight-hostile{color:inherit;border-left-color:#ff9d9d}
.mp-flight-route{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.mp-flight-location{white-space:normal;text-align:left;min-width:0;max-width:100%;padding:5px 0}
.mp-flight p{margin:7px 0}.mp-flight .actions{flex-wrap:wrap}.mp-flight-summary span.mp-flight-own{color:#91d5ac}.mp-flight-summary span.mp-flight-friendly{color:#92c5ff}.mp-flight-summary span.mp-flight-hostile{color:#ffb4b4}
.mp-incoming-alert{padding:14px 16px;border:1px solid #ee7777;background:#411f2a;border-radius:10px;margin-bottom:14px;color:#ffd2d2}.mp-incoming-alert a{color:inherit}
.mp-threat-badge{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:12px;background:#762a35;color:#fff;font-size:12px}
@media(max-width:600px){.mp-flight-summary{display:flex;gap:8px 12px;padding:12px}.mp-flight-summary>a{width:100%}.mp-flight .section-head{align-items:start;flex-wrap:wrap}.mp-flight-route{align-items:start;flex-direction:column}.mp-flight-summary span{font-size:12px}}
/* F-03 : instantané privé des colonies, tableau et cartes tactiles. */
.empire-view{min-width:0}
.empire-view .section-head{gap:12px;flex-wrap:wrap}
.empire-view .section-head button{min-height:44px}
.empire-table-scroll{max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:12px}
.empire-table{margin:0;min-width:100%;width:max-content;border-collapse:separate;border-spacing:0}
.empire-table caption{text-align:left;padding:14px;color:var(--muted)}
.empire-table th,.empire-table td{min-width:145px;padding:12px;text-align:right;vertical-align:middle;border-bottom:1px solid var(--border)}
.empire-table th:first-child{text-align:left;min-width:220px;max-width:250px}
.empire-table thead th{color:var(--text)}
.empire-table small{display:block;font-size:12px;color:var(--muted)}
.empire-table .empire-section th{background:#172330;text-align:left;color:var(--gold);padding:14px}
.empire-table .empire-total{background:#192938;font-weight:600}
.empire-level{min-width:44px;min-height:44px;color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.empire-level:focus-visible,.empire-table-scroll:focus-visible,.empire-colonies:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.empire-mobile{display:none}
.empire-view [data-empire-tone="metal"]{--empire-accent:#d4dce5;--empire-wash:#9fb7cc0d;--empire-heading:#9fb7cc21}
.empire-view [data-empire-tone="crystal"]{--empire-accent:#a8dcf4;--empire-wash:#62bff010;--empire-heading:#62bff025}
.empire-view [data-empire-tone="fuel"]{--empire-accent:#ecc08a;--empire-wash:#edab5410;--empire-heading:#edab5425}
.empire-view [data-empire-tone="energy"]{--empire-accent:#f0d77f;--empire-wash:#f0d77f0d;--empire-heading:#f0d77f20}
.empire-view [data-empire-tone="terrain"]{--empire-accent:#a3d7b5;--empire-wash:#73c99a0d;--empire-heading:#73c99a20}
.empire-view [data-empire-tone="buildings"]{--empire-accent:#d0b4f0;--empire-wash:#b58be80a;--empire-heading:#b58be824}
.empire-view [data-empire-tone="fleet"]{--empire-accent:#8ed5de;--empire-wash:#56becb0a;--empire-heading:#56becb24}
.empire-label{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;max-width:100%}
.empire-label .mp-resource-art,.empire-label .mp-icon-badge{width:24px;height:24px;flex:none}
.empire-label .mp-icon-badge{color:var(--empire-accent);border:0;background:transparent}
.empire-label .mp-icon-badge svg{width:20px;height:20px}
.empire-label>span:last-child{min-width:0;overflow-wrap:anywhere}
.empire-table thead .empire-colony-heading{text-align:center;background:linear-gradient(180deg,#26405a66,#18243133);border-top:2px solid #789dc065}
.empire-colony-name{display:block;font-size:15px;max-width:210px;margin:auto;overflow-wrap:anywhere}
.empire-planet{display:flex;justify-content:center;margin:10px auto}
.empire-planet .mp-planet-image{display:block;width:80px;height:80px;object-fit:cover;box-shadow:0 0 24px #86b8dd18}
.empire-table tbody tr[data-empire-tone]>th,.empire-table tbody tr[data-empire-tone]>td{background:var(--empire-wash)}
.empire-table tbody tr[data-empire-tone]>th{color:var(--empire-accent);border-left:3px solid var(--empire-accent)}
.empire-table tbody tr[data-empire-tone]>td{color:var(--empire-accent)}
.empire-table tbody tr[data-empire-tone]>.empire-total{background:var(--empire-heading);border-left:1px solid #ffffff12}
.empire-table .empire-section[data-empire-tone]>th{background:var(--empire-heading);font-size:14px}
.empire-table [data-empire-tone] .empire-level{color:var(--empire-accent);background:#b58be80e;border-color:#b58be833}
.empire-table [data-empire-tone] .empire-level:hover{background:#b58be82b;border-color:var(--empire-accent)}
.primary-nav a[href="#empire"],.mp-mobile-nav a[href="#empire"]{--nav-color:#a6c8ef}
@media(max-width:760px){
 .empire-desktop{display:none}.empire-mobile{display:block}
 .empire-summary{margin:12px 0}.empire-summary h2,.empire-colony h2{font-size:20px}
 .empire-colonies{display:flex;gap:12px;overflow-x:auto;max-width:100%;padding:4px 2px 16px;scroll-snap-type:x mandatory;align-items:flex-start;overscroll-behavior-x:contain}
 .empire-colony{flex:0 0 92%;min-width:0;scroll-snap-align:start;padding:16px}
 .empire-mobile dl{margin:12px 0}.empire-mobile dl>div{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}
 .empire-mobile dt{flex:1;min-width:0;font-size:13px}.empire-mobile dd{margin:0;text-align:right;max-width:65%;font-size:14px;overflow-wrap:anywhere}
 .empire-mobile dd small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
 .empire-mobile details{border-top:1px solid var(--border);padding:8px 0}.empire-mobile summary{min-height:44px;display:list-item;align-content:center;cursor:pointer}
 .empire-colony-heading{text-align:center;padding-bottom:8px;border-bottom:1px solid #8eb9dd38}
 .empire-colony-heading h2{overflow-wrap:anywhere}
 .empire-mobile dl>div[data-empire-tone]{border-left:3px solid var(--empire-accent);background:var(--empire-wash);padding:10px 8px;margin:4px 0;border-radius:0 6px 6px 0}
 .empire-mobile [data-empire-tone]>dt,.empire-mobile [data-empire-tone]>dd{color:var(--empire-accent)}
 .empire-mobile dd{max-width:58%}
 .empire-mobile summary{padding:8px;color:var(--empire-accent);background:var(--empire-heading);border-radius:8px;font-size:14px}
 .empire-mobile summary .empire-label{max-width:calc(100% - 22px)}
 .empire-mobile .empire-label{gap:5px}
 .empire-mobile .empire-label .mp-resource-art,.empire-mobile .empire-label .mp-icon-badge{width:20px;height:20px}
}

/* Horloge partagée : largeur stable, y compris à la seconde suivante. */
.mp-server-clock{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:480px){.header-tools{flex-wrap:wrap;justify-content:flex-end;gap:6px}.mp-server-clock{font-size:11px}}
/* Audit 03 : choix propre à l'onglet, liste et renommage. */
#mobile-colony-slot{display:none}.mp-layout .planet-small{display:block;padding:0;min-width:0}
.mp-colonies{width:100%;min-width:0}.mp-colonies h2{font-size:14px;display:flex;justify-content:space-between;gap:8px;margin:0 0 12px}.mp-colonies h2 small{white-space:nowrap;color:var(--muted)}
.mp-colony-list{display:grid;gap:8px}.mp-colony-row{display:flex;min-width:0;align-items:center;gap:2px}.mp-colony-choice{display:flex;align-items:center;gap:8px;text-align:left;flex:1;min-width:0;min-height:64px;padding:8px 4px;border:1px solid transparent;background:transparent}.mp-colony-choice[aria-current]{border-color:var(--gold);background:#bba36812}.mp-colony-choice>span:last-child{min-width:0}.mp-colony-choice strong,.mp-colony-chip strong{display:block;overflow-wrap:anywhere;font-size:13px}.mp-colony-choice small,.mp-colony-chip small{display:block;color:var(--muted);font-size:11px}.mp-colony-flags{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.mp-colony-edit{padding:6px;min-width:32px;min-height:44px;background:transparent;flex-shrink:0}.mp-colony-thumb{display:block!important;width:40px!important;height:40px!important;flex-shrink:0;object-fit:contain;border-radius:50%}.mp-colony-placeholder{background:#607c9233;color:#a5bfd3;text-align:center;line-height:40px;font-size:24px}.mp-colony-chip{display:flex;align-items:center;gap:8px;min-height:48px;text-align:left;max-width:100%;width:100%;padding:6px 10px}.mp-colony-chip>span:last-child{min-width:0}
@media(max-width:760px){#mobile-colony-slot{display:block;grid-column:1/-1;width:100%;min-width:0}.topbar{position:sticky;top:0;z-index:40}.mp-colony-chip .mp-colony-thumb{width:32px!important;height:32px!important;line-height:32px;font-size:20px}.mp-colony-chip>span:last-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mp-colonies-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:85dvh;border-radius:16px 16px 0 0}.mp-colonies-sheet .mp-colony-choice{min-height:56px;padding:8px}.mp-colonies-sheet .mp-colony-edit{min-width:44px}.mp-colonies-sheet .mp-colony-thumb{width:32px!important;height:32px!important;line-height:32px}.mp-colonies-sheet .mp-detail{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(max-width:480px){.resourcebar .resource>strong{font-size:clamp(12px,3.7vw,14px)}.mp-mobile-nav>a,.mp-mobile-nav summary{font-size:11px}}

/* Navigation commune : mêmes colonnes sur chaque route.
   Seuils partagés (CSS natif, sans compilation) : 480 / 760 / 1100 / 1400 px. */
:root{--mp-header-height:108px;--mp-nav-width:180px;--mp-work-width:245px;--mp-bottom-space:0px}
html{scroll-padding-top:calc(var(--mp-header-height) + 16px);scroll-padding-bottom:var(--mp-bottom-space);scrollbar-gutter:stable}
body:has(dialog[open]){overflow:hidden}
.topbar{grid-template-columns:135px 180px minmax(0,1fr) auto;gap:12px;min-height:0}
.topbar .brand{font-size:19px}.topbar .brand small{font-size:10px}
.mp-header-colony{min-width:0}.mp-header-colony .mp-colony-select{display:grid;gap:3px;margin:0;font-size:12px}
.mp-header-colony select{width:100%;min-width:0;max-width:100%;min-height:44px;font-size:14px}
.topbar .header-tools{gap:8px}
.mp-status{padding:0;background:transparent;border:0;gap:8px;font-size:14px}
.mp-status:not(.error){width:24px;min-height:44px;justify-content:center}
.mp-status:not(.error) .mp-status-label,.mp-status:not(.error) p{position:absolute;width:1px;min-width:0;max-width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.mp-connection-dot{color:var(--green)}.mp-status.error .mp-connection-dot{color:var(--orange)}
.mp-status.error{position:fixed;top:var(--mp-header-height);left:0;right:0;z-index:40;max-height:45dvh;overflow:auto;padding:12px 20px;background:#34291afa;border-bottom:1px solid var(--orange);box-shadow:0 8px 20px #0008}
.mp-status.error p{min-width:0;flex-basis:260px}.mp-status.error button{min-height:44px}
.mp-status:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.layout.mp-layout,.layout.mp-layout:has(.mp-galaxy-shell){grid-template-columns:var(--mp-nav-width) minmax(0,1fr) var(--mp-work-width);gap:20px;padding-top:20px}
.mp-layout>.sidebar{top:calc(var(--mp-header-height) + 16px);height:calc(100dvh - var(--mp-header-height) - 32px);min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;gap:12px;padding-right:4px}
.mp-layout .primary-nav{display:grid;gap:2px;flex-shrink:0}
.mp-layout .primary-nav a{min-height:40px;padding:6px 8px;font-size:14px}
.mp-layout .primary-nav .mp-icon-badge{width:28px;height:28px}.mp-layout .primary-nav svg{width:20px;height:20px}
.mp-layout .side-footer{font-size:12px;flex-shrink:0;margin-top:0}
.mp-work-slot{min-width:0}.mp-aside{margin-top:0}
.page-head{flex-wrap:wrap;gap:12px}.page-head>div{min-width:0;flex:1 1 220px}
.page-head h1{overflow-wrap:normal;word-break:normal;hyphens:none;line-height:1.25}
#show-work{flex-shrink:0;min-height:44px;white-space:nowrap}
.mp-work-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:20px;font-size:12px;color:var(--gold);background:#d4b27516;border:1px solid #d4b27540;font-variant-numeric:tabular-nums}
.mp-amount-compact,.mp-more-unread{display:none}
.mp-more-unread:not([hidden]){display:inline-grid;position:absolute;right:3px;top:1px;min-width:18px;height:18px;padding:0 3px;place-items:center;background:var(--gold);color:var(--bg);font-size:12px;border-radius:20px}
.mp-work-peek{display:none}
.mp-work-panel{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden}
.mp-work-panel[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.mp-work-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:var(--surface);border-bottom:1px solid var(--border)}
.mp-work-head h2{font-size:19px;min-width:0;overflow-wrap:anywhere}.mp-work-head button{min-width:44px;min-height:44px;font-size:24px;flex-shrink:0}
.mp-work-body{overflow:auto;overscroll-behavior:contain;padding:16px;min-height:0}
.mp-work-body .mp-aside{display:grid;gap:16px}.mp-work-body .panel+.panel{margin-top:0}
.mp-work-body .actions{flex-wrap:wrap}.mp-work-body button{min-height:44px;min-width:44px}
.mp-fleet-status{max-width:1632px;margin:14px auto 0;padding:0 20px 14px;border-bottom:1px solid var(--border);min-width:0}
.mp-fleet-status [data-traffic-tone="recon"]{--traffic-color:#f2dca3}
.mp-fleet-status [data-traffic-tone="survey"]{--traffic-color:#9bbfff}
.mp-fleet-status [data-traffic-tone="transport"]{--traffic-color:#a4d9f3}
.mp-fleet-status [data-traffic-tone="colonisation"]{--traffic-color:#d6b1ff}
.mp-fleet-status [data-traffic-tone="expedition"]{--traffic-color:#f2b8e5}
.mp-fleet-status [data-traffic-tone="extraction"]{--traffic-color:#a2df9b}
.mp-fleet-status [data-traffic-tone="collection"]{--traffic-color:#b7e8a0}
.mp-fleet-status [data-traffic-tone="raid"]{--traffic-color:#ffc17b}
.mp-fleet-status [data-traffic-tone="rescue"]{--traffic-color:#82dfca}
.mp-fleet-status [data-traffic-tone="incoming"]{--traffic-color:#ff9b9b}
.mp-fleet-status [data-traffic-tone="other"]{--traffic-color:#becbdb}
.mp-traffic-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:12px;margin-bottom:8px}
.mp-traffic-toolbar a{padding:6px 0}
.mp-traffic-details>summary{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;list-style:none;border-radius:8px;padding:4px 0}
.mp-traffic-details>summary::-webkit-details-marker{display:none}
.mp-traffic-title{display:flex;gap:8px;align-items:center;flex:none;font-size:14px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:#17283a}
.mp-traffic-title>span{background:#30455b;padding:1px 7px;border-radius:5px;font-variant-numeric:tabular-nums}
.mp-traffic-counts{display:flex;gap:6px;flex-wrap:wrap;min-width:0;flex:1}
.mp-traffic-count{color:var(--traffic-color);background:color-mix(in srgb,var(--traffic-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--traffic-color) 40%,transparent);border-radius:5px;padding:4px 7px;font-size:12px;white-space:nowrap}
.mp-traffic-chevron{margin-left:auto;transition:transform .15s}.mp-traffic-details[open] .mp-traffic-chevron{transform:rotate(180deg)}
.mp-fleet-status ol{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.mp-traffic-scroll{max-height:280px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;margin-top:8px;padding-right:2px}
.mp-traffic-row{display:grid;grid-template-columns:155px minmax(160px,1fr) minmax(185px,auto) 90px;gap:12px;align-items:center;border:1px solid var(--border);border-left:3px solid var(--traffic-color);border-radius:8px;padding:10px 12px;background:color-mix(in srgb,var(--traffic-color) 4%,#102031);font-size:13px;min-width:0}
.mp-traffic-type{color:var(--traffic-color);font-weight:600}.mp-traffic-type small{display:block;font-size:11px;font-weight:400;margin-top:3px}
.mp-traffic-route{min-width:0;overflow-wrap:anywhere}.mp-traffic-route small{display:block;margin-top:5px;font-size:12px;color:var(--muted)}
.mp-traffic-time{display:grid;gap:4px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.mp-traffic-time>span{color:var(--muted)}.mp-traffic-time strong{color:var(--traffic-color);font-weight:600}
.mp-traffic-row button,.mp-traffic-row>a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:7px 9px}
.mp-traffic-alert{border:1px solid #ff9b9b70;border-radius:10px;background:#411f2a;margin:0 0 12px;padding:12px;color:#ffd2d2}
.mp-traffic-alert>strong{display:block;margin-bottom:10px;font-size:14px}.mp-traffic-alert .mp-traffic-row{background:#321d2a}
.mp-traffic-empty{font-size:13px;padding:10px 0}.mp-traffic-details>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:760px){
 .mp-fleet-status{padding:0 12px 12px;margin-top:8px}
 .mp-traffic-toolbar{font-size:11px;gap:4px 10px}.mp-traffic-toolbar a{min-height:36px;display:inline-flex;align-items:center}
 .mp-traffic-details>summary{flex-wrap:wrap;gap:8px}.mp-traffic-title{font-size:13px;min-height:44px}
 .mp-traffic-counts{flex-basis:100%;order:3;gap:5px}.mp-traffic-count{font-size:11px;padding:4px 6px}
 .mp-traffic-scroll{max-height:260px}
 .mp-traffic-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:10px}
 .mp-traffic-type{grid-column:1/-1}.mp-traffic-route{grid-column:1/-1}.mp-traffic-time{text-align:left;font-size:12px}
 .mp-traffic-row button,.mp-traffic-row>a{align-self:end}.mp-traffic-alert{padding:10px}
}
.mp-guidance-wrap{min-width:0}.mp-guidance-wrap .guidance{margin:0}.mp-guidance-wrap>button{min-height:44px;font-size:14px;margin-top:4px}
.mp-guidance-restore{justify-self:start;min-height:44px;font-size:14px}
.mp-build-tabs{margin:0}.mp-build-tabs a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1400px){
  .resourcebar button.resource{min-height:66px}.resourcebar .mp-resource-art{width:34px;height:34px}.resourcebar .resource>strong{font-size:17px}
}
@media(max-width:1100px){
  .topbar{grid-template-columns:140px minmax(0,1fr) auto}.mp-header-colony{grid-column:2;grid-row:1}.topbar .header-tools{grid-column:3;grid-row:1}.resourcebar{grid-row:2;grid-column:1/-1}
  .layout.mp-layout,.layout.mp-layout:has(.mp-galaxy-shell){grid-template-columns:var(--mp-nav-width) minmax(0,1fr)}
  .mp-work-slot{display:none}.mp-work-peek{display:flex;align-items:center;justify-content:center;gap:10px;position:fixed;z-index:25;right:20px;bottom:20px;max-width:calc(100% - 40px);min-height:48px;padding:8px 14px;border-radius:30px;background:#192b3df5;box-shadow:0 8px 28px #0008;border:1px solid var(--gold);font-size:14px}
  .mp-work-peek>span:first-of-type{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mp-work-peek>.mp-icon-badge{flex-shrink:0}
  :root{--mp-bottom-space:84px}.mp-layout{padding-bottom:var(--mp-bottom-space)}#toast{bottom:88px}
}
@media(max-width:760px){
  :root{--mp-header-height:100px;--mp-bottom-space:calc(144px + env(safe-area-inset-bottom))}
  body{padding-bottom:0}html{scrollbar-gutter:auto}
  .topbar{position:sticky;top:0;z-index:30;grid-template-columns:minmax(0,1fr) 24px;grid-template-rows:44px 44px;gap:0 8px;padding:calc(6px + env(safe-area-inset-top)) 12px 6px;min-height:0}
  .topbar .brand{display:none}.mp-header-colony{grid-column:1;grid-row:1;margin-right:78px}.mp-header-colony .mp-colony-select{font-size:0;gap:0}.mp-header-colony select{font-size:16px;min-height:44px;padding:6px 4px;background:transparent;border-color:transparent}
  .topbar .header-tools{grid-column:2;grid-row:1;gap:0}.topbar .header-tools>button{display:none}
  .resourcebar{grid-row:2;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .resourcebar button.resource{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:6px 3px;min-height:44px;border-radius:8px;border-color:#ffffff14}
  .resourcebar .resource>.name,.resourcebar .resource>.rate,.mp-amount-full{display:none}.mp-amount-compact{display:inline}
  .resourcebar .mp-resource-art{width:22px;height:22px;align-self:center}.resourcebar .resource>strong{font-size:16px;letter-spacing:-.025em;line-height:1.2}
  .resourcebar button#resource-energy{position:absolute;top:calc(6px + env(safe-area-inset-top));right:44px;width:72px;border:0;background:transparent}.resourcebar #resource-energy .mp-resource-art{width:20px;height:20px}.resourcebar #resource-energy strong{font-size:14px}
  .layout.mp-layout,.layout.mp-layout:has(.mp-galaxy-shell){display:block;padding:18px 12px var(--mp-bottom-space)}
  .mp-layout .sidebar{display:none}.mp-content{gap:16px}.page-head{margin-bottom:16px;gap:8px;align-items:center;flex-wrap:wrap}.page-head>div{flex:1 1 190px}
  .page-head h1{font-size:clamp(22px,6vw,28px);gap:7px;letter-spacing:-.03em;overflow-wrap:normal;word-break:normal;hyphens:none;display:flex;align-items:center}
  .page-head h1 .mp-icon-badge{width:28px;height:28px;flex-shrink:0}.page-head h1 svg{width:20px;height:20px}.page-head .contextline{display:none}
  #show-work{padding:5px;gap:3px;min-width:44px}#show-work .mp-work-word{display:none}#show-work .mp-icon-badge{width:22px;height:22px}
  .mp-mobile-nav{display:grid;position:fixed;z-index:35;bottom:0;left:0;right:0;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:0;padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:#0b1625fa;border:0;border-top:1px solid var(--border);backdrop-filter:blur(14px)}
  .mp-mobile-nav>a,.mp-mobile-nav summary{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:4px 0;font-size:12px;white-space:nowrap;text-align:center}
  .mp-mobile-nav .mp-icon-badge{width:24px;height:24px}.mp-mobile-nav details{min-width:0}.mp-mobile-nav summary{height:100%}.mp-mobile-nav summary::after{display:none}
  .mp-mobile-nav details nav{position:fixed;top:auto;left:12px;right:12px;bottom:calc(70px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - var(--mp-header-height) - 90px - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;padding:8px;border-radius:12px;box-shadow:0 12px 40px #000b}
  .mp-mobile-nav details nav a,.mp-mobile-nav details nav button{display:flex;align-items:center;flex-direction:row;gap:10px;min-height:44px;padding:10px 12px;font-size:14px;white-space:normal;text-align:left;width:100%}
  .mp-work-peek{left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:none;min-height:48px;padding:8px 12px;gap:7px;font-size:14px}
  .mp-work-peek>.mp-work-count{flex-shrink:0}.mp-work-peek>.mp-icon-badge{width:26px;height:26px}
  .mp-work-panel{margin:auto 0 0;width:100%;max-width:100%;max-height:calc(100dvh - 12px - env(safe-area-inset-top));border-radius:18px 18px 0 0}
  .mp-work-head{padding:10px 12px}.mp-work-body{padding:12px 12px calc(16px + env(safe-area-inset-bottom))}.mp-work-body .mp-aside .panel{padding:16px}
  #app button,#app .btn,#app summary,.mp-detail button{min-height:44px}#app input:not([type=checkbox]):not([type=radio]),#app select,#app textarea,dialog input:not([type=checkbox]):not([type=radio]),dialog select,dialog textarea{font-size:16px;min-height:44px}
  .mp-resource-amount small,.mp-content .eyebrow,.mp-detail .eyebrow,.mp-content .tag,.mp-content .subnav a{font-size:12px}
  .mp-content .small,.mp-aside .small,.mp-detail .small,.mp-content .object-short,.mp-funding,.mp-content .section-note{font-size:14px}
  .mp-resource-amount{font-size:14px}.mp-content .panel{padding:16px}.mp-content .guidance{padding:14px}
  .mp-build-tabs{display:flex;gap:8px;flex-wrap:wrap}.mp-build-tabs a{flex:1;justify-content:center;font-size:14px}
  #toast{bottom:calc(132px + env(safe-area-inset-bottom));font-size:14px}
}
@media(max-width:480px){
  .page-head>div{flex-basis:190px}.resourcebar .resource>strong{font-size:15px}.mp-content .mp-stats{grid-template-columns:1fr}
}

.mp-mobile-nav details:not([open]) nav{display:none}

@media(max-height:700px){.mp-layout .side-footer{display:none}}
/* Journal privé : badges de colonie et rapports, y compris sur écran étroit. */
.mp-journal-entry{border:1px solid var(--border,#334155);border-radius:8px;overflow-wrap:anywhere;min-width:0}.mp-journal-entry .mp-event{border:0}.mp-event-colony{display:block;width:fit-content;max-width:100%;padding:3px 7px;margin-bottom:7px;border-radius:5px;background:rgba(111,165,202,.12);color:var(--muted);font-size:12px;overflow-wrap:anywhere}.mp-event-links{padding:0 14px 12px;flex-wrap:wrap}
/* Lot 06 : niveau achevé, proposition et variation sans confondre débit réel. */
.mp-effect-comparison{margin:12px 0;padding:10px;border:1px solid #53677e;border-radius:8px;min-width:0}
.mp-effect-levels{font-size:.78rem;color:#cedbeb;margin:0 0 8px}
.mp-effect-row{display:grid;gap:3px;margin:8px 0;overflow-wrap:anywhere}
.mp-effect-row>span,.mp-effect-row>small{font-size:.8rem;color:#b4c9de}
.mp-effect-row>strong{font-size:.92rem;white-space:normal}
.mp-effect-comparison>p:last-child{margin-bottom:0}
.mp-energy-deficit{color:#ffae9f!important}.mp-energy-surplus{color:#a6e4bb!important}
.mp-energy-alert{padding:12px;border:1px solid #d9917b;border-radius:8px;color:#ffcfbe;background:#412d2a;overflow-wrap:anywhere}
/* Lot 07 : échéances et arrêts de file lisibles jusque sur mobile. */
.mp-queue-summary,.mp-queue-estimate{overflow-wrap:anywhere}
.mp-queue-summary{border-bottom:1px solid var(--line,#334050);padding-bottom:12px;margin-bottom:12px}
.mp-queue-estimate progress{display:block;width:100%;height:8px;accent-color:#d6b56a}
#show-work{max-width:100%;white-space:normal;text-align:left}
/* Audit 08 : une vraie ligne compacte, indépendante des cartes illustrées. */
.mp-fleet-group{min-width:0;border:1px solid var(--border);border-radius:9px;background:var(--surface)}
.mp-fleet-group>summary{padding:9px 12px;color:var(--gold);cursor:pointer;font-weight:600}
.mp-fleet-table{display:grid}.mp-fleet-row{display:grid;grid-template-columns:32px minmax(115px,1fr) 72px minmax(240px,1.9fr);align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--border);min-width:0}
.mp-fleet-row>*,.mp-model-name{min-width:0}.mp-model-name .text-link{font-size:14px;text-align:left;padding:0;min-height:32px;overflow-wrap:normal}
.mp-model-name small,.mp-fleet-count small,.mp-series-total small{display:block;color:var(--muted);font-size:11px}
.mp-fleet-count{font-size:14px}.mp-fleet-thumb{padding:0;border:0;overflow:hidden;width:32px;height:36px;min-height:0;border-radius:5px}
.mp-fleet-thumb img{width:100%;height:100%;object-fit:cover}.mp-mobile-quantity,.mp-mobile-price{display:none}
.mp-quantity-compact{display:grid;grid-template-columns:60px minmax(0,1fr);gap:4px 8px;align-items:center}
.mp-quantity-compact label{width:auto;font-size:10px;gap:0}.mp-quantity-compact input{min-height:32px;padding:3px 5px;width:100%}
.mp-quantity-compact [data-ship-total]{grid-column:1/-1;font-size:11px;line-height:1.45;order:3}
.mp-quantity-compact [data-command]{font-size:11px;padding:4px 7px;min-height:34px;overflow-wrap:normal}
.mp-quantity-compact .mp-quantity-tools,.mp-quantity-compact .mp-quote-more{display:none}
.mp-quantity-tools{display:flex;flex-wrap:wrap;gap:6px}.mp-quantity-tools button{padding:6px 9px;min-height:36px}
.mp-ship-order:not(.mp-quantity-compact) [data-ship-total]{width:100%}.mp-series-total{display:grid;gap:3px}.mp-series-total strong{font-weight:500}
.mp-ship-order [data-ship-total] .mp-error{font-size:12px}.mp-quote-more{font-size:12px;color:var(--muted)}
.mp-lock-reasons{grid-column:2/-1;font-size:11px;color:var(--muted);margin:0}.mp-locked .mp-model-name{opacity:.72}
.mp-port-action{font-size:12px;justify-self:end}.mp-fleet-quick{gap:6px}.mp-fleet-quick button{font-size:12px;padding:7px 10px}
.mp-object-compact{display:grid;border:1px solid var(--border);border-radius:9px;overflow:hidden}
.mp-object-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(110px,.8fr);gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--border);background:var(--surface)}
.mp-object-row:last-child{border-bottom:0}.mp-object-row small{display:block;font-size:12px;color:var(--muted)}.mp-object-row .mp-inline-work{margin:3px 0}.mp-object-row button{font-size:13px}.mp-object-row .mp-costs{font-size:12px;gap:5px 10px}.mp-view-switch{flex-wrap:wrap}
@media(max-width:760px){
 .mp-fleet-row{grid-template-columns:32px minmax(0,1fr) 62px 40px;gap:6px;padding:5px 8px;min-height:72px}
 .mp-model-name .text-link{font-size:13px;min-height:25px;line-height:1.2}.mp-fleet-row .mp-model-name small{font-size:10px}
 .mp-fleet-count{font-size:12px}.mp-fleet-count small{font-size:10px}.mp-fleet-row .mp-ship-order{display:none}
 .mp-mobile-quantity{display:block;padding:5px;min-height:40px;font-size:22px}.mp-lock-reasons{font-size:10px}
 .mp-fleet-group>summary{font-size:13px;padding:8px 10px}.mp-fleet-row .mp-model-name>small{display:none}
 .mp-fleet-row .mp-mobile-price{display:block;color:var(--muted);font-size:10px;white-space:nowrap}
 .mp-object-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px}.mp-object-row>div:last-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px}.mp-object-row .mp-costs{font-size:11px}.mp-object-row .text-link{text-align:left}
 #detail:has(#ship-order){align-self:end;margin:0;width:100%;max-width:100%;max-height:92dvh;border-radius:18px 18px 0 0}#detail:has(#ship-order) .dialog-art{height:100px}
}
@media(max-width:760px){.mp-fleet-row .mp-lock-reasons{display:none}.mp-fleet-quick{gap:4px}.mp-fleet-quick button{font-size:11px;padding:6px 8px;min-height:36px}}
.mp-content:has(>.mp-fleet-group){gap:12px}
@media(max-width:760px){
 .mp-content:has(>.mp-fleet-group){gap:8px}
 .mp-content:has(>.mp-fleet-group)>.mp-collection-tools{padding:12px;gap:8px}
 .mp-content:has(>.mp-fleet-group)>.subnav{gap:4px 8px}
 .mp-content:has(>.mp-fleet-group)>.subnav a{padding:6px;font-size:13px}
 .mp-content:has(>.mp-fleet-group)>.section-note{font-size:12px;line-height:1.4;margin:0}
}
@media(max-width:760px){
 .mp-content:has(>.mp-fleet-group)>.mp-collection-tools .actions{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:6px}
 .mp-content:has(>.mp-fleet-group)>.mp-collection-tools .actions button{font-size:11px;padding:5px;min-height:36px}
 .mp-content:has(>.mp-fleet-group)>.mp-collection-tools .actions svg{width:16px;height:16px}
 .mp-content:has(>.mp-fleet-group)>.subnav{gap:2px 4px}
 .mp-content:has(>.mp-fleet-group)>.subnav a{padding:4px;font-size:12px}
 .mp-fleet-group>summary{padding:6px 10px}
}
.mp-inventory-row{grid-template-columns:32px minmax(110px,1fr) minmax(170px,1.5fr) 85px}
.mp-inventory-counts{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;font-size:13px}.mp-inventory-counts small{display:block;font-size:10px;color:var(--muted)}
@media(max-width:760px){.mp-inventory-row{grid-template-columns:32px minmax(0,1fr) 112px 28px}.mp-port-action{padding:4px}.mp-port-action span{display:none}.mp-inventory-counts{font-size:11px;gap:3px}.mp-inventory-counts small{font-size:9px}}
@media(max-width:760px){.mp-content:has(>.mp-fleet-group){gap:4px}.mp-content:has(>.mp-fleet-group)>.subnav a{min-height:36px}}
.mp-quantity-compact .mp-buy-name{display:none}
/* F-11 : dessin commun, géométrie réservée avant le chargement des images. */
.planet-sphere:has(.mp-planet-image){background:none;box-shadow:none;border:0;border-radius:0;position:relative;overflow:visible}
.planet-sphere .mp-planet-image{display:block;width:100%;height:100%;max-width:none;border-radius:0;object-fit:contain}
.planet-sphere.own:has(.mp-planet-image),.planet-sphere.foreign:has(.mp-planet-image),.planet-sphere.observed:has(.mp-planet-image){border:0;background:none}
.planet-sphere.own:has(.mp-planet-image)::after,.planet-sphere.foreign:has(.mp-planet-image)::after,.planet-sphere.observed:has(.mp-planet-image)::after{content:'';position:absolute;inset:-2px;border:1.5px solid var(--green);border-radius:50%;pointer-events:none}
.planet-sphere.foreign:has(.mp-planet-image)::after{border-color:#e1c18b}
.planet-sphere.observed:has(.mp-planet-image)::after{border-color:#8eb9dd}
.mp-planet-pick .planet-sphere{width:32px;height:32px}
.planet-small:has(.mp-colony-miniatures){display:flex;flex-direction:column;align-items:stretch;padding:10px}
.mp-colony-miniatures{display:flex;flex-wrap:wrap;gap:6px;max-height:146px;overflow-y:auto;padding:4px}
.mp-colony-miniatures button{padding:2px;min-height:44px;width:44px;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:50%}
.mp-colony-miniatures button[aria-pressed=true]{border-color:var(--green);background:#8fd5b319}
.planet-small .mp-colony-miniatures img{display:block;width:38px;height:38px;border-radius:0;object-fit:contain}
/* Paysages et portraits historiques, avec texte lisible sur le paysage. */
.mp-colony-hero{position:relative;isolation:isolate;overflow:hidden;background:#0a1624}
.mp-colony-hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0a1624e8,#0a162465 60%,#0a162410)}
.mp-colony-hero> :not(.mp-colony-landscape){position:relative;z-index:2;max-width:65%}
.mp-colony-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.mp-planet-image{border-radius:50%}
.planet-sphere .mp-planet-image{border-radius:50%}
/* Le même paysage fournit la miniature : sa moitié droite contient le globe. */
.mp-planet-image.mp-planet-wide{object-fit:cover!important;object-position:right center;border-radius:50%}
.mp-mission-target{display:flex;align-items:center;gap:8px}
.mp-mission-target .mp-planet-image{width:32px;height:32px;flex-shrink:0}
.art-button picture{display:block;width:100%;height:100%}
.mp-detail picture{display:block;min-height:180px}
.mp-detail picture img{display:block}
.mp-galaxy-shell{background-image:linear-gradient(180deg,#10253ace,#081323c9),url('/horizon/assets/galaxie-640-v1.webp')}
@media(max-width:700px){.mp-colony-landscape{object-position:65% center}.mp-colony-hero::before{background:linear-gradient(90deg,#0a1624ec,#0a16248c)}.mp-colony-hero> :not(.mp-colony-landscape){max-width:100%}}

/* Les bâtiments compacts gardent un repère illustré ouvrant leur fiche. */
.mp-object-illustrated{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(110px,.8fr)}
.mp-object-illustrated .mp-object-heading{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center}
.mp-object-heading>div{min-width:0}
.mp-object-row .mp-object-thumb{padding:0;width:64px;height:56px;min-height:44px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#101e30}
.mp-object-thumb picture,.mp-object-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.mp-object-illustrated .text-link{text-align:left;overflow-wrap:anywhere}
@media(max-width:760px){
 .mp-object-illustrated{grid-template-columns:minmax(0,1fr)}
 .mp-object-illustrated .mp-object-heading{grid-template-columns:56px minmax(0,1fr)}
 .mp-object-row .mp-object-thumb{width:56px;height:48px}
 .mp-object-illustrated>div{min-width:0}
 .mp-object-illustrated>div:last-child{flex-wrap:wrap}
}


/* Raccord 01/03/04 : préserver les montants compacts animés et la place de l’horloge. */
@media(max-width:760px){
 .topbar{padding-bottom:24px}
 .topbar .mp-server-clock{position:absolute;right:12px;bottom:3px;font-size:11px;line-height:15px}
 .mp-header-colony .mp-colony-chip{padding:4px 6px;font-size:13px}
 .mp-header-colony .mp-colony-thumb{width:32px!important;height:32px!important}
 .mp-header-colony .mp-colony-chip small{font-size:11px}
 .mp-header-colony .mp-colony-chip>span:last-child{display:block}
 .resourcebar .resource>strong{min-width:0}
}

/* Suivi local à chaque rubrique ; la colonne de droite appartient aux colonies. */
.layout.mp-layout,.layout.mp-layout:has(.mp-galaxy-shell){grid-template-columns:180px minmax(0,1fr) 245px}
.mp-colonies-rail{min-width:0;position:sticky;top:calc(var(--mp-header-height) + 16px);align-self:start;max-height:calc(100dvh - var(--mp-header-height) - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:16px 10px;background:#0f2030;border:1px solid var(--border);border-radius:14px}
.mp-colonies-rail h2{font-size:17px;margin:0 0 12px}.mp-colonies-rail h2 small{font-size:12px;color:var(--muted);font-weight:400}
.mp-colonies-rail .mp-colony-thumb{width:44px!important;height:44px!important}
.mp-colonies-rail .mp-colony-choice strong{font-size:14px}.mp-colonies-rail .mp-colony-choice small{font-size:12px}
.mp-production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.mp-production-card{min-width:0;padding:18px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#142839,#0f1e2d);overflow-wrap:anywhere}
.mp-production-card h2{margin:0 0 12px;color:var(--gold);font-size:16px}.mp-production-card h2 a{color:inherit}
.mp-current-work h3{font-size:16px;margin:0 0 4px}.mp-current-work p{margin:4px 0 10px}
.mp-work-time{display:grid;gap:3px;font-size:14px;font-variant-numeric:tabular-nums;line-height:1.5}.mp-work-time span{color:var(--muted)}
.mp-work-empty{color:var(--muted);font-size:14px;margin:8px 0 12px}
.mp-queue-warning{font-size:13px;color:var(--gold);margin:8px 0;line-height:1.45}
.mp-queue-fold{margin-top:12px;border-top:1px solid var(--border)}
.mp-queue-fold>summary{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;font-size:14px;list-style:none}
.mp-queue-fold>summary::-webkit-details-marker{display:none}.mp-queue-fold>summary::after{content:'⌄';margin-left:auto}.mp-queue-fold[open]>summary::after{content:'⌃'}
.mp-queue-count{display:inline-grid;place-items:center;min-width:24px;padding:0 5px;background:#ffffff0d;border-radius:20px;font-size:12px}
.mp-queue-body{display:grid;gap:10px}.mp-queue-order{display:grid;gap:4px;padding:10px 0;border-top:1px solid #ffffff0d}.mp-queue-order>strong{font-size:14px}
.mp-queue-actions{flex-wrap:wrap;margin-top:6px}.mp-queue-actions button,.mp-queue-body>button{min-height:40px;font-size:12px;padding:6px 10px}
.mp-queue-diagnostics{margin-top:4px;color:var(--muted);font-size:12px}.mp-queue-diagnostics>summary{cursor:pointer;min-height:36px;display:flex;align-items:center}.mp-queue-diagnostics>summary::before{content:'▸';margin-right:5px}.mp-queue-diagnostics[open]>summary::before{content:'▾'}.mp-queue-diagnostics h3{font-size:13px;margin-top:16px}
@media(min-width:761px){:root{--mp-bottom-space:24px}#toast{bottom:24px}}
@media(min-width:961px) and (max-width:1100px){.layout.mp-layout,.layout.mp-layout:has(.mp-galaxy-shell){grid-template-columns:145px minmax(0,1fr) 215px}.mp-production-grid{grid-template-columns:1fr}}
@media(max-width:960px){.layout.mp-layout,.layout.mp-layout:has(.mp-galaxy-shell){grid-template-columns:180px minmax(0,1fr)}.mp-colonies-rail{display:none}}
@media(max-width:760px){.mp-production-grid{grid-template-columns:1fr}.mp-production-card{padding:16px}:root{--mp-bottom-space:calc(80px + env(safe-area-inset-bottom))}#toast{bottom:calc(76px + env(safe-area-inset-bottom))}}
/* Les paramètres restent disponibles dans Plus sur les petits écrans. */
@media(max-width:760px){.topbar .header-tools>.mp-settings-link{display:none}}

/* Préparation de transport : une composition, un chargement, un envoi explicite. */
.mp-transport-steps{display:flex;gap:6px;list-style:none;padding:0;margin:4px 0 12px;font-size:12px;color:var(--muted)}
.mp-transport-steps li{flex:1;padding:10px 5px;border-bottom:2px solid var(--border);text-align:center}
.mp-transport-steps [aria-current="step"]{color:var(--gold);border-color:var(--gold)}
#mission-form [hidden]{display:none!important}
#mission-form [data-transport-step]{display:grid;gap:16px}
.mp-fleet-picker{display:grid;gap:10px}.mp-fleet-picker-row{display:grid;grid-template-columns:64px minmax(0,1fr) 128px;align-items:center;gap:12px;border:1px solid var(--border);border-radius:10px;padding:10px;background:#101f30}
.mp-fleet-picker-row picture,.mp-fleet-picker-row img{display:block;min-height:0;width:64px;height:44px;object-fit:cover;border-radius:6px}
.mp-fleet-picker-row strong{font-size:14px}.mp-fleet-picker-row small{display:block;color:var(--muted);margin-top:4px}
.mp-fleet-quantity{display:flex;gap:4px;align-items:center}.mp-fleet-quantity input{width:76px;min-width:0;min-height:44px;padding:6px}.mp-fleet-quantity button{padding:8px;min-height:44px}
.mp-fleet-escorts summary,.mp-transport-save summary{cursor:pointer;padding:10px 0}.mp-transport-save{margin-top:14px}
#transport-selection{margin:0;color:var(--gold);font-size:13px}#mission-launch{margin-top:16px;width:100%;min-height:48px}
.mp-transport-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:480px){.mp-fleet-picker-row{grid-template-columns:48px minmax(0,1fr);gap:8px}.mp-fleet-picker-row picture,.mp-fleet-picker-row img{width:48px;height:40px}.mp-fleet-quantity{grid-column:2;justify-content:flex-end}.mp-fleet-picker-row strong{font-size:13px}.mp-transport-times{grid-template-columns:1fr}}

/* Horaire indicatif calculé à partir du devis, sans départ programmé. */
.mp-arrival-planner{border:1px solid var(--border);border-radius:10px;padding:0 12px;margin:14px 0;background:#102234}
.mp-arrival-planner>summary{cursor:pointer;padding:14px 0;color:var(--gold)}
.mp-arrival-body{display:grid;gap:12px;padding-bottom:14px;min-width:0}.mp-arrival-body label{font-size:14px}
.mp-arrival-body input{width:100%;max-width:100%;min-width:0;min-height:44px;font-size:16px;padding:8px;box-sizing:border-box}
.mp-arrival-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mp-arrival-times p{margin:6px 0}.mp-arrival-times strong{font-size:15px}
.mp-arrival-review{border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:10px;padding:12px;margin:4px 0 14px}
@media(max-width:480px){.mp-arrival-times{grid-template-columns:1fr;gap:4px}.mp-arrival-body .actions{display:flex;flex-wrap:wrap;gap:8px}.mp-arrival-body .actions button{flex:1;font-size:13px}}

/* Accès direct à la préparation, sans ordre de départ. */
.mp-fleet-start{flex-shrink:0;min-height:44px}
.mp-mission-choice{display:grid;gap:20px;margin-top:20px}.mp-mission-choice>button{display:grid;gap:8px;text-align:left;width:100%;padding:20px}.mp-mission-choice>button strong{font-size:18px}.mp-mission-choice>button span{font-size:14px;font-weight:400}.mp-mission-choice summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}.mp-mission-choice summary::before{content:'▸'}.mp-mission-choice details[open]>summary::before{content:'▾'}.mp-mission-choice .actions{margin-top:10px}.mp-mission-choice>p{margin:0}
@media(max-width:760px){.page-head>.mp-fleet-start{width:100%}.mp-mission-choice>button{padding:16px}}

/* Repères communs aux rubriques : la couleur accompagne toujours un libellé. */
:root{--building-accent:#d0b4f0;--research-accent:#edc884;--fleet-accent:#8ed5de}
body{background:#08111d;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#07101d66,#07101d33),url('/horizon/assets/nebula-v1.jpg') center/cover no-repeat}
#fleet-status{background:#08142180}
.mp-content>.guidance{background:#182536f5}
.mp-layout .primary-nav{background:#0d1b2be8;border:1px solid #a4b7cf24;border-radius:12px;padding:6px}
.page-head{padding:16px 18px;border:1px solid #a4b7cf26;border-radius:12px;background:#0d1b2be8}

:is(#main[data-route="developpement"],[data-category="building"],#detail:has(#detail-title[data-category="building"]),a:has([data-icon="developpement"]),.mp-build-tabs a[href$="/developpement"]){--category-accent:var(--building-accent);--category-wash:#b58be814;--category-edge:#b58be859}
:is(#main[data-route="recherches"],[data-category="research"],#detail:has(#detail-title[data-category="research"]),a:has([data-icon="recherches"]),.mp-build-tabs a[href$="/recherches"]){--category-accent:var(--research-accent);--category-wash:#edc88412;--category-edge:#edc88459}
:is(#main[data-route^="flottes"],[data-category="ship"],#detail:has(#detail-title[data-category="ship"],#mission-form,#ship-order,.mp-mission-choice),a:has([data-icon="flottes"]),.mp-fleet-start){--category-accent:var(--fleet-accent);--category-wash:#56becb14;--category-edge:#56becb59}

/* Menus et titres gardent la même identité que leurs listes et leurs files. */
.mp-icon-badge[data-icon="developpement"]{--icon-color:var(--building-accent);--icon-wash:#b58be824}
.mp-icon-badge[data-icon="recherches"]{--icon-color:var(--research-accent);--icon-wash:#edc88424}
.mp-icon-badge[data-icon="flottes"]{--icon-color:var(--fleet-accent);--icon-wash:#56becb24}
:is(.primary-nav,.mp-mobile-nav) a:has([data-icon="developpement"],[data-icon="recherches"],[data-icon="flottes"]){color:var(--category-accent)}
:is(.primary-nav,.mp-mobile-nav) a[aria-current]:has([data-icon="developpement"],[data-icon="recherches"],[data-icon="flottes"]){background:var(--category-wash);border-color:var(--category-edge)}
#main:is([data-route="developpement"],[data-route="recherches"],[data-route^="flottes"]) .page-head{border-left:4px solid var(--category-accent)}
#main:is([data-route="developpement"],[data-route="recherches"],[data-route^="flottes"]) :is(.page-head h1,.building-body h2,.building-body>.eyebrow,.mp-object-heading .text-link,.mp-object-heading small,.mp-model-name .text-link,.mp-fleet-group>summary){color:var(--category-accent)}
#main:is([data-route="developpement"],[data-route="recherches"],[data-route^="flottes"]) :is(.mp-object-row,.building,.mp-fleet-row){border-left:3px solid var(--category-edge);background:linear-gradient(var(--category-wash),var(--category-wash)),#101e30f5}
#main:is([data-route="developpement"],[data-route="recherches"],[data-route^="flottes"]) :is(.mp-fleet-group>summary,.mp-object-toggle){background:var(--category-wash);border-radius:8px}
.mp-build-tabs a,.mp-build-tabs a[aria-current]{color:var(--category-accent)}
.mp-build-tabs a[aria-current]{border-bottom-color:var(--category-accent);background:var(--category-wash)}
#main[data-route^="flottes"] .subnav a[aria-current]{color:var(--fleet-accent);border-bottom-color:var(--fleet-accent);background:var(--category-wash)}

.mp-production-card[data-category]{border-top:3px solid var(--category-accent);background:linear-gradient(var(--category-wash),var(--category-wash)),#101e30f5}
.mp-production-card[data-category] :is(h2,h3,.mp-queue-order>strong,.mp-queue-fold>summary){color:var(--category-accent)}
.mp-production-card[data-category] .mp-queue-count{color:var(--category-accent);background:var(--category-wash);border-color:var(--category-edge)}

/* Fiches et préparations suivent leur objet, même ouvertes depuis Colonie/Empire. */
#detail:has(#detail-title[data-category],#mission-form,#ship-order,.mp-mission-choice){border-top:3px solid var(--category-accent)}
#detail:has(#detail-title[data-category],#mission-form,#ship-order,.mp-mission-choice) :is(#detail-title,.mp-detail-head>span,.mp-fleet-picker-row strong,.mp-transport-steps [aria-current="step"]){color:var(--category-accent)}
#detail:has(#mission-form) .mp-transport-steps [aria-current="step"]{border-color:var(--fleet-accent)}
:is(#main[data-route="developpement"],#main[data-route="recherches"],#main[data-route^="flottes"],#detail:has(#detail-title[data-category],#mission-form,#ship-order,.mp-mission-choice)) button.primary:not(:disabled),button.mp-fleet-start.primary{background:var(--category-accent);border-color:var(--category-accent);color:#0b1a26}
:is(#main[data-route="developpement"],#main[data-route="recherches"],#main[data-route^="flottes"],#detail:has(#detail-title[data-category],#mission-form,#ship-order,.mp-mission-choice)) button.primary:hover:not(:disabled),button.mp-fleet-start.primary:hover{filter:brightness(1.08)}
@media(max-width:760px){.page-head{padding:12px}.mp-mobile-nav{background:#0d1b2bf2}.page-head>.mp-fleet-start{margin-top:4px}}
@media(min-width:761px) and (max-width:1350px){.resourcebar button.resource{grid-template-columns:24px minmax(0,1fr);gap:3px 5px}.resourcebar .resource .mp-resource-art{grid-row:1;grid-column:1;width:24px;height:24px}.resourcebar .resource>.name{grid-row:1;grid-column:2;font-size:11px}.resourcebar .resource>strong{grid-row:2;grid-column:1/-1;font-size:14px;white-space:nowrap}.resourcebar .resource>.rate{grid-row:3;grid-column:1/-1;font-size:11px}}

/* Ressources K/M : détail exact au survol, au clavier et dans le bilan tactile. */
.resourcebar button.resource{position:relative}
.resourcebar .mp-resource-exact{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:max-content;max-width:min(270px,calc(100vw - 24px));padding:12px 14px;border:1px solid #7393ad;border-radius:10px;background:#101e2e;color:#eaf2fa;box-shadow:0 8px 24px #0009;text-align:left;pointer-events:none;white-space:normal;line-height:1.4}
.resourcebar .mp-resource-exact>[data-resource-exact]{display:block;font-size:19px;font-weight:750;font-variant-numeric:tabular-nums}
.resourcebar .mp-resource-exact small{display:block;font-size:11px;color:#b6c7d7}
.resourcebar .resource[data-material="1"] .mp-resource-exact{left:50%;transform:translateX(-50%)}
.resourcebar .resource[data-material="2"] .mp-resource-exact{left:auto;right:0}
.resourcebar .resource:focus-visible{z-index:3}
.resourcebar .resource:focus-visible .mp-resource-exact{display:block}
@media(hover:hover){.resourcebar .resource:hover{z-index:3}.resourcebar .resource:hover .mp-resource-exact{display:block}}