@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url(polices/barlow-500.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(polices/barlow-600.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url(polices/barlow-700.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(polices/ibm-plex-mono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(polices/ibm-plex-mono-500.woff2) format("woff2")}
:root{--fond:#0E1620;--fond2:#131d29;--fond-carte:rgba(14,22,32,.78);--texte:#E8EEF4;--doux:#8C9AA8;--ligne:rgba(232,238,244,.12);--rouge:#FF3B3B;--vert:#39FF88;--bleu:#5cc8ff;--violet:#b36bff;--jaune:#ffc93c;--police:"Barlow","Bahnschrift","Segoe UI",sans-serif;--mono:"IBM Plex Mono","Consolas",monospace;--angle:18px;--ecart:-10px}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 18%,rgba(255,59,59,.07),transparent 55%),var(--fond);color:var(--texte);font-family:var(--police);font-weight:500;line-height:1.5}
body::before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),linear-gradient(var(--ligne) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,var(--ligne) 1px,transparent 1px) 0 0/64px 64px;opacity:.55}
body::after{content:"";position:fixed;inset:0;z-index:99;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(4,8,12,.85) 100%)}
a{color:inherit}
.barre{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;height:65px;padding:0 clamp(16px,4vw,48px);border-bottom:1px solid var(--ligne)}
.marque{display:block;line-height:0;justify-self:start;text-decoration:none}
.marque img{height:40px;width:auto;transition:filter .2s}
a.marque:hover img,a.marque:focus-visible img{filter:brightness(1.3) drop-shadow(0 0 6px rgba(232,238,244,.5))}
a.marque,.langues a{position:relative}
.redacted{position:relative;display:block;justify-self:end;line-height:0}
.redacted img{height:32px;width:auto;transition:filter .2s}
.redacted:hover img,.redacted:focus-visible img{filter:brightness(1.3) drop-shadow(0 0 6px rgba(232,238,244,.5))}
.zone{position:relative;z-index:101;display:inline-flex;justify-self:end;align-items:center;justify-content:center;gap:8px;width:256px;height:48px;border-style:solid;border-width:9px 12px;border-image:url(img/plaque.webp) 25.2% 9% fill / 9px 12px stretch;color:var(--texte);font-size:13px;font-weight:700;letter-spacing:1px;text-decoration:none;text-transform:uppercase;white-space:nowrap;filter:brightness(.6);transition:filter .3s}
.zone:hover,.zone:focus-visible{filter:brightness(1.25)}
.zone:hover .zone-texte,.zone:focus-visible .zone-texte{animation:glitch .35s steps(2,end)}
a.marque:hover,a.marque:focus-visible,.redacted:hover,.redacted:focus-visible,.langues a:hover,.langues a:focus-visible{z-index:101}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(57,255,136,.7),0 0 6px var(--vert)}70%{box-shadow:0 0 0 8px rgba(57,255,136,0),0 0 6px var(--vert)}100%{box-shadow:0 0 0 0 rgba(57,255,136,0),0 0 6px var(--vert)}}
.langues{justify-self:center;display:flex;gap:10px;font-family:var(--mono);font-size:14px;letter-spacing:2px;color:var(--doux)}
.langues a{text-decoration:none;color:var(--doux);transition:color .2s}
.langues a:hover,.langues a[aria-current]{color:var(--texte)}
.langues a[aria-current]{text-shadow:0 0 8px rgba(232,238,244,.5)}
main{position:relative;z-index:1;flex:1;width:min(1200px,100%);margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.heros{text-align:center;padding:clamp(12px,3vw,32px) 0 clamp(24px,4vw,48px)}
.heros h1{margin:0}
.heros img{display:block;width:100%;max-width:760px;margin:0 auto;height:auto;-webkit-mask-image:radial-gradient(ellipse 70% 75% at center,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 70% 75% at center,#000 55%,transparent 100%)}
.accroche{margin:0;font-size:clamp(22px,2.8vw,32px);font-weight:700;letter-spacing:2px;text-transform:uppercase}
.sous{margin:8px 0 0;font-family:var(--mono);font-size:clamp(13px,1.3vw,15px);color:var(--doux)}
.porte{--c:var(--accent,var(--vert));--biseau:12px;--forme:polygon(0 0,calc(100% - var(--biseau)) 0,100% var(--biseau),100% 100%,var(--biseau) 100%,0 calc(100% - var(--biseau)));position:relative;isolation:isolate;display:flex;flex-direction:column;gap:10px;padding:30px 22px 24px;text-decoration:none;transition:transform .25s}
.cadre{position:absolute;inset:0;z-index:-1;overflow:hidden;background:rgba(232,238,244,.16);clip-path:var(--forme);transition:background-color .25s}
.cadre::before{content:"";position:absolute;inset:1px;background:#111b26;clip-path:var(--forme);transition:background-color .25s}
.cadre::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--c) 38%,transparent) 50%,transparent);transform:translateY(-100%);opacity:0;pointer-events:none}
.porte:hover .cadre,.porte:focus-visible .cadre{background-color:color-mix(in srgb,var(--c) 50%,transparent)}
.porte:hover .cadre::before,.porte:focus-visible .cadre::before{background-color:color-mix(in srgb,var(--c) 6%,#111b26)}
.porte:hover .cadre::after,.porte:focus-visible .cadre::after{animation:balayage .8s ease-out}
@keyframes balayage{0%{transform:translateY(-100%);opacity:1}100%{transform:translateY(100%);opacity:0}}
.led{position:absolute;left:0;top:28px;width:4px;height:30px;background:#3a4654;transition:background-color .2s,box-shadow .2s}
.porte:hover .led,.porte:focus-visible .led{background:var(--c);box-shadow:0 0 8px var(--c)}
.telemetrie{position:absolute;top:8px;left:14px;font-family:var(--mono);font-size:11px;letter-spacing:1px;color:rgba(140,154,168,.75);transition:color .2s}
.porte:hover .telemetrie,.porte:focus-visible .telemetrie{color:var(--c)}
.porte::before,.porte::after{content:"";position:absolute;inset:var(--ecart);border:2px solid var(--c);opacity:.55;pointer-events:none;transition:inset .35s cubic-bezier(.2,.8,.2,1),opacity .25s,filter .25s}
.porte::before{-webkit-mask:linear-gradient(#000 0 0) top left/var(--angle) var(--angle) no-repeat,linear-gradient(#000 0 0) bottom right/var(--angle) var(--angle) no-repeat;mask:linear-gradient(#000 0 0) top left/var(--angle) var(--angle) no-repeat,linear-gradient(#000 0 0) bottom right/var(--angle) var(--angle) no-repeat}
.porte::after{-webkit-mask:linear-gradient(#000 0 0) top right/var(--angle) var(--angle) no-repeat,linear-gradient(#000 0 0) bottom left/var(--angle) var(--angle) no-repeat;mask:linear-gradient(#000 0 0) top right/var(--angle) var(--angle) no-repeat,linear-gradient(#000 0 0) bottom left/var(--angle) var(--angle) no-repeat}
.porte-hangar{--accent:var(--jaune)}
.porte-missions{--accent:var(--vert)}
.porte-ennemis{--accent:var(--rouge)}
.porte-equipements{--accent:var(--violet)}
.porte:hover,.porte:focus-visible{transform:translateY(-2px);outline:none}
.porte:hover::before,.porte:hover::after,.porte:focus-visible::before,.porte:focus-visible::after{inset:6px;opacity:1;filter:drop-shadow(0 0 6px var(--c))}
.icone{width:72px;height:72px;object-fit:contain;transition:filter .25s}
.porte:hover .icone{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--c) 60%,transparent))}
.titre{font-size:21px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--texte)}
.texte{font-family:var(--mono);font-size:13px;line-height:1.55;color:var(--doux)}
.porte[aria-disabled]{cursor:default;opacity:.75}
.porte[aria-disabled]:hover{transform:none}
.porte[aria-disabled]:hover .cadre{background-color:rgba(232,238,244,.16)}
.porte[aria-disabled]:hover .cadre::before{background-color:#111b26}
.porte[aria-disabled]:hover .cadre::after{animation:none}
.porte[aria-disabled]:hover .led{background:#3a4654;box-shadow:none}
.porte[aria-disabled]:hover .telemetrie{color:rgba(140,154,168,.75)}
.porte[aria-disabled]:hover::before,.porte[aria-disabled]:hover::after{inset:var(--ecart);opacity:.55;filter:none}
.badge{align-self:flex-start;margin-top:4px;padding:2px 8px;border:1px solid var(--ligne);font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--doux)}
.pied{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;padding:18px clamp(16px,4vw,48px);border-top:1px solid var(--ligne);font-family:var(--mono);font-size:12px;letter-spacing:.5px;color:var(--doux);text-align:center}
.communaute{flex:none;width:48px;height:48px;opacity:.6;transition:opacity .2s}
.lien-communaute{flex:none;line-height:0}
.lien-communaute:hover .communaute,.lien-communaute:focus-visible .communaute{opacity:1}
.pied span a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(140,154,168,.4);transition:color .2s,border-color .2s}
.pied span a:hover,.pied span a:focus-visible{color:var(--texte);border-bottom-color:var(--texte)}
.rubrique{padding-top:clamp(20px,3vw,40px);padding-bottom:56px}
.rubrique-ennemis{--accent:var(--rouge)}
.rubrique-equipements{--accent:var(--violet)}
.rubrique-secret{--accent:#c8d2dc}
.titre-page{display:flex;align-items:center;gap:14px;margin:0;font-size:clamp(28px,3.4vw,40px);letter-spacing:2px}
.titre-page img{width:64px;height:64px}
.intro{margin:6px 0 24px;color:var(--doux)}
.retour{color:var(--doux);text-decoration:none;font-size:14px;letter-spacing:1px}
.retour:hover{color:var(--accent)}
.filtres{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.filtres input,.filtres select{padding:10px 14px;background:rgba(11,19,29,.82);border:1px solid var(--ligne);color:var(--texte);font:inherit;font-size:15px}
.filtres input{flex:1;min-width:220px}
.filtres input:focus,.filtres select:focus{outline:none;border-color:var(--accent)}
.liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.carte{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:rgba(11,19,29,.82);border:1px solid var(--ligne);border-left:3px solid color-mix(in srgb,var(--accent) 60%,transparent);text-decoration:none;transition:border-color .2s,transform .2s}
.carte:hover{border-color:var(--accent);transform:translateY(-2px)}
.carte[hidden]{display:none}
.nom{font-size:18px;font-weight:700;letter-spacing:.5px}
.meta{color:var(--doux);font-size:13px}
.chiffres{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;color:var(--doux);font-size:13px}
.chiffres b{color:var(--texte)}
.vide{color:var(--doux)}
.bilan{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.pastille{display:flex;flex-direction:column;padding:10px 18px;border:1px solid var(--ligne);background:rgba(11,19,29,.82)}
.pastille span{color:var(--doux);font-size:12px;letter-spacing:2px;text-transform:uppercase}
.pastille b{font-size:20px}
.pastille-fort{border-color:color-mix(in srgb,var(--vert) 55%,transparent)}
.pastille-fort b{color:var(--vert)}
.pastille-faible{border-color:color-mix(in srgb,var(--rouge) 55%,transparent)}
.pastille-faible b{color:var(--rouge)}
.jauges{display:grid;gap:10px;max-width:640px;margin-bottom:28px}
.jauge{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px}
.libelle{font-size:15px}
.barre-fond{height:10px;background:rgba(230,237,243,.08);border:1px solid var(--ligne)}
.barre-plein{display:block;height:100%;background:var(--doux)}
.jauge-fort .barre-plein{background:var(--vert)}
.jauge-faible .barre-plein{background:var(--rouge)}
.note{color:var(--doux);font-size:13px}
.details{margin-bottom:28px}
.details h2{margin:0 0 12px;font-size:18px;letter-spacing:1px;text-transform:uppercase;color:var(--doux)}
.details dl{display:grid;grid-template-columns:minmax(200px,max-content) 1fr;gap:8px 24px;margin:0}
.details dt{color:var(--doux)}
.details dd{margin:0}
.armement,.missions{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.taille{display:inline-block;min-width:34px;padding:0 6px;border:1px solid var(--ligne);color:var(--accent);font-size:13px;text-align:center}
.missions{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:12px;color:var(--doux);font-size:14px}
details summary{cursor:pointer;color:var(--accent)}
.rubrique-missions{--accent:var(--vert)}
.illegal{color:var(--rouge)}
.carte-menace{border-left-color:var(--rouge)}
.liste-serree{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.liste-serree .carte{padding:10px 12px}
.liste-serree .nom{font-size:15px}
.bientot-texte{margin:0;padding:14px 16px;border:1px dashed var(--ligne);color:var(--doux)}
.carte-top{border-left-color:var(--vert)}
.tableau{overflow-x:auto}
.tableau table{width:100%;border-collapse:collapse;font-size:14px}
.tableau th,.tableau td{padding:8px 12px;border-bottom:1px solid var(--ligne);text-align:left}
.tableau th{color:var(--doux);font-weight:400;font-size:12px;letter-spacing:1px;text-transform:uppercase}
.rubrique-hangar{--accent:var(--jaune)}
.message{margin:10px 0 0}
.message-ok{color:var(--vert)}
.message-erreur{color:var(--rouge)}
.compteur{color:var(--accent);text-transform:none;letter-spacing:0}
.carte .retirer{align-self:flex-start;margin-top:6px;padding:2px 8px;background:none;border:1px solid var(--ligne);color:var(--doux);font:inherit;font-size:12px;cursor:pointer}
.carte .retirer:hover{border-color:var(--rouge);color:var(--rouge)}
.bouton{padding:8px 16px;background:none;border:1px solid var(--ligne);color:var(--doux);font:inherit;font-size:14px;cursor:pointer}
.bouton:hover{border-color:var(--rouge);color:var(--rouge)}
.choix{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px;margin-bottom:12px}
.case{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer}
.case[hidden]{display:none}
.case input{accent-color:var(--accent)}
.case small{color:var(--doux);font-size:12px}
.case-texte{display:flex;flex-direction:column;line-height:1.25}
.mini{flex:none;width:64px;height:36px;object-fit:cover;border:1px solid var(--ligne)}
.carte .photo{display:block;width:calc(100% + 32px);max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;margin:-14px -16px 8px;background:var(--fond2)}
.liste-serree .carte .photo{width:calc(100% + 24px);margin:-10px -12px 6px}
.photo-fiche{display:block;width:min(480px,100%);height:auto;aspect-ratio:16/9;object-fit:cover;margin:8px 0 12px;border:1px solid var(--ligne)}
@media (max-width:520px){.jauge{grid-template-columns:110px 1fr}.details dl{grid-template-columns:1fr;gap:2px}.details dd{margin-bottom:8px}}
@media (max-width:720px){.liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.liste .carte{padding:10px}.liste .carte .photo{width:calc(100% + 20px);margin:-10px -10px 6px}.liste .nom{font-size:15px}}
@media (max-width:520px){.pied{flex-direction:column}.langues{font-size:14px}.marque img{height:32px}}
.entete-section{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:12px}
.entete-section h2{margin:0}
.tailles{display:flex;border:1px solid var(--ligne)}
.tailles button{padding:4px 12px;background:none;border:0;color:var(--doux);font:inherit;font-size:13px;cursor:pointer}
.tailles button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--texte)}
.vignettes-1{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.vignettes-2{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.vignettes-3{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}
.vignettes-1 .nom{font-size:15px}
.carte-vaisseau{cursor:pointer}
.carte-vaisseau:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.actions{display:flex;gap:8px;margin-top:6px}
.actions .retirer{margin-top:0}
.carte .equiper{padding:2px 8px;background:none;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);color:var(--texte);font:inherit;font-size:12px;cursor:pointer}
.carte .equiper:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}
.etiquette{align-self:flex-start;padding:1px 6px;background:var(--accent);color:var(--fond);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.atelier{--accent:var(--jaune);width:min(760px,calc(100% - 24px));max-height:calc(100vh - 48px);padding:20px;background:var(--fond2);color:var(--texte);border:1px solid var(--accent)}
.atelier::backdrop{background:rgba(5,9,14,.8)}
.atelier-haut{position:relative;display:flex;gap:16px;align-items:center;margin:0 0 4px;padding-right:32px}
.atelier-haut h2{margin:0;font-size:24px}
.atelier-haut .meta{margin:0;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}
.atelier-photo{flex:none;width:200px;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--ligne)}
.atelier-fermer{position:absolute;top:-10px;right:-6px;padding:0 6px;background:none;border:0;color:var(--doux);font-size:30px;line-height:1;cursor:pointer}
.atelier-fermer:hover{color:var(--texte)}
.atelier-bloc{min-width:0;margin:0 0 12px;padding:6px 12px 12px;border:1px solid var(--ligne)}
.atelier-bloc legend{padding:0 6px;color:var(--accent);font-size:13px;letter-spacing:1px;text-transform:uppercase}
.atelier-ligne{display:flex;gap:10px;align-items:center;margin-top:6px}
.atelier-taille{flex:none;width:30px;color:var(--doux);font-size:13px}
.atelier select{flex:1;width:100%;min-width:0;text-overflow:ellipsis;padding:6px 8px;background:var(--fond);color:var(--texte);border:1px solid var(--ligne);font:inherit;font-size:14px}
@media (max-width:720px){.vignettes-1{grid-template-columns:repeat(3,minmax(0,1fr))}.vignettes-3{grid-template-columns:1fr}.vignettes-1 .meta{display:none}}
@media (max-width:520px){.atelier{padding:14px}.atelier-photo{width:110px}.atelier-haut h2{font-size:19px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.holo{display:grid;grid-template-columns:1fr;gap:28px;padding:12px 0 56px}
.hologramme{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12% 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12% 78%,transparent);filter:drop-shadow(0 0 18px rgba(92,200,255,.16));animation:holo 6s ease-in-out infinite}
@keyframes holo{0%,100%{opacity:.9}50%{opacity:1}}
.porte:hover .titre,.porte:focus-visible .titre{animation:glitch .35s steps(2,end)}
.porte[aria-disabled]:hover .titre{animation:none}
@keyframes glitch{0%{transform:translateX(0);text-shadow:none}25%{transform:translateX(-2px);text-shadow:2px 0 var(--rouge),-2px 0 var(--bleu)}50%{transform:translateX(2px);text-shadow:-2px 0 var(--rouge),2px 0 var(--bleu)}75%{transform:translateX(-1px);text-shadow:1px 0 var(--c)}100%{transform:translateX(0);text-shadow:none}}
@media (min-width:600px) and (max-width:999px){.holo{grid-template-columns:repeat(2,1fr)}.hologramme{grid-column:1/-1}}
@media (min-width:1000px){
main{--haut:clamp(150px,22.6vh,300px)}
.heros{position:relative;z-index:2;height:var(--haut);padding:6px 0 0;pointer-events:none}
.heros img{max-width:min(800px,60vh);margin-top:-2.3vh}
.accroche{margin-top:-2vh;font-size:min(32px,2.75vh)}
.sous{margin-top:2px;font-size:min(17px,1.8vh)}
.holo{--large:min(100vw,calc((100vh - 65px) * 1.792));--scene:calc(var(--large) / 1.792);--marge:calc(min(240px,max(0px,100vh - 65px - var(--scene)) * .6) + var(--scene) * .08);position:relative;display:block;aspect-ratio:2000/1116;width:var(--large);padding:0;margin:calc(var(--marge) - var(--haut)) 0 calc(var(--scene) * -.13) calc(50% - var(--large) / 2)}
.hologramme{position:absolute;inset:0;width:100%;height:100%;filter:none;animation:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 7% 93%,transparent),linear-gradient(to bottom,transparent,#000 10% 76%,transparent 94%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 7% 93%,transparent),linear-gradient(to bottom,transparent,#000 10% 76%,transparent 94%);mask-composite:intersect}
.rubriques{position:absolute;z-index:1;left:6%;right:6%;top:calc(var(--haut) - var(--marge) + 12px);display:flex;align-items:center;justify-content:center;gap:64px}
.holo .porte{flex:0 0 192px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-width:0;height:64px;padding:0;transition:filter .2s}
.holo .porte:hover,.holo .porte:focus-visible{filter:brightness(1.3)}
.holo .porte::before,.holo .porte::after,.holo .cadre::before,.holo .cadre::after{display:none}
.holo .porte .cadre{inset:0;overflow:visible;clip-path:none;border-radius:0;background:none;border-style:solid;border-width:12px 16px;border-image:url(img/plaque.webp) 25.2% 9% fill / 12px 16px stretch;opacity:.55}
.holo .icone{width:28px;height:28px}
.holo .titre{font-size:13px;letter-spacing:1px;white-space:nowrap}
.holo .texte{display:none;grid-column:1/-1;margin-top:6px;font-size:12px}
.holo .led,.holo .telemetrie{display:none}
}
.radar{display:none}
@media (min-width:1000px){
.radar{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none}
.holo{container-type:inline-size}
.plan{position:absolute;left:21%;top:-4.93%;width:58%;aspect-ratio:1;perspective:78.85cqw}
.balai{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 280deg,rgba(92,200,255,.06) 315deg,rgba(92,200,255,.32) 358deg,rgba(190,240,255,.75) 360deg);mix-blend-mode:screen;transform:rotateX(67.2deg) rotateZ(0deg);animation:tour 7s linear infinite}
@keyframes tour{to{transform:rotateX(67.2deg) rotateZ(360deg)}}
}
.porte{padding:22px 18px 34px 30px}
.porte .cadre{clip-path:none;border-radius:6px;background:linear-gradient(160deg,rgba(232,238,244,.34),rgba(232,238,244,.12))}
.porte .cadre::before{clip-path:none;border-radius:5px;background:linear-gradient(160deg,rgba(120,160,200,.14),rgba(30,45,62,.42) 45%,rgba(14,22,32,.55));-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2)}
.porte:hover .cadre::before,.porte:focus-visible .cadre::before{background-color:color-mix(in srgb,var(--c) 8%,rgba(14,22,32,.55))}
.porte::before,.porte::after{opacity:0}
.porte[aria-disabled]:hover::before,.porte[aria-disabled]:hover::after{opacity:0}
.porte .led{left:9px;top:12px;bottom:12px;width:8px;height:auto;background:repeating-linear-gradient(to bottom,rgba(140,154,168,.5) 0 1px,transparent 1px 7px);box-shadow:none}
.porte:hover .led,.porte:focus-visible .led{background:repeating-linear-gradient(to bottom,var(--c) 0 1px,transparent 1px 7px);box-shadow:none}
.porte[aria-disabled]:hover .led{background:repeating-linear-gradient(to bottom,rgba(140,154,168,.5) 0 1px,transparent 1px 7px)}
.porte .telemetrie{top:auto;bottom:11px;left:30px}
.porte[aria-disabled]{opacity:1}
.porte[aria-disabled] .icone,.porte[aria-disabled] .titre,.porte[aria-disabled] .texte{opacity:.6}
.etiquette-proche{background:none;border:1px solid var(--jaune);color:var(--jaune)}
@media (min-width:1000px){body{overflow-x:clip}}
.bouton{display:inline-block;padding:10px 18px;background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid var(--accent);color:var(--texte);font:inherit;text-decoration:none;cursor:pointer}
.bouton:hover,.bouton:focus-visible,.bouton.survol{background:color-mix(in srgb,var(--accent) 30%,transparent)}
.bouton[hidden]{display:none}
.ecrire{display:grid;gap:10px;justify-items:start}
.ecrire textarea{width:100%;padding:10px 14px;background:rgba(11,19,29,.82);border:1px solid var(--ligne);color:var(--texte);font:inherit;resize:vertical}
.mur{display:grid;gap:12px;margin-bottom:20px}
.message{margin:6px 0 0;overflow-wrap:anywhere}
@media (max-width:999px){.rubriques{display:contents}}
body:has(.rubrique){background:url(img/fond-rubrique.webp) center/cover no-repeat fixed var(--fond)}
.actions-hangar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}
#depot{width:128px;padding-left:4px;padding-right:4px;font-size:14px;text-align:center;white-space:nowrap}
.rubrique>.jauges{max-width:none}
.rubrique>.details,.rubrique>.jauges,.rubrique>.mur{border:28px solid transparent;border-image:url(img/panneau.webp) 188 fill / 64px stretch;padding:4px 8px;margin-bottom:32px}
.trace,.pulses{display:none}
@media (min-width:1000px){
.pulses{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}
.pulses ellipse{fill:var(--c);opacity:0;filter:drop-shadow(0 0 5px var(--c));animation:pulseping 7s linear infinite}
.pulse-hangar{--c:var(--jaune);animation-delay:-1.77s!important}
.pulse-equipements{--c:var(--violet);animation-delay:-2.95s!important}
.pulse-missions{--c:var(--vert);animation-delay:-4.06s!important}
.pulse-ennemis{--c:var(--rouge);animation-delay:-5.23s!important}
@keyframes pulseping{0%{opacity:0}2%{opacity:.66}25%,100%{opacity:0}}
.trace{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.trace polyline{fill:none;stroke:var(--c);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;filter:drop-shadow(0 0 4px var(--c))}
.trace-lancee polyline{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .45s linear}
.trace ellipse{opacity:0}
.trace .coeur{fill:var(--c);filter:drop-shadow(0 0 6px var(--c))}
.trace .onde{fill:none;stroke:var(--c);stroke-width:2;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center}
.trace-allumee .coeur{opacity:1;transition:opacity .15s}
.trace-allumee .onde{animation:ondeping .6s ease-out}
@keyframes ondeping{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(2.4)}}
.plonge,.plonge body{overflow:hidden}
.plonge main{transition:transform .9s cubic-bezier(.7,0,.9,.4),opacity .4s linear .5s}
.plonge-zoom main{transform:scale(16);opacity:0}
.plonge .barre,.plonge .pied{transition:opacity .4s}
.plonge-zoom .barre,.plonge-zoom .pied{opacity:0}
}
@media (max-width:520px){.barre{grid-template-columns:auto auto auto;justify-content:space-between;gap:8px;padding:0 12px}.marque img{height:26px}.redacted img{height:20px}.langues{gap:6px;letter-spacing:1px}.zone{gap:0;width:150px;height:36px;border-width:6px 8px;border-image-width:6px 8px;font-size:11px;letter-spacing:.5px}.drapeau{display:none}}
@media (max-width:600px){.rubrique>.details,.rubrique>.jauges,.rubrique>.mur{border-width:16px;border-image-width:40px;padding:4px}}
.champ{display:flex;flex:1;flex-direction:column;gap:4px;min-width:220px;color:var(--doux);font-size:13px}
.champ select{width:100%}
.rubrique-plan{--accent:var(--bleu)}
.plan-verdict{margin:0 0 12px;font-size:28px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.plan-verdict[data-etat=favorable]{color:var(--vert)}
.plan-verdict[data-etat=serre]{color:var(--jaune)}
.plan-verdict[data-etat=defavorable]{color:var(--rouge)}
.plan-duel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.plan-duel figure{display:flex;flex-direction:column;gap:6px;margin:0}
.plan-duel img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.plan-duel figcaption{color:var(--doux)}
.plan-duel b{font-size:18px}
.plan-liste{display:grid;gap:8px;margin:0;padding-left:20px}
.porte-maintenance,span.redacted{pointer-events:none}
.holo .porte-maintenance{flex-basis:256px}