/* La home autour de la Roue (29/08/2026) : sections sous le hero, à bascule Boudoir/Donjon. Généré par scratchpad/home/make-home-roue-css.py depuis les maquettes build6/build7. */

body{--ac:#d4a574;--ac2:#e2c27e;--ink2:#2a1305;--rbg:#0a0508;--velvet:radial-gradient(ellipse 70% 60% at 50% 100%,#3a0f1e,#0a0508 70%);--velvet2:radial-gradient(ellipse 70% 60% at 50% 0%,#2a0a14,#0a0508 70%);--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .07 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}
body[data-room=donjon]{--ac:#a06cff;--ac2:#d9bdff;--ink2:#160a2a;--rbg:#07050c;--velvet:radial-gradient(ellipse 70% 60% at 50% 100%,#1e1033,#07050c 70%);--velvet2:radial-gradient(ellipse 70% 60% at 50% 0%,#170b2a,#07050c 70%)}
body[data-room=donjon] .roue-page .only-b,body[data-room=boudoir] .roue-page .only-d,body:not([data-room=donjon]) .roue-page .only-d{display:none!important}
/* le hero : la voix de la Roue en italique */
.h-sub.voix{font-family:'Playfair Display',Georgia,serif;font-style:italic}
.roue-page .gc{position:absolute;left:0;bottom:0;width:min(100%,430px);padding:.9rem 1.1rem 1rem;border-radius:12px;border:1px solid rgba(212,165,116,.35);background:linear-gradient(180deg,rgba(28,14,18,.96),rgba(12,6,8,.98));box-shadow:0 30px 60px rgba(0,0,0,.7)}
.roue-page .gc__seg{font-size:.58rem;letter-spacing:.26em;color:var(--or);display:block}
.roue-page .gc__who{font:.95rem "Playfair Display",serif;display:block;margin:.2rem 0 .4rem}
.roue-page .gc__who b{color:var(--or2)}
.roue-page .gc p{font:1.08rem/1.4 "Playfair Display",serif;margin:0 0 .7rem}
.roue-page .gc__acts{display:flex;gap:.5rem;font-size:.76rem}
.roue-page .gc__acts span{border:1px solid rgba(212,165,116,.35);border-radius:100px;padding:.5rem .9rem;color:var(--dim)}
.roue-page .gc__acts b{flex:1;text-align:center;border-radius:100px;padding:.5rem;color:#2a1305;background:linear-gradient(160deg,#f0d28a,#caa24a 50%,#9c7320)}
.roue-page .voix{font-family:"Playfair Display",Georgia,serif;font-style:italic}
body{--ac:#d4a574;--ac2:#e2c27e;--ink2:#2a1305;--bg:#0a0508;--velvet:radial-gradient(ellipse 70% 60% at 50% 100%,#3a0f1e,#0a0508 70%);--velvet2:radial-gradient(ellipse 70% 60% at 50% 0%,#2a0a14,#0a0508 70%);transition:background .6s}
body[data-room=donjon]{--ac:#a06cff;--ac2:#d9bdff;--ink2:#160a2a;--bg:#07050c;--velvet:radial-gradient(ellipse 70% 60% at 50% 100%,#1e1033,#07050c 70%);--velvet2:radial-gradient(ellipse 70% 60% at 50% 0%,#170b2a,#07050c 70%);background:#07050c}
body[data-room=donjon] .only-b, body[data-room=boudoir] .only-d{display:none!important}
body[data-room=donjon] .roue-page .rh__bg{background-image:var(--scd)}
body[data-room=donjon] .roue-page .rh__bg::after{background:linear-gradient(90deg,rgba(7,5,12,.94) 0,rgba(7,5,12,.74) 34%,rgba(7,5,12,.15) 60%,rgba(7,5,12,.05))}
body[data-room=donjon] .roue-page .sage{border-color:rgba(217,189,255,.5);background:rgba(20,10,32,.8)}
.roue-page .obj{background:var(--rbg)}
.roue-page .rs2, .roue-page .rs6{background:var(--velvet)}
.roue-page .rs4, .roue-page .rs8{background:var(--velvet2)}
.roue-page .obj__head{text-align:center;max-width:70ch;margin:0 auto 2rem}
.roue-page .obj__head .eyebrow{justify-content:center}
.roue-page .obj__head .title{text-align:center}
.roue-page .obj__head .lead{text-align:center;margin:0 auto;font-size:1.05rem}
.roue-page .scr{margin:0 auto;max-width:960px;border:6px solid #1a1216;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.65),0 0 0 1px rgba(212,165,116,.25)}
body[data-room=donjon] .roue-page .scr{box-shadow:0 30px 70px rgba(0,0,0,.75),0 0 0 1px rgba(160,108,255,.35)}
.roue-page .scr img{display:block;width:100%;height:auto}
.roue-page .scr figcaption{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);padding:.5rem .9rem;background:#0c0709;display:flex;gap:.6rem;align-items:center}
.roue-page .scr figcaption::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ac)}
.roue-page .scr--modal{max-width:760px}
.roue-page .rs2__grid{display:grid;grid-template-columns:1.5fr .8fr;gap:1.6rem;align-items:center;max-width:1100px;margin:0 auto}
.roue-page .rs2__grid .scr{max-width:none}
.roue-page .gc--s2{position:static;width:100%;box-sizing:border-box;transform:rotate(-1.2deg)}
.roue-page .gc__txt{font:1.12rem/1.35 "Playfair Display",serif;margin:.4rem 0 .6rem}
.roue-page .gc__voix{margin:.8rem 0 0;padding-top:.7rem;border-top:1px dashed rgba(212,165,116,.3);color:var(--dim);font-size:.95rem}
.roue-page .gc__seg{color:var(--ac2)}
.roue-page .gc__acts b{background:linear-gradient(135deg,var(--ac2),var(--ac));color:var(--ink2)}
body[data-room=donjon] .roue-page .gc{border-color:rgba(160,108,255,.4);background:linear-gradient(180deg,rgba(22,10,42,.96),rgba(9,5,14,.98))}
.roue-page .rs4__grid, .roue-page .rs6__grid, .roue-page .rs7__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.2rem;align-items:center;max-width:1100px;margin:0 auto}
.roue-page .rs7__grid{grid-template-columns:.9fr 1.1fr}
.roue-page .rs4__copy .eyebrow, .roue-page .rs6__copy .eyebrow, .roue-page .rs7__copy .eyebrow{justify-content:flex-start}
.roue-page .rs4__copy .title, .roue-page .rs6__copy .title, .roue-page .rs7__copy .title, .roue-page .rs4__copy .lead, .roue-page .rs6__copy .lead, .roue-page .rs7__copy .lead{text-align:left;margin-left:0}
.roue-page .crans{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem}
.roue-page .crans li{display:grid;gap:.15rem;padding:.6rem .8rem;border-left:2px solid var(--ac);background:rgba(245,240,232,.03)}
.roue-page .crans b{font:600 .95rem "Playfair Display",serif;color:var(--creme)}
.roue-page .crans span{color:var(--dim);font-size:1rem}
.roue-page .sign{color:var(--ac2);margin:.4rem 0 0;font-size:1.05rem}
.roue-page .rs7__rule{font:500 1.5rem "Playfair Display",serif;color:var(--creme);margin:1rem 0 0}
.roue-page .rs7__rule b{color:#e0466a}
.roue-page .scr--charte{max-width:520px}
.roue-page .rs8__note{max-width:720px;margin:0 auto;padding:1.8rem 2rem;border:1px solid rgba(212,165,116,.35);border-radius:14px;background:rgba(245,240,232,.03)}
body[data-room=donjon] .roue-page .rs8__note{border-color:rgba(160,108,255,.35)}
.roue-page .rs8__k{display:block;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ac);margin:0 0 .6rem}
.roue-page .rs8__pitch{font:500 1.5rem/1.2 "Playfair Display",serif;color:var(--creme);margin:0 0 .8rem}
.roue-page .rs8__txt{color:var(--dim);line-height:1.65;margin:0 0 .8rem}
.roue-page .rs8__sign{font:italic 1rem "Playfair Display",serif;color:var(--ac2);margin:0;text-align:right}
.roue-page .cta-r{text-align:center;padding:5rem 1.2rem 6rem;background:var(--rbg)}
.roue-page .cta-r h2{font-size:clamp(2.4rem,5vw,3.6rem);margin:0 0 1.2rem}
.roue-page .cta-r h2 em{color:var(--ac2)}
.roue-page .cta-r .voix{color:var(--dim);margin:1rem 0 0}
@media (max-width:900px){.roue-page .obj{padding:2.6rem 1rem}
.roue-page .obj__head{margin-bottom:1.2rem}
.roue-page .scr{border-width:5px;border-radius:22px;max-width:300px}
.roue-page .scr--modal{max-width:none;border-radius:12px}
.roue-page .scr--charte{max-width:none}
.roue-page .rs2__grid, .roue-page .rs4__grid, .roue-page .rs6__grid, .roue-page .rs7__grid{grid-template-columns:1fr;gap:1.2rem}
.roue-page .gc--s2{transform:none}
.roue-page .rs4__copy .eyebrow, .roue-page .rs6__copy .eyebrow, .roue-page .rs7__copy .eyebrow{justify-content:center}
.roue-page .rs4__copy .title, .roue-page .rs6__copy .title, .roue-page .rs7__copy .title, .roue-page .rs4__copy .lead, .roue-page .rs6__copy .lead, .roue-page .rs7__copy .lead{text-align:center;margin-left:auto}
.roue-page .rs8__note{padding:1.2rem 1rem}}
.roue-page .p1{background:var(--velvet2)}
.roue-page .rs9{background:var(--bg)}
.roue-page .p1__modes{display:grid;grid-template-columns:1.25fr .85fr;gap:2rem;align-items:center;max-width:1100px;margin:0 auto 2.4rem}
.roue-page .scr--salon{max-width:none}
.roue-page .modes{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.roue-page .modes li{display:grid;gap:.25rem;padding-left:1.1rem;border-left:2px solid var(--ac)}
.roue-page .modes b{font:600 1.15rem "Playfair Display",serif;color:var(--creme)}
.roue-page .modes span{color:var(--dim);font-size:1rem}
.roue-page .p1__trio{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1100px;margin:0 auto;align-items:start}
.roue-page .scr--tilt-l{transform:rotate(-1.6deg)}
.roue-page .scr--tilt-r{transform:rotate(1.4deg) translateY(18px)}
.roue-page .scr--tilt-l2{transform:rotate(-.8deg) translateY(6px)}
.roue-page .rs3__grid{display:grid;grid-template-columns:1.3fr .9fr;gap:1.6rem;align-items:center;max-width:1100px;margin:0 auto}
.roue-page .rs3__grid .scr{max-width:none}
.roue-page .scr--fiche{transform:rotate(1.2deg)}
.roue-page .rs4__scene{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2.4rem;align-items:center;max-width:980px;margin:0 auto}
.roue-page .rs4__panel{margin:0;width:275px;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(212,165,116,.3);transform:rotate(-2deg)}
.roue-page .rs4__panel img{display:block;width:100%}
.roue-page .rs4__panel figcaption{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);padding:.45rem .8rem;background:#0c0709}
.roue-page .rs4__notes{display:grid;gap:1.1rem;position:relative}
.roue-page .rs4__notes::before{content:"";position:absolute;left:19px;top:14px;bottom:14px;width:1px;background:linear-gradient(180deg,var(--ac),transparent)}
.roue-page .an{position:relative;margin:0;padding-left:56px}
.roue-page .an__n{position:absolute;left:0;top:-.1rem;width:38px;height:38px;border-radius:50%;border:1px solid var(--ac);display:grid;place-items:center;font:italic 1.1rem "Playfair Display",serif;color:var(--ac2);background:var(--bg)}
.roue-page .an__t{font-size:1.15rem;color:var(--creme);line-height:1.4}
.roue-page .an--3 .an__n, .roue-page .an--4 .an__n{background:var(--ac);color:var(--ink2)}
.roue-page .rs5__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;max-width:1100px;margin:0 auto}
.roue-page .scr--duel{max-width:none}
.roue-page .rs5__cards{position:relative;height:420px}
.roue-page .mg{position:absolute;top:20px;left:50%;width:210px;border-radius:18px;box-shadow:0 24px 50px rgba(0,0,0,.6);transform-origin:50% 120%}
.roue-page .mg--0{transform:translateX(-50%) translateX(-150px) rotate(-10deg)}
.roue-page .mg--1{transform:translateX(-50%) translateY(-16px)}
.roue-page .mg--2{transform:translateX(-50%) translateX(150px) rotate(10deg)}
.roue-page .rs6__grid{grid-template-columns:1fr 1fr}
.roue-page .sacre__copy{display:grid;gap:.1rem;justify-items:start}
.roue-page .sacre{position:relative;padding:2.2rem 2rem 2rem;border-radius:16px;background:radial-gradient(ellipse 80% 70% at 50% 0%,#5a1030,#1b0710 75%),var(--grain);box-shadow:0 30px 70px rgba(0,0,0,.7),inset 0 0 0 1px rgba(212,165,116,.25);display:grid;grid-template-columns:1fr 200px;gap:1.2rem;align-items:center;min-height:360px;transform:rotate(-1deg)}
body[data-room=donjon] .roue-page .sacre{background:radial-gradient(ellipse 80% 70% at 50% 0%,#3a2166,#12081f 75%),var(--grain);box-shadow:0 30px 70px rgba(0,0,0,.8),inset 0 0 0 1px rgba(160,108,255,.3)}
.roue-page .sacre__k{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}
.roue-page .sacre__h{font:500 2.1rem/1.05 "Playfair Display",serif;color:var(--creme);margin:.4rem 0 .2rem}
.roue-page .sacre__h em{color:var(--ac2)}
.roue-page .sacre__sub{font:italic 1.05rem "Playfair Display",serif;color:var(--ac2);margin:0 0 .6rem}
.roue-page .sacre__line{color:var(--dim);margin:0 0 1rem;font-size:.95rem}
.roue-page .sacre .btn{font-size:.7rem;padding:.7rem 1.1rem}
.roue-page .env{position:relative;background:linear-gradient(180deg,#efe6cf,#dccdaa);color:#2b1a12;padding:2.6rem 1rem 1rem;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.5);transform:rotate(2deg)}
.roue-page .env::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.35),transparent 50%);pointer-events:none}
.roue-page .env__seal{position:absolute;left:50%;top:-22px;transform:translateX(-50%);width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e0466a,#8e0b2c 70%);color:#f7d9df;display:grid;place-items:center;font-size:1.3rem;box-shadow:0 6px 14px rgba(0,0,0,.5)}
.roue-page .env b{display:block;font:600 1.1rem "Playfair Display",serif;font-style:italic}
.roue-page .env small{display:block;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:#6a4a3a;margin-top:.3rem}
.roue-page .rs6__note{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:.6rem 0 0}
@media (max-width:900px){.roue-page .p1__modes, .roue-page .rs3__grid, .roue-page .rs5__grid, .roue-page .rs6__grid{grid-template-columns:1fr;gap:1.2rem}
.roue-page .p1__trio{grid-template-columns:1fr;gap:.8rem}
.roue-page .scr--tilt-l, .roue-page .scr--tilt-r, .roue-page .scr--tilt-l2, .roue-page .scr--fiche{transform:none}
.roue-page .scr--salon, .roue-page .scr--duel, .roue-page .scr--fiche{max-width:none;border-radius:12px}
.roue-page .rs4__scene{grid-template-columns:1fr;gap:1.2rem;justify-items:center}
.roue-page .rs4__panel{transform:none;width:min(275px,100%)}
.roue-page .rs4__notes{width:100%}
.roue-page .an__t{font-size:1.05rem}
.roue-page .rs5__cards{height:280px;overflow:hidden}
.roue-page .mg{width:136px}
.roue-page .mg--0{transform:translateX(-50%) translateX(-92px) rotate(-10deg)}
.roue-page .mg--2{transform:translateX(-50%) translateX(92px) rotate(10deg)}
.roue-page .sacre{grid-template-columns:1fr;padding:1.6rem 1.2rem;transform:none;min-height:0}
.roue-page .env{transform:none;margin-top:1.4rem}}

.roue-page{--creme:#f5f0e8;--dim:rgba(245,240,232,.66);--ink:#2b1a12;--wine:#7a1236;--or:#d4a574;--or2:#e2c27e;background:var(--rbg)}
.roue-page .voix{font-family:'Playfair Display',Georgia,serif;font-style:italic}
.roue-page .obj__head{text-align:center;max-width:70ch;margin:0 auto 2rem} .roue-page .obj__head .eyebrow{justify-content:center} .roue-page .obj__head .title{text-align:center;margin:0 auto .9rem} .roue-page .obj__head .lead{text-align:center;margin-left:auto;margin-right:auto;font-size:1.05rem}
.roue-page .im-scene.obj .eyebrow{display:inline-flex}
.roue-page .btn.btn--d{background:linear-gradient(135deg,#d9bdff,#8a4dff);color:#160a2a}
.roue-page .btn--big{font-size:.82rem;padding:1.1rem 1.8rem}
.roue-page .rs5__free{text-align:center;color:var(--dim);font-size:.82rem;margin:1.4rem 0 0}
.roue-page .gc{position:static;width:100%;box-sizing:border-box}
body[data-room=donjon] .roue-page .eyebrow,body[data-room=donjon] .roue-page .eyebrow::before,body[data-room=donjon] .roue-page .eyebrow::after{color:var(--ac);border-color:var(--ac)}
body[data-room=donjon] .roue-page .title em{color:var(--ac2)}
body[data-room=donjon] .roue-page .tag2 .btn--gold,body[data-room=donjon] .roue-page .cta-r .btn--gold{background:linear-gradient(135deg,#d9bdff,#8a4dff);color:#160a2a}
body[data-room=donjon] .roue-page .ticket .btn--ghost{border-color:#8a4dff;color:#5a2db0}