@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;--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;z-index:1;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:center;text-decoration:none}
.marque img{height:40px;width:auto}
.discord{justify-self:start;position:relative;display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 12px;border:1px solid rgba(57,255,136,.35);background:linear-gradient(90deg,rgba(57,255,136,.08),transparent);font-family:var(--mono);font-size:13px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:var(--doux);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:color .2s,border-color .2s,background-color .2s}
.discord::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--vert);box-shadow:0 0 6px var(--vert);animation:pulse 1.8s ease-out infinite}
.discord svg{flex:none;color:#5865f2}
.discord span::before{content:"CH-06 // ";color:var(--vert);opacity:.7}
.discord:hover,.discord:focus-visible{color:var(--texte);border-color:var(--vert);background-color:rgba(57,255,136,.06)}
@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:end;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(--bleu)}
.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)}
.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)}
.depot{display:block;padding:28px 20px;border:1px dashed color-mix(in srgb,var(--accent) 50%,transparent);background:rgba(11,19,29,.82);color:var(--doux);text-align:center;cursor:pointer;transition:border-color .2s,color .2s}
.depot:hover,.depot.survol{border-color:var(--accent);color:var(--texte)}
.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){.discord span{display:none}.discord{padding:8px 10px}.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%);mask-image:linear-gradient(to bottom,transparent,#000 12%);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}}
.visees{display:none}
.visee-hangar{--c:var(--jaune)}
.visee-missions{--c:var(--vert)}
.visee-ennemis{--c:var(--rouge)}
.visee-equipements{--c:var(--bleu)}
.visee polyline{fill:none;stroke:var(--c);stroke-width:1.4;stroke-opacity:.6;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;animation:flux 2.4s linear infinite;transition:stroke-opacity .25s,stroke-width .25s}
.visee circle{fill:var(--c);opacity:.65;transition:opacity .25s}
.visee .anneau{fill:none;stroke:var(--c);stroke-opacity:.45;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center}
@keyframes flux{to{stroke-dashoffset:-20}}
@keyframes cible{0%{transform:scale(1.8);stroke-opacity:0}60%{transform:scale(1);stroke-opacity:1}100%{transform:scale(1);stroke-opacity:1}}
.holo:has(.porte-hangar:hover,.porte-hangar:focus-visible) .visee-hangar,
.holo:has(.porte-missions:hover,.porte-missions:focus-visible) .visee-missions,
.holo:has(.porte-ennemis:hover,.porte-ennemis:focus-visible) .visee-ennemis{filter:drop-shadow(0 0 5px var(--c))}
.holo:has(.porte-hangar:hover,.porte-hangar:focus-visible) .visee-hangar polyline,
.holo:has(.porte-missions:hover,.porte-missions:focus-visible) .visee-missions polyline,
.holo:has(.porte-ennemis:hover,.porte-ennemis:focus-visible) .visee-ennemis polyline{stroke-opacity:1;stroke-width:2;stroke-dasharray:none}
.holo:has(.porte-hangar:hover,.porte-hangar:focus-visible) .visee-hangar circle,
.holo:has(.porte-missions:hover,.porte-missions:focus-visible) .visee-missions circle,
.holo:has(.porte-ennemis:hover,.porte-ennemis:focus-visible) .visee-ennemis circle{opacity:1}
.holo:has(.porte-hangar:hover,.porte-hangar:focus-visible) .visee-hangar .anneau,
.holo:has(.porte-missions:hover,.porte-missions:focus-visible) .visee-missions .anneau,
.holo:has(.porte-ennemis:hover,.porte-ennemis:focus-visible) .visee-ennemis .anneau{animation:cible .45s ease-out forwards}
.visee-equipements polyline{stroke-opacity:.25;animation:none}
.visee-equipements circle{opacity:.35}
.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){
.heros{position:relative;z-index:2;margin-top:-40px;padding:0;pointer-events:none}
.heros img{max-width:min(760px,60%)}
.accroche{font-size:26px}
.sous{margin-top:2px;font-size:13px}
.holo{position:relative;display:block;aspect-ratio:1200/760;width:min(100%,max(940px,calc((100vh - 440px) * 1.579)));padding:0;margin:6px auto 20px}
.hologramme{position:absolute;left:16.667%;top:15.79%;width:66.667%}
.visees{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.holo .porte{position:absolute;width:21.667%;padding:26px 18px 18px;gap:8px}
.holo .icone{width:56px;height:56px}
.holo .titre{font-size:19px}
.holo .texte{font-size:12px}
.holo .porte-hangar{left:0;top:5.26%}
.holo .porte-missions{right:0;top:5.26%}
.holo .porte-ennemis{left:0;top:63.16%}
.holo .porte-equipements{right:0;top:63.16%}
}
.radar{display:none}
@media (min-width:1000px){
.radar{display:block;position:absolute;left:16.667%;top:15.79%;width:66.667%;aspect-ratio:1200/769;pointer-events:none}
.disque{position:absolute;left:49.4%;top:62.8%;width:92%;aspect-ratio:1;transform:translate(-50%,-50%) scaleY(.4)}
.balai{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 290deg,rgba(92,200,255,.08) 320deg,rgba(92,200,255,.35) 359deg,rgba(180,235,255,.7) 360deg);mix-blend-mode:screen;animation:tour 7s linear infinite}
@keyframes tour{to{transform:rotate(360deg)}}
.blip{position:absolute;left:var(--x);top:var(--y);width:46px;height:18px;margin:-9px 0 0 -23px;border:1.5px solid rgba(120,220,255,.9);border-radius:50%;opacity:0;animation:blip 3.2s ease-out var(--d) infinite}
@keyframes blip{0%{transform:scale(.2);opacity:0}15%{opacity:1}100%{transform:scale(1.8);opacity:0}}
}