/* Interface compacte : navigation fixe, technologies et panneau de détail. */
:root{--bg:#070e17;--panel:#101c2b;--line:#2a3c50;--text:#c7d1dc;--muted:#8296aa;--gold:#adc8df;--blue:#6fafda}
body{font:12px/1.45 Tahoma,Arial,sans-serif;background:linear-gradient(#050b13b8,#050b13eb),url('assets/original/space.jpg') center top/cover fixed}
.layout{grid-template-columns:145px minmax(0,670px) 125px;max-width:960px;margin:0 auto;gap:8px;min-height:100vh;background:#060d16aa}
.sidebar{padding:15px 5px;background:transparent;border:0;height:100vh}
.brand{font-size:17px;letter-spacing:1px;margin:3px 5px 18px;line-height:1.15;color:#d9e7f4;text-shadow:0 2px 5px #000}
.brand small{font-size:8px;letter-spacing:1px;margin-top:5px;white-space:nowrap}
.universe-label{font-size:9px;margin:12px 5px;color:#8192a2}
.nav button{font-size:11px;padding:4px 7px;margin:2px 0;gap:7px;min-height:27px;border:1px solid #26374c;border-radius:3px;background:linear-gradient(#16283c,#0c1826);color:#a8bdcf;box-shadow:inset 0 1px #ffffff08}
.nav button.active{background:linear-gradient(#304960,#162b3e);border-color:#5c829d;color:#e5f4ff}
.nav .symbol{font-size:13px;width:15px}.nav hr{margin:9px 5px;border-color:#24374b}.badge{font-size:9px;padding:0 4px}.sidebar-footer{font-size:9px;margin:15px 5px}.sidebar-footer strong{font-size:10px}
.resourcebar{padding:8px 12px;gap:10px;background:linear-gradient(#152638,#0b1724);border:1px solid #30445b;border-top:0;border-radius:0 0 4px 4px;min-height:65px;position:static}
.resource{min-width:0}.resource label{font-size:10px;letter-spacing:.2px;text-transform:none}.resource strong{font-size:14px;line-height:1.5}.resource small{font-size:9px}.player{display:none}
.workspace{padding:9px 0 25px;max-width:none}.topline{margin:0 0 8px;padding:6px 9px;background:linear-gradient(#1b2f44,#101d2d);border:1px solid #31485f;border-radius:3px;align-items:center}
.eyebrow{font-size:9px;letter-spacing:.5px;margin:0 0 2px}h1{font-size:16px;font-weight:600}h2{font-size:13px;margin-bottom:9px}h3{font-size:12px}button,.button{font-size:11px;padding:4px 9px;border-radius:3px}.small{font-size:10px;padding:3px 6px}.primary{background:linear-gradient(#438d44,#285c2b);border-color:#4d8952;color:#dff9df}.primary:hover:not(:disabled){background:linear-gradient(#56a556,#377d3c);border-color:#82b77c}.planetselect{font-size:10px;padding:4px 6px;width:160px}
input,select,textarea{font-size:11px;padding:5px 7px;border-radius:2px}.panel{padding:12px;border-radius:3px;background:linear-gradient(#122131,#0b1725)}.grid2,.grid3{gap:8px}.summary{margin-top:9px}.section-head{margin:13px 0 7px}.metric-label{font-size:10px}.metric{font-size:19px;margin:3px 0}.metric small{font-size:10px}.row{gap:8px}.tabs{gap:4px;margin-bottom:9px}.notice{font-size:11px;padding:7px 10px;border-radius:3px;margin-bottom:8px}.help-tip{font-size:11px}.footer-note{font-size:9px;margin-top:12px}.empty-state{font-size:11px;padding:17px}.countdown{font-size:10px;color:#dbb76a}.tasks .task{padding:6px 0}.task-title{font-size:11px}.progress{height:3px;margin-top:5px}.hero{height:208px;border-radius:3px}.hero-content{padding:22px}.hero h2{font-size:24px}.hero .coordinates{font-size:11px}.hero-info{font-size:10px;gap:24px;margin-top:15px}.hero-info strong{font-size:15px}.message-row{padding:9px}.message-row h3{font-size:11px}.message-row p,.message-row .time{font-size:10px}.compact{padding:9px 11px}
.technology-screen{border:1px solid #2e4259;background:#0b1624;border-radius:3px;overflow:hidden}
.technology-details{display:grid;grid-template-columns:175px minmax(0,1fr);min-height:216px;background:linear-gradient(135deg,#1c3145,#0d1927);border-bottom:1px solid #3e536a;padding:10px;gap:12px}
.technology-large{min-height:175px;background-color:#07111d;border:1px solid #425c74;position:relative;background-repeat:no-repeat;box-shadow:inset 0 0 30px #0005}
.technology-large>span{position:absolute;bottom:0;left:0;right:0;padding:5px 8px;background:#06101bdb;font-size:11px;color:#e9f2fa;text-align:right}
.technology-information h2{font-size:15px;margin:0;color:#e5f1fc}.technology-information p{font-size:11px;line-height:1.5;margin:8px 0;color:#a1b2c4}.technology-information>.row{align-items:flex-start}.technology-information .ghost{font-size:9px;padding:3px 6px;white-space:nowrap}
.tech-detail-costs{display:flex;align-items:center;gap:12px;border-top:1px solid #2c4055;border-bottom:1px solid #2c4055;padding:5px 0}.tech-detail-costs>.muted{font-size:10px}.costs{font-size:11px;gap:11px;margin:3px 0}.costs b{font-weight:500;color:#9be489}.insufficient b{color:#e48181}.stats{font-size:10px;gap:11px;margin:7px 0}.technology-requirements{display:flex;gap:4px 12px;flex-wrap:wrap;font-size:9px;margin:8px 0;min-height:12px}.technology-action{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-top:8px}.technology-action>span{font-size:10px;max-width:245px}.technology-action input{width:57px;padding:4px 5px}.build-action{min-width:80px}.technology-art-locked{filter:grayscale(1);opacity:.62}
.technology-group h2{background:linear-gradient(#21364c,#132438);border-top:1px solid #334a61;border-bottom:1px solid #071019;font-size:11px;font-weight:600;color:#a7c4db;padding:5px 10px;margin:0}
.technology-strip{display:flex;flex-wrap:wrap;gap:7px 9px;padding:10px 10px 8px;align-items:flex-start}
.technology{width:82px;padding:0;background:none!important;border:0!important;box-shadow:none;border-radius:0;color:#9bb2c7;text-align:center;position:relative}
.technology-icon{display:block;width:82px;height:82px;border:1px solid #39516b;background-color:#142232;position:relative;border-radius:2px;box-shadow:inset 0 0 0 2px #07111d80}
.technology-level{position:absolute;right:0;bottom:0;min-width:26px;line-height:18px;padding:0 5px;background:#020810c9;color:#f0e3ba;font-size:12px;text-align:right;text-shadow:1px 1px #000}
.technology-name{display:block;min-height:29px;margin-top:4px;font-size:10px;line-height:1.3;color:#9aaec2}
.technology-locked .technology-icon{filter:grayscale(1) brightness(.43);border-color:#38414c}
.technology-locked .technology-name{color:#5f7083}.technology-unavailable .technology-icon{filter:brightness(.62)}
.technology-lock{position:absolute;left:5px;top:3px;color:#a9b0bc;font-size:13px}.technology-selected .technology-icon{outline:1px solid #9abbd4;outline-offset:2px}.technology:hover .technology-icon{outline:1px solid #a3c8e5;outline-offset:2px}.technology:focus-visible{outline:2px solid #b2ddff;outline-offset:4px}
.queue-panel{margin-top:8px}.queue-panel h2{font-size:11px;color:#8cacc7}
.planet-rail{padding:13px 3px;position:sticky;top:0;height:100vh;background:#0a142080;border-left:1px solid #1e3043}
.planet-rail h2{font-size:10px;text-align:center;background:#142539;padding:5px;margin:0 0 10px;border:1px solid #2d4157;color:#b7cadb}
.planet-shortcut{background:transparent;border:0;width:100%;display:block;padding:6px 3px;margin-bottom:6px;text-align:center;border-radius:3px}.planet-shortcut.selected{background:#142639;border:1px solid #406179}
.planet-thumbnail{display:block;width:55px;height:55px;border-radius:50%;margin:0 auto 4px;background:url('assets/original/space.jpg') 92% 44%/330px auto;border:1px solid #51768f;box-shadow:0 0 13px #0009}.moon-thumbnail{filter:grayscale(1)}.planet-shortcut strong{display:block;font-size:10px;font-weight:500;color:#c7d9e8}.planet-shortcut>span:last-child{font-size:9px;color:#7c96ac}.planet-rail-total{text-align:center;color:#768b9c;font-size:9px;margin-top:10px}
th{font-size:10px;padding:6px}td{font-size:11px;padding:7px 6px}table button{font-size:10px;padding:3px 5px}.mission-card{padding:9px 11px;margin-bottom:7px;border-radius:3px}.mission-card h3{font-size:11px}.mission-card .details,.mission-card .route{font-size:10px}.fleet-list{gap:6px}.fleet-unit{padding:7px 9px}.fleet-unit input{font-size:11px;width:58px}.fleet-unit small{font-size:9px}label.field{font-size:11px;margin-bottom:10px}.inline-form{gap:6px}.inline-form label{font-size:11px}.inline-form input{width:54px}.tag{font-size:9px;padding:1px 5px}.life-card{padding:12px;border-radius:3px}.life-card .portrait{width:42px;height:42px}.settings-row{padding:10px 0}.settings-row p,.rules p,.rules li{font-size:11px}.rules h3{font-size:12px;margin-top:15px}.rank-row{padding:9px 0}.big-rank{font-size:19px}.stack>*+*{margin-top:8px}dialog{font-size:12px;padding:17px;border-radius:4px}dialog h2{font-size:16px}.dialog-head h2{font-size:15px}#toast{font-size:12px;padding:9px 16px}
@media(max-width:980px){.layout{grid-template-columns:130px minmax(0,670px) 100px;gap:5px;margin:0 8px}.sidebar{padding:12px 3px}.brand{font-size:15px}.resourcebar{padding:7px 10px}.workspace{padding:8px 0 20px}.technology-strip{gap:7px}.technology{width:78px}.technology-icon{width:78px;height:78px}}
@media(max-width:800px){.layout{grid-template-columns:125px minmax(0,1fr)}.planet-rail{display:none}.technology-details{grid-template-columns:145px minmax(0,1fr);gap:10px}.technology-large{min-height:150px}.technology-action{flex-wrap:wrap}.technology-strip{gap:6px}.technology{width:72px}.technology-icon{width:72px;height:72px}.hero{height:200px}}
@media(max-width:620px){.layout{display:block;margin:0 7px}.sidebar{position:static;height:auto;padding:8px 0}.brand{font-size:14px;margin:0 4px;line-height:1}.brand br{display:none}.brand small,.universe-label,.sidebar-footer{display:none}.nav{display:flex;overflow:auto;gap:4px;margin-top:8px;padding-bottom:4px}.nav button{width:auto;white-space:nowrap;padding:4px 7px;font-size:10px}.nav hr,.nav .symbol{display:none}.resourcebar{position:sticky;top:0;min-height:56px;z-index:5}.resource strong{font-size:12px}.resource label{font-size:9px}.resource small{font-size:8px}.technology-details{grid-template-columns:95px minmax(0,1fr);padding:8px;gap:8px;min-height:185px}.technology-large{min-height:100px;height:100px}.technology-information h2{font-size:12px}.technology-information p{font-size:10px}.technology-information .ghost{font-size:8px}.technology-information>.row{flex-wrap:wrap}.tech-detail-costs{flex-wrap:wrap;gap:4px}.technology-action>span{font-size:9px}.technology-strip{gap:7px;padding:9px}.technology{width:68px}.technology-icon{width:68px;height:68px}.technology-name{font-size:9px}.hero{height:180px}.hero-content{padding:18px}.hero h2{font-size:23px}.grid2,.grid3{grid-template-columns:1fr}.grid3.summary{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{font-size:15px}.metric-label{font-size:9px}.grid3.summary .panel{padding:8px}.grid3.summary .row{font-size:8px;gap:2px}.resourcebar{gap:6px}.planetselect{width:130px}.topline{padding:6px}.footer-note{font-size:8px}}

body{background:#020910 url('assets/original/space.jpg') center top/auto fixed}
.layout{background:transparent;grid-template-columns:145px minmax(0,654px) 125px;max-width:940px}
.technology-details{grid-template-columns:200px minmax(0,1fr);min-height:250px;padding:0;gap:0}.technology-large{height:200px;min-height:200px;align-self:start;aspect-ratio:1}.technology-information{padding:8px 12px}.technology-information h2{font-size:12px;color:#ff9600}
.catalog-panorama{height:250px;background-position:center;background-size:cover;position:relative}.catalog-panorama h2{position:absolute;top:0;right:0;padding:5px 12px;background:#111c26d9;color:#eee;font-size:18px;width:80%;text-align:center;text-shadow:1px 2px #000}
.panorama-shipyard{background-image:url('assets/original/shipyard.jpg')}.panorama-research{background-image:url('assets/original/research.jpg')}.panorama-defense{background-image:url('assets/original/defense.jpg')}
.shipyard-columns{display:grid;grid-template-columns:55% 45%}.technology-strip{gap:6px;padding:9px}.technology{width:80px}.technology-icon{width:80px;height:80px}.technology-name{display:none}.technology-lock{display:none}.technology-locked .technology-icon{filter:grayscale(1) brightness(.65)}.technology-art-locked{filter:none;opacity:1}.technology-unavailable .technology-icon{filter:none}.technology-level{font-size:10px;line-height:15px;color:#ccc}.technology-details .stats{flex-wrap:wrap}
@media(max-width:800px){.layout{grid-template-columns:125px minmax(0,1fr)}.technology-details{grid-template-columns:150px minmax(0,1fr)}.technology-large{height:150px;min-height:150px}.shipyard-columns{grid-template-columns:1fr}.catalog-panorama{height:200px}}
@media(max-width:620px){.layout{display:block}.technology-details{grid-template-columns:100px minmax(0,1fr)}.technology-large{height:100px;min-height:100px}.catalog-panorama{height:180px}}

.panorama-facilities{background-image:url("assets/original/facilities.jpg")}

.lf-item{padding:8px;position:relative;min-height:104px;padding-left:98px}.lf-art{position:absolute;left:8px;top:8px;width:80px;height:80px;display:block}.lf-item.locked .lf-art{filter:grayscale(1) brightness(.6)}.lf-item h3{font-size:12px}.lf-item p{margin:5px 0}.lf-item button{padding:5px 8px;font-size:11px}
/* Finition visuelle et interactions, sans agrandir le catalogue. */
:root{--motion:180ms cubic-bezier(.2,.8,.2,1);--focus:#a6d8ff}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#d5e2ee}
.main,.workspace,.technology-information{min-width:0}
.panel,.topline,.technology-screen,.mission-card,.life-card{border-radius:9px;border-color:#89b9df27;box-shadow:0 8px 24px #0002,inset 0 1px 0 #ffffff06}
.panel,.resourcebar,.topline{background:linear-gradient(135deg,#17293ee8,#0c1828ed)}
.topline{padding:9px 12px}.technology-screen{isolation:isolate}.technology-information{background:linear-gradient(120deg,#1d3346c9,#0b1623)}
button,.button,input,select,textarea{border-radius:6px;transition:background var(--motion),border-color var(--motion),box-shadow var(--motion),transform var(--motion);font-family:inherit}
button:not(:disabled),.button{cursor:pointer}
button:hover:not(:disabled),.button:hover{border-color:#9ac5e880;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0c;transform:translateY(-1px)}
button:active:not(:disabled),.button:active{transform:translateY(0) scale(.985)}
button:disabled{cursor:not-allowed;opacity:.5}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 5px #9fd4ff13}
input:hover,select:hover,textarea:hover{border-color:#789bb577}
.nav button{border-radius:6px;transition:background var(--motion),border-color var(--motion),box-shadow var(--motion),transform var(--motion);padding:5px 8px;min-height:29px}
.nav button:hover{background:linear-gradient(#243c53,#182b40);transform:translateX(2px)}
.nav button.active{background:linear-gradient(125deg,#406984b0,#1c354ed9);box-shadow:inset 2px 0 #a7d9ff,0 3px 9px #0002}
.technology{border-radius:6px;transform:none!important}.technology-icon{border-radius:6px;transition:transform var(--motion),border-color var(--motion),box-shadow var(--motion)}
.technology:hover .technology-icon{outline:none;border-color:#bfdef7;transform:translateY(-3px);box-shadow:0 8px 18px #0007,0 0 0 2px #c1e3ff15}
.technology-selected .technology-icon{outline:none;border-color:#d3eaff;box-shadow:0 0 0 2px #a7d5f744}
.technology-locked .technology-icon,.technology-locked:hover .technology-icon{filter:grayscale(1) brightness(.65)}
.technology-locked:hover .technology-icon{border-color:#9babbc;box-shadow:0 6px 15px #0005}
.technology-group h2{background:linear-gradient(#22384b,#132436);letter-spacing:.2px;padding:7px 10px}
.planet-shortcut{border:1px solid transparent}.planet-shortcut:hover{background:#1e3a5166}.planet-thumbnail{transition:box-shadow var(--motion),transform var(--motion)}.planet-shortcut:hover .planet-thumbnail{box-shadow:0 0 18px #8acfff35;transform:scale(1.04)}
.message-row{border-radius:6px;transition:background var(--motion)}.message-row:hover{background:#93c9f00c}.message-row[data-message]{cursor:pointer}
.tablewrap{overflow-x:auto;overscroll-behavior-x:contain}.tablewrap table{min-width:490px}tbody tr{transition:background var(--motion)}tbody tr:hover{background:#9bcffb09}
.hero,.catalog-panorama{border-radius:8px}.hero-content{background:linear-gradient(90deg,#0208107d,transparent)}
dialog{border-radius:14px;border-color:#a9d0ef44;box-shadow:0 28px 90px #000b;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#010812ad;backdrop-filter:blur(7px)}
#toast{border-radius:10px;box-shadow:0 10px 28px #0007;max-width:calc(100vw - 24px)}
.security-panel{margin-bottom:10px}.security-panel .row{grid-column:1/-1;flex-wrap:wrap}.admin-hero{margin-bottom:12px;border-color:#b0c7ff44;background:linear-gradient(120deg,#263454df,#101e32ee)}.admin-hero h2{font-size:26px;color:#e4edff;letter-spacing:-.5px}.admin-hero p{line-height:1.6;color:#adc1da}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.admin-grid form p{line-height:1.5}.check-row{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:12px}.check-row input{width:16px;height:16px;accent-color:#89bded}.admin-grid .grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid input:not([type=checkbox]),.admin-grid select,.security-panel input{width:100%;min-width:0}.admin-grid .field{margin-bottom:10px}
@media(hover:none){button:hover:not(:disabled),.button:hover,.nav button:hover,.technology:hover .technology-icon{transform:none}}
@media(max-width:980px){.layout{max-width:940px;grid-template-columns:130px minmax(0,1fr) 100px;gap:7px;margin:0 8px}}
@media(max-width:800px){.layout{grid-template-columns:125px minmax(0,1fr)}.planet-rail{display:none}.admin-grid{grid-template-columns:1fr}.technology-details{grid-template-columns:145px minmax(0,1fr)}.technology-information{padding:8px}.resourcebar{gap:8px}}
@media(max-width:620px){body{background-attachment:scroll}.layout{display:block;margin:0 8px}.nav button{min-height:38px;padding:8px 10px}.nav button:hover{transform:none}.nav{scrollbar-width:thin}.resourcebar{border-radius:8px;top:6px;min-height:61px;backdrop-filter:blur(12px)}.resource strong{font-size:13px}.resource small{font-size:9px}.topline{gap:8px;flex-wrap:wrap;padding:9px}.planetselect{flex:1;max-width:190px;width:auto;min-height:34px}.technology-details{grid-template-columns:95px minmax(0,1fr)}.technology-large{min-height:95px;height:95px}.technology-action{gap:8px;flex-wrap:wrap}.technology-action>span{max-width:none}.technology-information .ghost{white-space:normal}.technology-strip{gap:8px}.technology{width:72px}.technology-icon{height:72px;width:72px}.hero{height:190px}.hero h2{font-size:22px}.hero-info{gap:18px}.grid2,.grid3{grid-template-columns:1fr}.grid3.summary{grid-template-columns:repeat(3,minmax(0,1fr))}.security-panel .grid2{grid-template-columns:1fr}.security-panel button,.admin-grid button{min-height:38px}.panel{padding:11px}.row{flex-wrap:wrap}.inline-form{flex-wrap:wrap}.fleet-unit{min-width:0}.fleet-list{grid-template-columns:1fr}.admin-grid .grid2{grid-template-columns:1fr}.catalog-panorama h2{font-size:15px}.tablewrap{padding:6px}.welcome-header{gap:12px;flex-wrap:wrap}input,select,textarea{font-size:16px;min-height:36px}.technology-action input{max-width:80px}.technology-information p{font-size:11px}.grid3.summary .row{gap:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.technology:hover .technology-icon,.nav button:hover,button:hover:not(:disabled),.button:hover{transform:none!important}}
.world-settings{margin-bottom:10px}.world-settings p{font-size:11px;line-height:1.5;margin:8px 0}.world-settings form+form{margin-top:10px}.world-settings select,.world-settings input{max-width:100%;min-width:0;flex:1}.world-settings .inline-form{flex-wrap:wrap}

/* Bandeau de ressources : sept icônes et montants exacts. */
.panorama-resources{background-image:url('assets/original/resources.jpg')}
.technology-screen{overflow:visible;border-radius:3px;background:#09131f;border:1px solid #40546a;box-shadow:0 2px 12px #0008,inset 0 0 0 3px #050b12}
.catalog-panorama{height:248px;margin:3px;border:1px solid #263d54;background-position:center;background-size:cover;position:relative;box-shadow:inset 0 -45px 45px -25px #000}
.catalog-panorama h2{top:0;left:0;right:0;width:auto;margin:0;padding:7px 12px;text-align:center;font-size:14px;background:linear-gradient(#080e18ed,#152333bb);border-bottom:1px solid #50728d66}
.catalog-hint{padding:8px 12px;color:#93afc7;font-size:10px;border-bottom:1px solid #273c51}
.technology-group h2{background:linear-gradient(#253a4d,#0c1723 50%,#172b3e);box-shadow:inset 0 1px #8197ad33;text-align:center;color:#a9c7e1;font-size:11px;letter-spacing:.25px}
.technology-strip{padding:12px 10px 8px;gap:10px 9px}.technology{width:80px;isolation:auto;transition:none}.technology-icon{width:80px;height:80px;border-radius:1px;border:1px solid #4f667e;box-shadow:0 2px 5px #000,inset 0 0 0 2px #0008;transition:filter .16s,box-shadow .16s,outline .16s}
.technology-name{display:block;font-size:9px;line-height:12px;min-height:25px;color:#a0b9cf;margin-top:5px}.technology:hover:not(:disabled){transform:none;box-shadow:none}.technology:hover .technology-icon,.technology:focus-visible .technology-icon{outline:1px solid #b1d7ed;outline-offset:2px;box-shadow:0 0 15px #71b5de44}.technology-selected .technology-icon{outline:1px solid #e5b665;box-shadow:0 0 12px #e5b66533}
.technology-state-dot{position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:#476b82;pointer-events:none}.technology-state-dot.ready{background:#9ac774;box-shadow:0 0 5px #8cb66a}.technology-state-dot.blocked{background:#76828c}.technology-state-dot.working{background:#edbc65;box-shadow:0 0 6px #e4a63b}
.tech-hover{display:none;position:absolute;z-index:35;top:82px;left:-10px;width:220px;text-align:left;padding:11px;background:linear-gradient(#172739f8,#080f1bf8);border:1px solid #62809a;box-shadow:0 8px 20px #000b;border-radius:4px;pointer-events:none;color:#b4cce0;font-size:10px;line-height:15px}.tech-hover>b,.tech-hover>span{display:block;margin-bottom:4px}.tech-hover>b{color:#ffc66b;font-size:11px}.tech-hover-cost{border-top:1px solid #526a8144;padding-top:5px}.technology:hover .tech-hover,.technology:focus-visible .tech-hover{display:block}.technology:nth-child(n+5) .tech-hover{left:auto;right:-8px}
.technology-details{min-height:235px;border-top:1px solid #7894ae55;border-bottom:1px solid #7894ae55;animation:detail-reveal .2s ease-out;margin:0 3px;grid-template-columns:200px minmax(0,1fr)}
.technology-information{position:relative;padding:12px 13px 10px;background:linear-gradient(120deg,#1b2b3e,#0a1321);min-width:0}.technology-information>.row{padding-right:14px}.technology-large{border-radius:0;border:0;height:200px;margin-top:10px}.technology-information h2{font-size:14px;color:#ffc16a}.technology-information p{font-size:10px;line-height:1.55;color:#a9bfd1}.close-technology{position:absolute;right:3px;top:3px;border:0;background:transparent;font-size:18px;padding:0 6px;color:#9eb4c7}.workshop-effects{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;margin-top:8px;color:#829fb9}.workshop-effects b{color:#c5dcef}.technology-requirements{font-size:10px;gap:6px 12px}.technology-action{border-top:1px solid #536b8144;padding-top:10px}.technology-action .primary{background:linear-gradient(#547846,#233d25);border:1px solid #7fa173;border-radius:3px;padding:6px 12px;box-shadow:inset 0 1px #d8edc333}.construction-feedback{margin:7px 0;font-size:10px;color:#efc880;background:#b88c2711;border-color:#ddba5b44}
.movement-ribbon{display:flex;align-items:center;gap:3px;margin-bottom:7px;padding:3px;background:linear-gradient(#263b50,#0c1826);border:1px solid #4d6276;box-shadow:0 2px 4px #0008;min-height:29px}.movement-ribbon button{padding:5px 10px;border-radius:2px;background:linear-gradient(#1d3145,#0b1724);border:1px solid #42576e;font-size:10px;color:#a9c7e0}.movement-ribbon button:nth-child(2){flex:1;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.movement-ribbon>span{padding:0 8px;font-size:10px;color:#8da9c1}.movement-ribbon .hostile{color:#ff947e;border-color:#b46555}
.nav button{border-radius:2px;background:linear-gradient(#243649,#0d1723 65%,#182a3b);border:1px solid #41526599;box-shadow:0 1px 3px #0007,inset 0 1px #91a4b31c;min-height:24px;margin-bottom:3px}.nav button.active{background:linear-gradient(#435f79,#182c42);border-color:#94b5cf;color:#eef7ff;box-shadow:inset 0 1px #d0e6ff55}.nav button:hover:not(:disabled){transform:none;background:linear-gradient(#3c5870,#18293b);color:#fff}.nav hr{margin:7px 5px}.topline{border-radius:2px;padding:7px 10px;background:linear-gradient(#1b2d40,#091421)}.panel{border-radius:3px;border-color:#41566a;box-shadow:0 2px 6px #0005,inset 0 1px #7994af12}.queue-panel{margin-top:10px}.queue-panel .tag{border-radius:2px;font-size:9px}.queue-panel .empty-state{padding:12px;color:#738da4}
.command-queues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.command-queue{background:linear-gradient(#15273b,#08111d);border:1px solid #4a5d70;box-shadow:0 3px 7px #0006}.command-queue>button{width:100%;border:0;border-radius:0;background:linear-gradient(#243b52,#101e2e);color:#a9c7df;font-size:10px;padding:6px;text-align:center;box-shadow:inset 0 1px #8daec02c}.command-queue .empty-state{padding:15px 8px;text-align:center;font-size:10px}.command-queue .task{padding:8px}.command-queue .task-title{font-size:10px}.command-queue .row{flex-wrap:wrap}.command-queue:nth-child(4),.command-queue:nth-child(5){margin-top:0}
@keyframes detail-reveal{from{opacity:.5;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.technology-details{grid-template-columns:150px minmax(0,1fr)}.technology-large{height:150px}.tech-hover{width:190px}}
@media(max-width:620px){.catalog-panorama{height:185px}.technology-details{grid-template-columns:95px minmax(0,1fr)}.technology-large{height:95px;min-height:95px}.technology-information{padding:10px 8px}.technology-information h2{font-size:12px}.technology-strip{gap:8px}.technology{width:68px}.technology-icon{width:68px;height:68px}.tech-hover{top:70px;width:170px}.technology:nth-child(n+3) .tech-hover{left:auto;right:0}.command-queues{grid-template-columns:repeat(2,minmax(0,1fr))}.movement-ribbon>span{display:none}}
@media(prefers-reduced-motion:reduce){.technology-details{animation:none}.technology-icon{transition:none}}
.resourcebar{display:flex;justify-content:space-between;align-items:flex-start;gap:4px;padding:12px 12px 18px;min-height:78px;position:relative;overflow:visible}
.resourcebar .resource{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;outline:none}
.resource-art{display:block;flex:none;width:48px;height:32px;background:url('assets/original/resource-metal.jpg') no-repeat 0 -160px;border:1px solid #47617b;box-sizing:content-box;box-shadow:0 1px 4px #000b}
.resource-art.crystal{background-position:-48px -160px}.resource-art.deuterium{background-position:-96px -160px}.resource-art.energy{background-position:-144px -160px}.resource-art.darkmatter{background-position:-192px -160px}.resource-art.food{background-position:-288px -160px}.resource-art.population{background-position:-336px -160px}
.resourcebar .resource strong{font-size:11px;font-weight:500;line-height:15px;color:#d2e9ff;white-space:nowrap;font-variant-numeric:tabular-nums}.resourcebar .resource strong.bad{color:#ff6464}
.resource-tooltip{display:none;position:absolute;z-index:30;top:56px;left:50%;transform:translateX(-50%);background:#091423f5;border:1px solid #55718d;border-radius:7px;padding:10px;min-width:150px;box-shadow:0 6px 20px #0009;pointer-events:none;color:#d2e9ff;font-size:11px}.resource-tooltip>b,.resource-tooltip>span,.resource-tooltip>small{display:block;margin:3px 0}.resource:hover .resource-tooltip,.resource:focus-visible .resource-tooltip{display:block}.resource:focus-visible .resource-art{outline:2px solid #a6d8ff;outline-offset:2px}
.resource-owner{position:absolute;bottom:3px;right:12px;font-size:9px;color:#89a6bb}.admin-target{margin:10px 0}.admin-target p{margin:5px 0 0;font-size:11px}
@media(max-width:620px){.resourcebar{position:sticky;top:0;z-index:10;padding:8px 2px 18px;gap:0;min-height:74px}.resourcebar .resource strong{font-size:9px}.resource-art{transform:scale(.8);margin:-3px -5px}.resource-tooltip{min-width:105px;max-width:150px}.resource:first-child .resource-tooltip{left:0;transform:none}.resource:last-of-type .resource-tooltip{left:auto;right:0;transform:none}}

/* Le volet se replie et se déroule via la transition du catalogue. */
.technology-screen > .technology-details{animation:none}
.technology-screen > .catalog-panorama,.technology-screen > .technology-details{overflow-anchor:none}

/* Rideau : le nouveau volet recouvre progressivement l'ancien, sans vide. */
.catalog-curtain{position:relative;overflow:hidden;isolation:isolate;background:#091421;margin:0 3px;min-height:0}
.catalog-curtain>.catalog-panorama,.catalog-curtain>.technology-details{margin:0;border-top:0;border-bottom:0;box-sizing:border-box;width:100%;animation:none}
.catalog-curtain>.curtain-layer{position:absolute;inset:0 0 auto;min-height:0}
.catalog-curtain>.curtain-next{z-index:2;background-color:#0a1522;box-shadow:0 12px 24px #0009}

/* Cadre permanent : aucune reconstruction de page à la fin du rideau. */
.catalog-stage{min-height:250px;position:relative;overflow-anchor:none;background:#091421}
.catalog-stage>.catalog-panorama{margin:0;height:250px;border:0;box-sizing:border-box}
.catalog-stage>.technology-details{margin:0;min-height:250px;animation:none;border:0}
.catalog-stage .catalog-curtain{margin:0;overflow-anchor:none}
.catalog-curtain>.curtain-layer{min-height:inherit}
@media(max-width:620px){.catalog-stage{min-height:200px}.catalog-stage>.catalog-panorama{height:200px}.catalog-stage>.technology-details{min-height:200px}}

.galaxy-planet{display:inline-block;width:30px;height:30px;border-radius:50%;vertical-align:middle;margin-right:8px;border:1px solid #7693aa77;box-shadow:inset -5px -3px 8px #0008,0 0 8px #73a7d329}.planet-thumbnail{background-size:cover}