.atelier{--ease-grimoire:cubic-bezier(.22, 1, .36, 1);z-index:1;min-height:100svh;animation:at-lever 1.1s var(--ease-grimoire) both;grid-template:"entete entete""scene compas"minmax(440px,1fr)"controles controles""codexbtn codexbtn"/minmax(0,1fr) 300px;gap:18px 24px;padding:104px clamp(16px,4vw,44px) 28px;display:grid;position:relative}@keyframes at-lever{0%{opacity:0}to{opacity:1}}.at-entete{grid-area:entete;align-items:center;gap:22px;display:flex}.at-retour{font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);transition:color .4s var(--ease-grimoire);white-space:nowrap;font-size:.62rem;text-decoration:none}.at-retour:hover{color:var(--gold-light)}.at-titre-bloc{flex:1;min-width:0}.at-type{font-family:var(--font-ui);letter-spacing:4px;text-transform:uppercase;color:var(--text-dim);font-size:.58rem;display:block}.at-titre{font-family:var(--font-titre);letter-spacing:3px;text-transform:uppercase;color:var(--cc);text-shadow:0 0 26px color-mix(in srgb, var(--cc) 45%, transparent);margin-top:4px;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:600}.at-sceau{border:1px solid var(--glass-border);width:52px;height:52px;font-family:var(--font-titre);color:var(--text-dim);opacity:.45;transition:all .8s var(--ease-grimoire);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.5rem;display:grid}.at-sceau.est-allume{opacity:1;color:var(--gold-light);border-color:color-mix(in srgb, var(--gold) 60%, transparent);box-shadow:0 0 22px var(--gold-glow), inset 0 0 14px var(--gold-glow);animation:4.5s ease-in-out infinite at-sceau-pouls}@keyframes at-sceau-pouls{0%,to{box-shadow:0 0 14px var(--gold-glow), inset 0 0 10px var(--gold-glow)}50%{box-shadow:0 0 34px var(--gold-glow), inset 0 0 18px var(--gold-glow)}}.at-scene{grid-area:scene;min-height:0;position:relative}.at-canvas{touch-action:none;border-radius:18px;width:100%;height:100%;position:absolute;inset:0}.at-aide{font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);opacity:.55;pointer-events:none;white-space:nowrap;font-size:.55rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.at-compas{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:18px;grid-area:compas;align-self:start;padding:22px 24px}.at-compas-titre{font-family:var(--font-ui);letter-spacing:5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px;font-size:.6rem;font-weight:400}.at-mesure{border-top:1px solid #ffffff0d;flex-direction:column;gap:1px;padding:8px 0;display:flex}.at-mesure-label{font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);font-size:.56rem}.at-mesure-valeur{font-family:var(--font-titre);letter-spacing:1px;color:var(--gold-light);font-variant-numeric:tabular-nums;font-size:1.02rem}.at-mesure-valeur.est-accent{color:var(--cc);text-shadow:0 0 14px color-mix(in srgb, var(--cc) 50%, transparent)}.at-controles{flex-wrap:wrap;grid-area:controles;justify-content:center;align-items:center;gap:12px 16px;display:flex}.at-solides{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.at-puce{font-family:var(--font-ui);letter-spacing:2.5px;text-transform:uppercase;color:var(--text-mid);background:var(--glass);border:1px solid var(--glass-border);min-height:44px;transition:all .45s var(--ease-grimoire);border-radius:24px;padding:12px 18px;font-size:.6rem}.at-puce em{color:var(--text-dim);margin-left:4px;font-style:normal}.at-puce:hover{color:var(--text-bright);border-color:color-mix(in srgb, var(--cc) 45%, transparent)}.at-puce.est-actif{color:var(--cc);border-color:color-mix(in srgb, var(--cc) 70%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--cc) 22%, transparent)}.at-puce.est-actif em{color:var(--text-mid)}.at-curseur{flex-direction:column;align-items:center;gap:8px;min-width:min(420px,86vw);display:flex}.at-curseur span{font-family:var(--font-ui);letter-spacing:2.5px;text-transform:uppercase;color:var(--text-mid);font-variant-numeric:tabular-nums;font-size:.6rem}.at-curseur input[type=range]{width:100%;height:28px;accent-color:var(--cc);background:0 0}.at-codex-bouton{font-family:var(--font-ui);letter-spacing:4px;text-transform:uppercase;color:var(--gold-light);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);min-height:44px;transition:all .5s var(--ease-grimoire);background:0 0;border-radius:28px;grid-area:codexbtn;justify-self:center;padding:14px 34px;font-size:.62rem}.at-codex-bouton:hover{box-shadow:0 0 22px var(--gold-glow);color:var(--text-bright)}.at-codex{z-index:160;background:var(--glass-solid);-webkit-backdrop-filter:blur(22px);border-left:1px solid var(--glass-border);visibility:hidden;width:min(580px,100vw);transition:transform .7s var(--ease-grimoire), visibility 0s linear .7s;position:fixed;top:0;bottom:0;right:0;transform:translate(102%)}.at-codex.est-ouvert{visibility:visible;transition:transform .7s var(--ease-grimoire);transform:translate(0);box-shadow:-30px 0 80px #0000008c}.at-codex-defile{height:100%;padding:96px clamp(22px,5vw,48px) 60px;overflow-y:auto}.cdx-section{margin-bottom:36px}.cdx-titre{font-family:var(--font-ui);letter-spacing:4px;text-transform:uppercase;color:var(--cc);margin-bottom:12px;font-size:.6rem}.cdx-texte{font-family:var(--font-texte);color:var(--text-mid);font-size:1.12rem;line-height:1.85}.cdx-texte+.cdx-texte{margin-top:12px}.cdx-math{font-family:var(--font-texte);color:var(--text-bright);border-left:2px solid color-mix(in srgb, var(--cc) 55%, transparent);padding-left:16px;font-size:1.08rem;font-style:italic;line-height:1.8}.cdx-correspondances{gap:8px;display:grid}.cdx-corres{border-top:1px solid #ffffff0d;justify-content:space-between;gap:14px;padding-top:8px;display:flex}.cdx-corres dt{font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);padding-top:3px;font-size:.58rem}.cdx-corres dd{font-family:var(--font-texte);color:var(--text-bright);text-align:right;font-size:1.02rem}.atelier-sans-webgl{max-width:760px;margin:0 auto;padding:130px 22px 80px}@media (max-width:900px){.atelier{grid-template:"entete""scene"minmax(340px,52svh)"controles""compas""codexbtn"/1fr;padding-top:92px}.at-compas{align-self:stretch}.at-sceau{width:46px;height:46px;font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.atelier,.at-codex{transition:none;animation:none}.at-sceau.est-allume{animation:none}}