/* ÆNAR-FLUX V13 — Matrice de 7798 AF / IVe Ère */
body[data-page="accueil"] .main-content{max-width:1510px;padding-top:22px}
.mx13{position:relative;color:#eef4f7;border:1px solid rgba(188,210,223,.20);border-radius:26px;padding:0;overflow:hidden;background:linear-gradient(135deg,rgba(10,21,37,.98),rgba(7,17,30,.96));box-shadow:0 32px 90px rgba(0,4,12,.50);isolation:isolate}
.mx13::before{position:absolute;content:"";inset:0;z-index:-1;background:radial-gradient(circle at 58% 22%,rgba(54,151,197,.18),transparent 38%),radial-gradient(circle at 94% 0%,rgba(239,200,121,.10),transparent 35%);pointer-events:none}
.mx13-topline{min-height:36px;padding:8px 27px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(135,189,207,.15);background:rgba(4,12,23,.78);font:600 10px/1.4 var(--sans);letter-spacing:.16em;color:#9aafbf}
.mx13-live{color:#bdece7}.mx13-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#69dcb8;margin-right:9px;box-shadow:0 0 12px #69dcb8}
.mx13-head{padding:28px 31px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mx13-overline{display:block;font:700 11px/1.4 var(--sans);letter-spacing:.22em;color:#e7c995;margin-bottom:9px}
.mx13-heading{min-width:0}.mx13-heading h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.35rem,4vw,4.75rem);line-height:1.01;max-width:820px;margin:0 0 12px;color:#fff1d2;text-shadow:0 4px 24px #0007}
.mx13-heading h1 span{color:#9dd4e5;font-weight:400}.mx13-heading p{color:#c3d8e3;font-size:15px;max-width:720px;margin:0;line-height:1.6}
.mx13-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:flex-end}
.mx13-pill{border:1px solid rgba(170,198,214,.30);background:rgba(10,31,47,.78);color:#dae9f2;padding:11px 17px;border-radius:999px;min-height:44px;white-space:nowrap;font:600 12px var(--sans);transition:transform .2s,border-color .2s,background .2s}
.mx13-pill:hover,.mx13-pill:focus-visible{transform:translateY(-2px);border-color:#edcf90;background:rgba(60,69,76,.80)}
.mx13-pill.mx13-current{border-color:#c8a967;color:#ffe5ab}
.mx13-workspace{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:18px;padding:0 25px 22px}
.mx13-visual{position:relative;min-width:0;border-radius:20px;overflow:hidden;border:1px solid rgba(112,186,219,.23);background:#051324;box-shadow:inset 0 0 60px rgba(21,96,119,.08),0 16px 36px rgba(0,0,0,.24)}
.mx13-visual::before{position:absolute;content:"";inset:0;background:linear-gradient(to bottom,rgba(1,7,15,.48),transparent 23%,rgba(2,10,19,.10) 80%,rgba(1,7,15,.60)),url('assets/world-floating.webp') center 43%/cover no-repeat;opacity:.47;pointer-events:none}
.mx13-visual-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px 0;font:700 10px/1.4 var(--sans);letter-spacing:.15em}
.mx13-head-chip{color:#d3e9ef}.mx13-visual-sub{color:#a3b9c7;text-align:right;font-weight:400;letter-spacing:.06em}
.mx13-tabs{display:flex;position:relative;flex-wrap:wrap;gap:7px;padding:12px 18px 0}
.mx13-tabs button{min-height:40px;border-radius:10px;border:1px solid rgba(155,203,225,.21);padding:9px 13px;font:600 12px var(--sans);color:#cfdee8;background:rgba(3,14,28,.68)}
.mx13-tabs button[aria-pressed="true"]{border-color:#8acfe6;background:rgba(32,105,135,.30);box-shadow:inset 0 0 0 1px rgba(142,224,245,.12);color:#f2fdff}
.mx13-tabs button:hover{border-color:#e8cb93}
.mx13-stage{position:relative;height:clamp(370px,42vw,520px);min-height:370px;overflow:hidden}
.mx13-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 13%,rgba(4,9,16,.15) 66%,rgba(4,9,16,.22) 100%)}
.mx13-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.95;pointer-events:none}
.mx13-stage-label{position:absolute;left:19px;bottom:20px;font:600 10px/1.3 var(--sans);letter-spacing:.14em;color:#aaccd8;z-index:3}
.mx13-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(252,225,168,.68);background:radial-gradient(circle at 50% 35%,rgba(213,236,233,.24),rgba(36,111,134,.4) 43%,rgba(8,20,36,.93) 84%);box-shadow:0 0 0 14px rgba(74,178,215,.06),0 0 50px rgba(121,225,244,.32),inset 0 0 25px rgba(245,228,172,.16);z-index:2;text-align:center}
.mx13-core-graphic{font-family:var(--serif);color:#ffe5a6;font-size:31px;line-height:1}.mx13-core strong{font-family:var(--serif);font-size:17px;color:#f4e8d1;line-height:1.1;margin-top:7px}.mx13-core small{font:600 8px/1.4 var(--sans);letter-spacing:.07em;color:#b4dce6;margin-top:4px}
.mx13-nodes{position:absolute;inset:0;pointer-events:none;z-index:4}
.mx13-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:67px;min-height:62px;padding:4px;border:0;background:transparent;color:#f3f9ff;pointer-events:auto}
.mx13-node span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--node);background:radial-gradient(circle,rgba(14,40,58,.92),rgba(5,14,28,.88));font:600 25px var(--serif);color:var(--node);box-shadow:0 0 0 6px rgba(4,22,39,.4),0 0 14px color-mix(in srgb,var(--node) 55%,transparent);transition:transform .2s,box-shadow .2s}
.mx13-node b{display:block;max-width:118px;white-space:nowrap;font:600 11px/1.2 var(--sans);padding:4px 6px;border-radius:7px;background:rgba(2,9,18,.82);color:#e9f5fa;text-shadow:0 1px 2px #000}
.mx13-node:hover span,.mx13-node.selected span,.mx13-node:focus-visible span{transform:scale(1.15);box-shadow:0 0 0 7px rgba(13,66,88,.35),0 0 28px color-mix(in srgb,var(--node) 68%,transparent)}
.mx13-node.selected b{color:#ffe3a6}
.mx13-controls{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 17px;background:rgba(2,8,16,.68);border-top:1px solid rgba(159,193,208,.11);font:400 11px var(--sans);color:#a5c3d0}
.mx13-controls button{border:1px solid rgba(201,211,224,.2);border-radius:8px;background:rgba(255,255,255,.04);color:#d5e8ee;min-height:34px;padding:6px 10px;font:600 11px var(--sans)}
.mx13-side{display:flex;flex-direction:column;gap:13px;min-width:0}
.mx13-side-art{position:relative;border-radius:18px;overflow:hidden;min-height:185px;max-height:225px;border:1px solid rgba(200,225,225,.17)}
.mx13-side-art img{display:block;width:100%;height:220px;object-fit:cover;filter:saturate(.93) contrast(1.03)}
.mx13-side-art::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,rgba(5,12,22,.85))}
.mx13-side-art span{position:absolute;left:17px;bottom:14px;z-index:1;letter-spacing:.14em;font:700 12px var(--sans);color:#ffe6af}
.mx13-side-content{flex:1;border:1px solid rgba(171,202,218,.17);background:linear-gradient(150deg,rgba(19,38,54,.95),rgba(9,23,38,.98));border-radius:17px;padding:20px;min-height:250px}
.mx13-side-kicker{display:block;color:#e0c391;font:700 10px/1.4 var(--sans);letter-spacing:.14em;margin-bottom:9px}
.mx13-side-content h2{font-family:var(--serif);font-size:2rem;color:#f9e9c5;margin:0 0 5px}.mx13-sub{font-size:13px;color:#a9d4e3!important;margin:0 0 12px!important}.mx13-side-content p{color:#ccdae4;font-size:13px;line-height:1.67;margin:6px 0 13px}
.mx13-attributes{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.mx13-attributes span{font-size:10px;color:#d4eaf0;padding:7px 8px;border:1px solid rgba(121,186,201,.2);border-radius:8px}
.mx13-open{border:1px solid rgba(239,207,142,.65);border-radius:9px;background:linear-gradient(180deg,#e9d4a8,#cfac6b);padding:11px 13px;color:#142334;min-height:42px;font:700 12px var(--sans);width:100%;text-align:center;transition:filter .2s}
.mx13-open:hover{filter:brightness(1.12)}
.mx13-era-note{border:1px solid rgba(235,193,129,.25);border-radius:15px;background:rgba(144,100,44,.07);padding:15px 17px;color:#ccd9dd}
.mx13-era-note span{font:700 10px var(--sans);letter-spacing:.15em;color:#ffdda3}.mx13-era-note p{font-size:12px;line-height:1.57;margin:9px 0 0}
.mx13-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 25px 24px}
.mx13-shortcuts button{border:1px solid rgba(161,200,216,.2);background:linear-gradient(155deg,rgba(26,45,65,.86),rgba(7,21,37,.88));border-radius:13px;padding:14px 13px;color:#d9ecf1;font:600 23px var(--serif);text-align:left;min-height:103px;transition:transform .2s,border-color .2s,background .2s}
.mx13-shortcuts button:hover{transform:translateY(-2px);border-color:#e3c78f}.mx13-shortcuts b{display:block;font:700 13px var(--sans);margin:6px 0 4px;color:#f6e4b8}.mx13-shortcuts small{display:block;color:#abc2cd;font:400 11px/1.35 var(--sans)}
@media(max-width:1100px){.mx13-workspace{grid-template-columns:minmax(0,1fr) 285px}.mx13-head{align-items:flex-start;flex-direction:column}.mx13-actions{justify-content:flex-start}.mx13-side-art{min-height:160px}.mx13-side-art img{height:180px}}
@media(max-width:820px){.mx13-workspace{grid-template-columns:1fr}.mx13-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mx13-era-note{grid-column:1/-1}.mx13-stage{height:430px}.mx13-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){body[data-page="accueil"] .main-content{padding:12px 12px 55px}.mx13{border-radius:17px}.mx13-topline{padding:8px 13px;gap:8px;flex-wrap:wrap;font-size:8px}.mx13-head{padding:19px 16px}.mx13-heading h1{font-size:2.4rem}.mx13-heading p{font-size:13px}.mx13-workspace{padding:0 11px 13px;gap:11px}.mx13-visual-head{padding:12px 12px 0}.mx13-visual-sub{display:none}.mx13-tabs{padding:10px 8px 0;gap:5px}.mx13-tabs button{font-size:10px;min-height:36px;padding:7px 8px}.mx13-stage{height:365px;min-height:365px}.mx13-node{min-width:45px;min-height:52px}.mx13-node span{width:31px;height:31px;font-size:18px}.mx13-node b{font-size:9px;max-width:83px;white-space:normal}.mx13-core{width:91px;height:91px}.mx13-core-graphic{font-size:24px}.mx13-core strong{font-size:13px}.mx13-core small{font-size:7px}.mx13-side{grid-template-columns:1fr}.mx13-side-art img{height:180px}.mx13-shortcuts{padding:0 11px 13px;gap:7px}.mx13-shortcuts button{padding:11px;font-size:19px;min-height:90px}.mx13-shortcuts b{font-size:11px}.mx13-shortcuts small{font-size:10px}.mx13-controls{font-size:10px}.mx13-stage-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mx13-node span,.mx13-shortcuts button,.mx13-pill{transition:none!important}}

/* ÆNAR-FLUX V14 · audit visuel et mise en lumière interactive */
body[data-page="accueil"]{background:#060b14}
body[data-page="accueil"] .site-head{background:linear-gradient(90deg,rgba(0,7,17,.95),rgba(6,18,35,.82) 55%,rgba(9,29,49,.9));border-bottom:1px solid rgba(231,198,130,.28)}
body[data-page="accueil"] .site-head .identity strong{font-family:var(--serif);font-size:1.8rem;letter-spacing:.07em;color:#f9e7ba}
body[data-page="accueil"] .site-head .sigil{box-shadow:0 0 24px #dbb66b37,0 0 0 5px #e8c78113;border-color:#e9c681}
body[data-page="accueil"] .nav-btn.active{border-radius:7px;background:linear-gradient(180deg,rgba(21,70,95,.8),rgba(5,24,44,.84));border-color:#6cc7eb77;box-shadow:0 0 22px #42c5f83b,inset 0 0 15px #18b8e822}
body[data-page="accueil"] .explorer-bar{background:linear-gradient(90deg,#070c17ed,#08182bd9)}
body[data-page="accueil"] .main-content{padding-top:12px;max-width:1536px}
.mx13{background:linear-gradient(125deg,#020b15eb,#071b31ec 50%,#020c18f7);border-color:rgba(223,188,112,.49);border-radius:13px;box-shadow:0 25px 90px #0009,inset 0 0 0 1px #f6dba021}
.mx13::before{background:radial-gradient(circle at 62% 30%,rgba(61,174,232,.13),transparent 41%),linear-gradient(90deg,rgba(3,8,18,.4),rgba(4,22,42,.2)),url('assets/cosmos.webp') center top/cover no-repeat;opacity:.60}
.mx13-topline{border-bottom:1px solid #eac68c2b;color:#98cce1;letter-spacing:.19em}
.mx13-head{padding-top:20px;padding-bottom:18px}
.mx13-heading h1{font-size:clamp(2.2rem,3.7vw,4.3rem);line-height:1.04;max-width:1040px;color:#fff3d8}
.mx13-heading h1 span{color:#9cdaeb}
.mx13-actions .mx13-current{box-shadow:0 0 20px #ddc17d25;background:linear-gradient(180deg,#162f43,#081726)}
.mx13-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:13px;padding:0 18px 16px}
.mx13-visual,.mx13-side-art,.mx13-side-content,.mx13-era-note{border-color:rgba(230,191,114,.5);border-radius:11px;box-shadow:0 0 0 1px #ffffff06}
.mx13-visual{background:#061224;box-shadow:0 0 22px #2fc3ff1a,inset 0 0 35px #113c5e33}
.mx13-visual::before{opacity:.76;background:linear-gradient(180deg,#010711a1 0%,#00080f19 28%,#02091940 72%,#000812e8 100%),url('assets/world-floating.webp') center 50%/cover no-repeat}
.mx13-visual-head{color:#c4e3ee}
.mx13-tabs button{border-color:#8ec3d63d;border-radius:6px;box-shadow:0 4px 12px #0005}
.mx13-tabs button[aria-pressed="true"]{background:linear-gradient(180deg,#185f90,#113754);border-color:#55d4ff;color:#fff;box-shadow:0 0 18px #32c6ff65,inset 0 0 11px #38c9ff2e}
.mx13-stage{height:clamp(390px,43vw,560px)}
.mx13-node span{background:radial-gradient(circle at 50% 38%,#28546d,#08192d 76%);width:50px;height:50px;font-size:26px;border-width:1.5px;box-shadow:0 0 0 7px #081b3166,0 0 22px color-mix(in srgb,var(--node) 68%,transparent),inset 0 0 13px color-mix(in srgb,var(--node) 22%,transparent)}
.mx13-node b{font-family:var(--serif);font-size:13px;letter-spacing:.03em;background:#030c1bc7;padding:4px 9px;border:1px solid #b1cddd24}
.mx13-core{width:144px;height:144px;background:radial-gradient(circle at 46% 38%,#c3fff4a6,#197da0 27%,#093757 53%,#071428 78%);border:1.5px solid #f7deaa;box-shadow:0 0 0 12px #4bd2fc13,0 0 72px #3fe2ff8a,inset 0 0 35px #fff2b326}
.mx13-core-graphic{color:#edfeff;text-shadow:0 0 20px #50dfff}
.mx13-side-art{height:206px;min-height:206px;overflow:hidden}.mx13-side-art img{height:100%;filter:saturate(1.24) contrast(1.06);object-position:center center}
.mx13-side-content{background:linear-gradient(160deg,#102b46ec,#071322f7);min-height:266px}
.mx13-side-content h2{font-size:2.35rem;color:#fae1ab}
.mx13-open{border-radius:6px;box-shadow:0 3px 14px #caa86a39}
.mx13-era-note{background:linear-gradient(120deg,#111a28,#0a1727);padding:14px 17px}
.mx14-controls-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mx13-shortcuts{padding:0 18px 12px;gap:12px}
.mx13-shortcuts button{min-height:185px;padding:0;position:relative;overflow:hidden;border-radius:9px;border-color:#e6bd7769;isolation:isolate}
.mx13-shortcuts button::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 8%,#03101a38 41%,#030811f2 90%);z-index:0;pointer-events:none}
.mx13-shortcuts button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.17) contrast(1.09);transition:transform .4s}
.mx13-shortcuts button:hover img{transform:scale(1.07)}
.mx13-shortcuts .mx14-card-copy{position:absolute;bottom:11px;left:15px;right:14px;z-index:1;display:block;pointer-events:none}
.mx13-shortcuts .mx14-card-copy b{font-family:var(--serif);font-size:20px;letter-spacing:.07em;color:#ffdf99;text-shadow:0 2px 8px #000}
.mx13-shortcuts .mx14-card-copy small{position:relative;display:block;color:#d0e1e4;font-size:12px;line-height:1.35;padding-right:24px}
.mx13-shortcuts .mx14-card-copy i{font-style:normal;position:absolute;right:0;top:-7px;color:white;font-size:23px}
.mx14-activity{margin:0 18px 19px;border-radius:10px;padding:12px 18px 11px;background:linear-gradient(130deg,#031321dc,#0c2237ed);border:1px solid #caad725c;position:relative;overflow:hidden}
.mx14-chart-title{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.mx14-chart-title small{color:#94bcca;font-size:11px}
.mx14-chart{display:block;width:100%;height:125px;max-width:100%;margin:5px 0 6px}
.mx14-chart-legend{display:flex;gap:6px 13px;flex-wrap:wrap;justify-content:center;border-top:1px solid #6295b02b;padding-top:9px}
.mx14-chart-legend button{background:none;border:0;color:#bacfda;font-size:11px;cursor:pointer;padding:5px;display:inline-flex;align-items:center;gap:5px;border-radius:6px}
.mx14-chart-legend button:hover,.mx14-chart-legend button:focus-visible{background:#ffffff18;color:white}
.mx14-chart-legend i{background:var(--node);width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px var(--node)}
.mx14-activity-note{font-size:10px;text-align:center;color:#7f9eb1;margin-top:5px}
.mx14-modal-open{overflow:hidden}
.mx13.mx14-expanded{position:fixed;z-index:150;inset:12px;overflow-y:auto;max-height:calc(100dvh - 24px);border-color:#e8c889;box-shadow:0 0 0 100vmax #01050ce8,0 0 75px #42d6ff64}
.mx13.mx14-expanded .mx13-stage{height:min(60vh,650px)}
.mx13.mx14-expanded .mx13-heading h1{font-size:clamp(1.75rem,2.4vw,2.7rem)}
@media(max-width:900px){.mx13-workspace{grid-template-columns:1fr}.mx13-side{display:grid;grid-template-columns:1fr 1fr}.mx13-era-note{grid-column:1/-1}.mx13-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.mx13-stage{height:480px}}
@media(max-width:530px){.mx13-head{padding:17px}.mx13-heading h1{font-size:2.3rem}.mx13-workspace{padding:0 10px 10px;gap:12px}.mx13-shortcuts{padding:0 10px 10px;gap:9px}.mx13-shortcuts button{min-height:152px}.mx13-shortcuts .mx14-card-copy{left:9px;right:8px;bottom:7px}.mx13-shortcuts .mx14-card-copy b{font-size:15px}.mx13-shortcuts .mx14-card-copy small{font-size:10px}.mx13-stage{height:370px}.mx13-node span{width:34px;height:34px;font-size:18px}.mx13-node b{font-size:9px}.mx13-core{width:96px;height:96px}.mx13-side{grid-template-columns:1fr}.mx14-activity{margin:0 10px 12px;padding:10px}.mx14-chart{height:115px}.mx14-chart-title small{font-size:9px}.mx13.mx14-expanded{inset:4px;max-height:calc(100dvh - 8px)}}
@media(prefers-reduced-motion:reduce){.mx13-shortcuts button img{transition:none}.mx13-shortcuts button:hover img{transform:none}}
@media(max-width:530px){.mx13-stage-label{display:none}}
.mx14-chart-legend button[aria-pressed="true"]{background:#f0dfad1d;color:#ffeca8;box-shadow:inset 0 0 0 1px #efd3a04a}
.mx14-paused .mx13-core{box-shadow:0 0 0 12px #4bd2fc13,0 0 35px #3fe2ff52,inset 0 0 25px #fff2b326}