/* Mise en page : barre d'outils + scène 1920×1080 à l'échelle + inspecteur à droite (sous la scène sur petit écran). */
/* Polices : celles du PSD si le navigateur les trouve sur l'ordinateur (local), sinon des équivalents intégrés. */
@font-face{font-family:"ArgusProL";src:local("Bebas Neue Pro Expanded ExtraBold"),local("Bebas Neue Pro Expanded Extra Bold"),local("BebasNeuePro-ExpEb"),local("Bebas Neue Pro ExpEb")}
@font-face{font-family:"ArgusInterL";src:local("Inter 28pt Bold"),local("Inter28pt-Bold"),local("Inter 28pt"),local("Inter Bold"),local("Inter-Bold")}
@font-face{font-family:"ArgusMyriadL";src:local("Myriad Pro"),local("MyriadPro-Regular"),local("Myriad Pro Regular")}
@font-face{font-family:"ArgusSemiL";src:local("Bebas Neue Pro SemiExpanded ExtraBold"),local("Bebas Neue Pro SemiExpanded Extra Bold"),local("BebasNeuePro-SmEEb"),local("Bebas Neue Pro SmE Eb")}
@font-face{font-family:"ArgusRajL";src:local("Rajdhani Bold"),local("Rajdhani-Bold")}
@font-face{font-family:"ArgusRaj";font-weight:700;font-display:block;src:url(../assets/polices/rajdhani.woff2) format("woff2")}
@font-face{font-family:"ArgusBebasL";src:local("Bebas"),local("Bebas-Regular"),local("Bebas Regular")}
@font-face{font-family:"ArgusBebas";font-display:block;src:url(../assets/polices/bebas-neue.woff2) format("woff2")}
@font-face{font-family:"ArgusInter";font-weight:100 900;font-display:block;src:url(../assets/polices/inter.woff2) format("woff2")}
@font-face{font-family:"ArgusCodeL";src:local("CIA Code 39 Medium Text"),local("CIA-Code-39-Medium-Text-Regular"),local("CIA Code 39 Medium Text Regular")}
@font-face{font-family:"ArgusCode";font-display:block;src:url(../assets/polices/ciacode39.woff2) format("woff2")}
@font-face{font-family:"ArgusArameL";src:local("Arame"),local("Arame Regular"),local("Arame-Regular")}
@font-face{font-family:"ArgusArame";font-display:block;src:url(../assets/polices/arame.woff2) format("woff2")}
@font-face{font-family:"ArgusScriptL";src:local("Freestyle Script"),local("FreestyleScript-Regular"),local("Freestyle Script Regular")}
@font-face{font-family:"ArgusScript";font-display:block;src:url(../assets/polices/freestylescript.woff2) format("woff2")}
@font-face{font-family:"ArgusDisa";font-display:block;src:url(../assets/polices/disalina-medium.woff2) format("woff2")}
@font-face{font-family:"ArgusSans";font-weight:200 900;font-display:block;src:url(../assets/polices/source-sans-3.woff2) format("woff2")}
:root{
  --ink:#09090c; --panel:#13141a; --panel2:#1a1b23; --line:#2a2b34; --fg:#ecedf2; --mute:#8b8e9b;
  --acc:#4b5bff;
  --f-pro:"ArgusBebas"; --f-inter:"ArgusInter"; --f-myriad:"ArgusSans"; --f-bebas:"ArgusBebas"; --f-prosemi:"ArgusBebas"; --f-rajdhani:"ArgusRaj"; --f-bebasn:"ArgusBebas"; --f-disa:"ArgusDisa"; --f-barcode:"ArgusCode"; --f-arame:"ArgusArame"; --f-script:"ArgusScript";
  --ui:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:dark;
}
html,body{height:100%}
[hidden]{display:none!important}
body{background:var(--ink);color:var(--fg);font-family:var(--ui);font-size:12.5px}
.app{min-height:100%;display:flex;flex-direction:column;gap:12px;padding-inline:16px;padding-block:12px 24px}

/* ---------- barre ---------- */
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;border-bottom:1px solid var(--line);padding-bottom:10px}
.brand-btn{font-family:"ArgusBebas",sans-serif;font-size:30px;line-height:1;letter-spacing:.04em;padding:4px 12px 2px;background:transparent;border-color:var(--line)}