:root{--bg:#171310;--bg-hero-top:#1d1712;--footer:#14100d;--graph-bg:#1a1511;--surface:#201a15;--surface-hover:#241d17;--inset:#1d1712;--title-strong:#f2ead9;--title:#ece3d3;--body:#c9bda9;--secondary:#a89880;--label:#8a7a64;--faint:#5f5344;--img-label:#6f6152;--accent:#c9a35c;--accent-hover:#e2c07f;--border:rgba(201,163,92,.14);--border-input:rgba(201,163,92,.25);--border-strong:rgba(201,163,92,.45);--border-focus:rgba(201,163,92,.6);--ok:#7c9b6a;--err:#c0604c;--influence:#6e8cae;--grain-opacity:.5;--stripe:repeating-linear-gradient(45deg,#2a221b 0 10px,#221b15 10px 20px);--serif:"Spectral",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--title);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::selection{background:rgba(201,163,92,.3)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#3a3026;border-radius:4px}::-webkit-scrollbar-track{background:transparent}button{font-family:var(--mono)}input,textarea{font-family:var(--serif)}input::placeholder,textarea::placeholder{color:var(--label)}.grain{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:var(--grain-opacity);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,hsla(0,0%,100%,.025) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}.nav-link{transition:color .15s,border-color .15s}.nav-link:hover{color:var(--accent-hover)!important}.container{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.mono-label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.page-h1{font-family:var(--serif);font-size:38px;font-weight:600;margin:0 0 10px;color:var(--title-strong);line-height:1.1}.page-intro{margin:0 0 30px;font-size:15.5px;line-height:1.6;color:var(--secondary);max-width:640px;text-wrap:pretty}.back-link{cursor:pointer;background:none;border:none;padding:0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--label);margin-bottom:32px;display:inline-block;transition:color .15s}.back-link:hover{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:6px;transition:border-color .15s,background .15s}.card-click{cursor:pointer}.card-click:hover{border-color:var(--border-strong);background:var(--surface-hover)}.btn-solid{cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:13px 26px;background:var(--accent);color:#171310;border:1px solid var(--accent);border-radius:3px;transition:filter .15s}.btn-solid:hover{filter:brightness(1.12)}.btn-outline{cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:13px 26px;background:transparent;color:var(--accent);border:1px solid rgba(201,163,92,.5);border-radius:3px;transition:background .15s,border-color .15s}.btn-outline:hover{border-color:var(--accent);background:rgba(201,163,92,.08)}.field{background:var(--surface);border:1px solid var(--border-input);border-radius:4px;padding:12px 16px;font-family:var(--serif);font-size:15px;color:var(--title);outline:none;transition:border-color .15s}.field:focus{border-color:var(--border-focus)}.pill{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--secondary);padding:5px 12px;border:1px solid rgba(201,163,92,.2);border-radius:100px;white-space:nowrap}.exergue{margin:0;padding:18px 24px;border-left:2px solid var(--accent);background:var(--inset);border-radius:0 6px 6px 0;font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.6;color:#d9cdb8}.collection-pill{transition:border-color .15s,color .15s}.collection-pill:hover{border-color:rgba(201,163,92,.55)!important;color:var(--title)!important}.cat-pill{transition:color .15s,border-color .15s;cursor:pointer}.cat-pill:hover{color:var(--accent-hover)!important;border-color:rgba(201,163,92,.5)!important}.tab-pill{transition:border-color .15s}.tab-pill:hover{border-color:var(--border-focus)!important}.fiche-cell{transition:background .15s}.fiche-cell:hover{background:var(--surface-hover)!important}.suggestion-btn{transition:border-color .15s,color .15s}.suggestion-btn:hover{border-color:rgba(201,163,92,.55)!important;color:var(--title)!important}.reco-card{transition:border-color .15s}.reco-card:hover{border-color:var(--border-strong)}.graph-node>span:first-child{transition:filter .15s}.graph-node:hover>span:first-child{filter:brightness(1.2)}.quiz-opt{transition:border-color .15s}.quiz-opt:hover{border-color:rgba(201,163,92,.55)}.del-btn{transition:color .15s}.del-btn:hover{color:var(--err)!important}.link-mono{transition:color .15s}.link-mono:hover{color:var(--accent-hover)!important}@media (max-width:860px){.hero-grid{grid-template-columns:1fr!important;gap:40px!important}}@media (max-width:900px){.graph-grid,.ia-grid{grid-template-columns:1fr!important}}@media (max-width:720px){.container{padding-left:20px;padding-right:20px}.scene-grid,.sheet-grid,.split-2{grid-template-columns:1fr!important}.scene-grid>div:first-child{border-right:none!important;border-bottom:1px solid rgba(201,163,92,.1)}.scene-grid>div:last-child{padding:0 20px 20px!important}}