@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Rajdhani:wght@500;700&display=swap";:root{--fond:#03060c;--panneau:#0b1a2c;--panneau-clair:#13304e;--bord:#2c6a8e;--texte:#cfe8ff;--pale:#8db3d1;--accent:#5cf0c0;--alerte:#ff5a46;--or:#ffd060;--positif:#6fe08a;--negatif:#ff7a6a;--police:"Share Tech Mono", ui-monospace, monospace;--titre:"Rajdhani", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--fond);height:100%;color:var(--texte);font-family:var(--police);margin:0;overflow:hidden}#app{position:fixed;inset:0}.cache{display:none!important}h1,h2,h3,h4{font-family:var(--titre);letter-spacing:.04em;margin:0 0 .5em}p{margin:0 0 .6em;line-height:1.45}button{font:inherit;color:var(--texte);background:var(--panneau-clair);border:1px solid var(--bord);cursor:pointer;text-align:left;border-radius:2px;padding:.45em .9em}button:hover:not(:disabled){border-color:var(--accent);background:#1c4670}button:disabled{opacity:.4;cursor:default}button.primaire{border-color:var(--accent);color:#eafff8;background:#145a4a}button.primaire:hover:not(:disabled){background:#1b7560}button.petit{margin:.1em;padding:.2em .6em;font-size:.85em}button.actif{background:var(--accent);color:#032018;border-color:var(--accent)}select,input{font:inherit;color:var(--texte);border:1px solid var(--bord);background:#08131f}table{border-collapse:collapse;width:100%;margin-bottom:1em;font-size:.88em}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #1d3a55;padding:.3em .5em}th{color:var(--pale);background:var(--panneau);font-weight:400;position:sticky;top:0}.positif{color:var(--positif)}.negatif{color:var(--negatif)}.geo{display:flex;position:absolute;inset:0}.geo canvas{touch-action:none;cursor:grab;flex:1;min-width:0;height:100%;display:block}.geo.placement canvas{cursor:crosshair}.panneau{border-left:2px solid var(--bord);background:linear-gradient(#0c1e33,#07111e);flex-direction:column;flex-shrink:0;gap:6px;width:230px;padding:12px;display:flex;overflow-y:auto}.panneau>button{text-align:center;width:100%;font-family:var(--titre);letter-spacing:.06em;font-size:1.05em;font-weight:700}.logo{font-family:var(--titre);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:1.75em;font-weight:700;line-height:1}.logo small{color:var(--pale);letter-spacing:.1em;font-size:.36em;display:block}.horloge{border:1px solid var(--bord);text-align:center;background:#020a12;padding:6px}.g-heure{color:var(--accent);font-size:1.8em}.g-date{color:var(--pale)}.vitesses{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.vitesses button{text-align:center;padding:.25em 0;font-size:.8em}.g-argent{text-align:center;color:var(--or);background:#0d0b04;border:1px solid #3a3420;padding:4px;font-size:1.15em}.g-info{margin-top:8px;font-size:.85em}.g-info h3{color:var(--or);font-size:1.2em}.g-bandeau{border:1px solid var(--accent);text-align:center;background:#081424eb;width:calc(100% - 300px);max-width:640px;padding:10px 16px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.toasts{pointer-events:none;flex-direction:column;gap:4px;max-width:420px;display:flex;position:absolute;bottom:12px;left:12px}.toast{border-left:3px solid var(--accent);background:#0a1a2ceb;padding:6px 10px;font-size:.88em;transition:opacity .6s}.toast.part{opacity:0}.modale{z-index:20;background:#00040a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.boite{background:var(--panneau);border:2px solid var(--bord);width:min(560px,100%);max-height:90vh;padding:18px 20px;overflow-y:auto;box-shadow:0 0 40px #3cb4ff26}.modale.alerte .boite{border-color:var(--alerte)}.modale.alerte h2{color:var(--alerte)}.boite .actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.liste-choix{flex-direction:column;gap:6px;display:flex}.bilan{padding:0;list-style:none}.bilan li{border-bottom:1px solid #1d3a55;padding:3px 0}.bilan .butin{color:var(--or)}.duel .boite{width:min(600px,100%)}.radar-duel{border:1px solid #1d5a3a;width:100%;height:auto;display:block}.etat-duel{color:var(--pale);flex-wrap:wrap;gap:4px 16px;margin:8px 0;font-size:.88em;display:flex}.postures{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.postures button{text-align:center}.journal-duel{height:92px;color:var(--pale);margin-top:8px;font-size:.85em;overflow:hidden}.journal-duel p{margin:0}.journal-duel p:first-child{color:var(--texte)}.accueil{z-index:10;background:linear-gradient(90deg,#02060cf2 60%,#02060c00);width:min(520px,100%);padding:8vh 40px;position:absolute;top:0;bottom:0;left:0}.accueil h1{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 24px #5cf0c059;margin:0;font-size:4.2em;line-height:1}.accueil .sous-titre{font-family:var(--titre);color:var(--pale);letter-spacing:.2em;text-transform:uppercase;font-size:1.4em}.accueil .pitch{max-width:400px;color:var(--texte);margin:2em 0}.accueil .actions{flex-direction:column;gap:10px;max-width:280px;display:flex}.accueil .actions button{font-family:var(--titre);text-align:center;font-size:1.2em;font-weight:700}.fenetre-base{z-index:15;background:#00040ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.cadre-base{background:var(--panneau);border:2px solid var(--bord);flex-direction:column;width:min(1180px,100%);height:min(860px,100%);display:flex}.base-haut{border-bottom:1px solid var(--bord);align-items:center;gap:16px;padding:12px 16px;display:flex}.base-haut h2{color:var(--accent);flex:1;margin:0}.base-argent{color:var(--or)}.onglets{border-bottom:1px solid var(--bord);flex-wrap:wrap;gap:2px;padding:8px 16px 0;display:flex}.onglets button{font-family:var(--titre);border-bottom:none;font-weight:700}.base-corps{flex:1;padding:14px 16px;overflow:auto}.aide{color:var(--pale);font-size:.88em}.blesse{color:var(--negatif)}.compteur{align-items:center;gap:4px;display:flex}.compteur span{text-align:center;min-width:1.5em}.grille-projets{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-bottom:1em;display:grid}.carte-projet{background:#08141f;border:1px solid #1d3a55;margin-bottom:8px;padding:10px}.carte-projet.en-cours{border-color:var(--accent)}.carte-projet h4{color:var(--or)}.progres{border:1px solid var(--bord);background:#031018;height:10px;margin:6px 0}.progres i{background:linear-gradient(90deg, #1b7560, var(--accent));height:100%;display:block}.decouverte{border-bottom:1px solid #1d3a55;padding:4px 0}.decouverte summary{cursor:pointer;color:var(--or)}.combat{position:absolute;inset:0}.combat canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.combat.en-visee canvas{cursor:crosshair}.combat-haut{pointer-events:none;background:linear-gradient(#040a12e6,#040a1200);gap:18px;padding:8px 14px;display:flex;position:absolute;top:0;left:0;right:0}.c-titre{color:var(--pale)}.c-tour{color:var(--accent)}.c-alerte{color:var(--or);margin-left:auto}.combat-journal{pointer-events:none;max-width:420px;font-size:.85em;position:absolute;top:40px;left:14px}.combat-journal p{background:#040a12b3;margin:0 0 2px;padding:2px 6px}.combat-journal p:not(:first-child){opacity:.65}.combat-bas{border-top:2px solid var(--bord);background:linear-gradient(#08121ee0,#08121ef7);flex-wrap:wrap;align-items:stretch;gap:14px;padding:10px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.combat.inactif .c-actions,.combat.inactif .c-nav{opacity:.45;pointer-events:none}.c-unite{min-width:220px}.c-nom{color:var(--or);font-family:var(--titre);margin-bottom:4px;font-size:1.15em;font-weight:700}.barre{align-items:center;gap:6px;margin:3px 0;font-size:.85em;display:flex;position:relative}.barre span{width:22px;color:var(--pale)}.barre i{background:#4aa8ff;flex:none;max-width:150px;height:10px;display:block}.barre.pv i{background:var(--positif)}.barre b{font-weight:400}.c-actions,.c-nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.c-nav{margin-left:auto}.c-arme{min-width:220px;color:var(--or)}.c-menu-tir{background:var(--panneau);border:1px solid var(--accent);flex-direction:column;min-width:300px;display:flex;position:absolute;bottom:86px;left:250px}.c-menu-tir button{border:none;border-bottom:1px solid #1d3a55;grid-template-columns:1fr 60px 60px;display:grid}.c-bilan{background:var(--panneau);border:2px solid var(--accent);z-index:5;width:min(460px,92vw);padding:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-bilan h2{color:var(--accent)}@media (width<=760px){.geo{flex-direction:column}.panneau{border-left:none;border-top:2px solid var(--bord);grid-template-columns:1fr 1fr;width:100%;height:auto;max-height:42vh;display:grid}.logo,.g-info{grid-column:1/-1}.vitesses{grid-column:1/-1;grid-template-columns:repeat(7,1fr)}.g-bandeau{width:calc(100% - 32px)}.accueil{width:100%;padding:6vh 20px}.accueil h1{font-size:3.5em}.c-menu-tir{bottom:150px;left:10px}}.choix-base{font-family:var(--titre);font-weight:700}.installations{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.plan-base{grid-template-columns:repeat(var(--cote), 76px);grid-template-rows:repeat(var(--cote), 76px);border:1px solid var(--bord);background-color:#050c14;background-image:linear-gradient(#2c6a8e1f 1px,#0000 1px),linear-gradient(90deg,#2c6a8e1f 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:19px 19px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;gap:3px;padding:8px;display:grid}.case-plan{background:#14283c59;border:1px dashed #1d3a55;padding:0}.case-plan:disabled,.case-plan:not(.possible){cursor:default}.case-plan.possible{border:1px dashed var(--accent);cursor:pointer;background:#5cf0c029}.module{text-align:center;font-family:var(--titre);border:1px solid var(--bord);color:#eaf6ff;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;font-size:.9em;font-weight:700;display:flex}.module small{font-family:var(--police);color:var(--pale);font-size:.78em;font-weight:400}.module.choisi{outline:2px solid var(--or);outline-offset:-2px}.module.chantier{color:var(--or);background-image:repeating-linear-gradient(45deg,#ffd0602e 0 8px,#0000 8px 16px)!important}.module-acces{background:#2a4f6e}.module-quartiers{background:#3b5a3a}.module-laboratoire{background:#3b3f72}.module-atelier{background:#6a4a2a}.module-radar,.module-grandRadar{background:#1f5f5a}.module-hangar{background:#3c454e}.palette{flex-direction:column;flex:1;gap:6px;min-width:260px;display:flex}.capacites{background:#08141f;border:1px solid #1d3a55;grid-template-columns:1fr 1fr;gap:4px 16px;padding:8px 10px;font-size:.9em;display:grid}.capacites div{justify-content:space-between;display:flex}.capacites span{color:var(--pale)}.choix-module{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.choix-module small{color:var(--pale)}.choix-module.actif small{color:#032018}@media (width<=760px){.plan-base{grid-template-columns:repeat(var(--cote), 48px);grid-template-rows:repeat(var(--cote), 48px)}.module{font-size:.7em}}.destination{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;display:flex}.grille-transfert{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;display:grid}.ligne-transfert{border-bottom:1px solid #12283c;justify-content:space-between;align-items:center;gap:10px;padding:3px 0;display:flex}.ligne-transfert span{flex:1}label.ligne-transfert{cursor:pointer;justify-content:flex-start}.envoi{border:1px solid var(--bord);background:#08141f;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:6px 0 18px;padding:10px;display:flex}.envoi .primaire{margin-left:auto}.accueil h1 span{letter-spacing:.42em;color:var(--texte);margin-top:.15em;font-size:.42em;display:block}.logo small{letter-spacing:.38em;color:var(--texte);font-size:.5em}@media (width<=760px){.accueil h1{font-size:2.8em}}