@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=IM+Fell+English:ital@0;1&display=swap');
:root{--coal:#170f0b;--dark:#291910;--brown:#4a2c19;--brass:#c59a56;--light:#f0dcaf;--paper:#e6cda0;--ink:#3a2315;--red:#923a2c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#160e0a;font-family:'Libre Baskerville',Georgia,serif;line-height:1.85}a{color:inherit}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.nav{z-index:20;position:sticky;top:0;background:linear-gradient(#38251bfa,#21140df9);box-shadow:0 3px 0 #a87b45,0 7px 14px #0008;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px max(24px,calc((100vw - 1250px)/2));color:#f3dcad}.navbrand{font:900 21px Cinzel,serif;letter-spacing:.09em;text-decoration:none;white-space:nowrap;text-shadow:1px 2px #000}.brandstar{color:var(--brass)}.nav nav{display:flex;gap:clamp(10px,2.3vw,28px);align-items:center;flex-wrap:wrap}.nav nav a{font:700 11px Cinzel,serif;text-decoration:none;letter-spacing:.06em}.nav nav a:hover{color:#fff}.navjoin{border:1px solid #ac854e;padding:8px 12px;background:#51321f}.hero{height:clamp(650px,85vh,880px);min-height:650px;position:relative;background:#2b1a12 url('assets/hero.webp') center 42%/cover no-repeat;color:#f6dfb3;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#130c08a8 0%,#170d0859 43%,#170c064d 100%),linear-gradient(0deg,#130c0cf2 0%,transparent 47%)}.hero-text{z-index:1;position:relative;text-align:center;padding:26px 24px 90px;width:min(900px,100%);text-shadow:1px 3px 9px #000}.hero-rule,.overline{font:700 11px Cinzel,serif;letter-spacing:.24em}.hero-rule{color:#f5c982}.hero-line{font:900 clamp(28px,4.8vw,64px)/1.2 Cinzel,serif;margin:15px auto 10px;text-transform:uppercase}.hero-line em{color:#f5bf75;font-style:normal}.hero-lead{font:italic clamp(17px,2vw,24px)/1.55 'IM Fell English',Georgia,serif;margin:0 auto 22px}.opening-plaque{display:flex;align-items:center;flex-direction:column;gap:2px;margin:0 auto 23px;width:max-content;max-width:100%;padding:9px 30px;background:linear-gradient(135deg,#302013eb,#694328ed,#2d1b10f0);border:3px ridge #bb9456;outline:1px solid #4c301b;box-shadow:0 9px 30px #0009}.opening-plaque span{font:700 11px Cinzel,serif;letter-spacing:.17em}.opening-plaque strong{font:900 clamp(19px,3vw,31px) Cinzel,serif;color:#ffda99}.wood-button{display:inline-block;background:linear-gradient(180deg,#76502e,#3a2415);color:#f6ddb1;border:2px solid #c49a59;box-shadow:inset 0 0 0 3px #40291b,0 6px 15px #0008;padding:12px 24px;text-decoration:none;font:700 12px Cinzel,serif;letter-spacing:.07em;transition:transform .2s,filter .2s}.wood-button:hover{transform:translateY(-3px);filter:brightness(1.2)}.wood-button span{margin-left:10px}.hero-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;text-align:center;background:linear-gradient(90deg,#1c110d,#3a2418,#1c110d);border-top:3px ridge #b68a4b;padding:11px 10px;font:700 10px Cinzel,serif;letter-spacing:.13em}.world{padding:65px 20px 100px;background:radial-gradient(ellipse at 50% 0,#4d321f,#1d130e 70%);background-attachment:fixed}.world-inner{max-width:1160px;margin:auto;padding:25px clamp(14px,4vw,56px) 65px;background:linear-gradient(90deg,#b9955b 0,#e5cda0 3%,#f2dfb6 12%,#ead2a6 50%,#f1deb5 88%,#b9955b 100%);border:12px solid #5d3b24;outline:3px solid #a57b43;box-shadow:inset 0 0 70px #8a5a3050,0 18px 65px #000b;position:relative}.world-inner:before{content:'✦';position:absolute;top:9px;left:13px;color:#926e42;font-size:28px}.world-inner:after{content:'✦';position:absolute;top:9px;right:13px;color:#926e42;font-size:28px}.intro{text-align:center;padding:65px 5% 75px;max-width:900px;margin:auto}.overline{color:#8e4d2b}.intro h2,.chapter h2{font:700 clamp(30px,4.1vw,51px)/1.27 Cinzel,serif;letter-spacing:-.025em;margin:12px 0 24px}.intro h2 em,.chapter h2 em{font-style:normal;color:#8b3b29}.intro p{max-width:760px;margin:15px auto}.flourish{color:#a1763f;font-size:22px;letter-spacing:.2em;margin:0 0 24px}.handnote,.scribble{font:italic 23px/1.35 'IM Fell English',Georgia,serif;color:#8d3b2d;transform:rotate(-1deg)}.handnote{margin-top:30px!important}.chapter{padding:72px 0 78px;border-top:3px double #9c7949;scroll-margin-top:85px;position:relative}.chapter:before{content:'✦';position:absolute;top:-21px;left:calc(50% - 19px);width:38px;background:#ead3a8;text-align:center;color:#9c7949;font-size:21px}.chapter-heading{text-align:center;margin-bottom:35px}.chapter-number{display:block;color:#8c5b37;font:700 12px Cinzel,serif;letter-spacing:.22em;margin-bottom:8px}.chapter-heading .overline{display:block}.chapter h2{margin-top:10px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(25px,4vw,55px);align-items:center}.split.reverse{grid-template-columns:1.15fr .85fr}.prose p{margin:0 0 19px}.states{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.states span{font:700 10px Cinzel,serif;letter-spacing:.03em;border:1px solid #8b633a;background:#e2c08c;padding:7px 10px;box-shadow:inset 0 0 0 2px #f1dcaf}.framed-photo{margin:0;background:#442a1a;border:9px ridge #a47740;box-shadow:0 9px 18px #3922146b;transform:rotate(1deg);padding:7px}.framed-photo img{width:100%;height:390px;object-fit:cover;object-position:center 34%;filter:sepia(.14) contrast(1.08)}.framed-photo figcaption{font:italic 16px 'IM Fell English',Georgia,serif;color:#f4dba8;text-align:center;padding:12px 8px}.guarma{background:linear-gradient(0deg,#2b1d12d9,#2b1d12d9),url('assets/town.webp') center/cover;padding:70px clamp(20px,4vw,65px);margin:15px -15px;color:#f5e0ba;border:5px ridge #8f693e;box-shadow:inset 0 0 0 5px #27170d}.guarma:before{background:#302015}.guarma .chapter-number,.guarma .overline{color:#d3aa6d}.guarma h2{color:#fff0cf}.guarma h2 em{color:#e8b46b}.guarma-card{max-width:800px;margin:auto;text-align:center;padding:28px 38px;background:linear-gradient(135deg,#ead4a8,#d4ae73);color:#382418;border:6px double #8a5c31;box-shadow:0 12px 28px #0009;transform:rotate(-.5deg)}.guarma-seal{font:900 13px Cinzel,serif;letter-spacing:.25em;color:#8d352a}.guarma-card p{margin:15px 0}.wanted{margin-top:27px;background:#e2bd80;border:6px double #8c5e32;padding:22px 25px;box-shadow:4px 6px 0 #8c6339a8;transform:rotate(-1deg)}.wanted>span{font:900 12px Cinzel,serif;letter-spacing:.15em;color:#943b2c}.wanted h3{font:700 20px Cinzel,serif;margin:9px 0}.wanted p{font-size:14px}.center-lead{max-width:850px;text-align:center;margin:0 auto 25px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:38px 0}.choice{position:relative;background:linear-gradient(120deg,#e8c990,#d2a96d);border:8px ridge #80542f;box-shadow:0 8px 15px #58381e55;padding:28px 22px 24px;text-align:center}.choice:before,.choice:after{content:'✦';position:absolute;color:#7d4c2d;font-size:16px;top:3px}.choice:before{left:6px}.choice:after{right:6px}.choice-mark{margin:auto;border:2px solid #8a5d36;border-radius:50%;height:48px;width:48px;display:grid;place-items:center;font:900 24px Cinzel,serif;color:#7e3b26}.choice h3{font:700 19px Cinzel,serif;margin:15px 0 10px}.choice p{font-size:13px}.choice-foot{font:700 9px Cinzel,serif;letter-spacing:.07em;color:#8b4d2f}.store-illustration{position:relative;transform:rotate(1deg);border:9px ridge #956b39;box-shadow:0 8px 18px #3922146b;overflow:hidden}.store-illustration img{height:430px;width:100%;object-fit:cover;object-position:center 60%}.store-stamp{position:absolute;bottom:25px;right:10px;transform:rotate(-12deg);font:900 18px Cinzel,serif;color:#742a1e;border:5px double #742a1e;padding:9px 14px;background:#eed7abde;text-align:center}.classics{text-align:center}.classics>p{max-width:850px;margin:18px auto}.final-quip{font:italic clamp(22px,3vw,32px) 'IM Fell English',serif;color:#843b29;margin-top:40px}.join{background:linear-gradient(#170d0cbb,#170d0cdd),url('assets/hero.webp') center/cover no-repeat;text-align:center;color:#f3dcb3;border-top:9px ridge #8e683c;padding:65px 20px 85px}.join-content{max-width:900px;margin:auto}.join-logo{width:clamp(180px,30vw,300px);margin:0 auto 10px;filter:drop-shadow(0 9px 14px #000)}.join .overline{color:#d4a96a}.join h2{font:700 clamp(23px,3.4vw,39px)/1.4 Cinzel,serif}.join h2 em{font-style:normal;color:#e7b66e}.join-date{margin:25px auto;font:700 13px Cinzel,serif;letter-spacing:.1em}.join-date strong{display:block;font:900 clamp(24px,4vw,38px) Cinzel,serif;color:#f5c477}.join-note{font:italic 16px 'IM Fell English',serif;margin-top:22px}footer{padding:35px 20px;background:#1b100c;color:#cfad7d;text-align:center;font:11px Cinzel,serif;letter-spacing:.05em}footer span{font-size:17px;color:#e6bc75}footer a{color:#f0cf9c}@media(max-width:850px){.nav{position:relative;display:block;text-align:center}.nav nav{justify-content:center;margin-top:10px}.split,.split.reverse{grid-template-columns:1fr}.framed-photo{max-width:570px;margin:0 auto}.choice-grid{grid-template-columns:1fr}.choice{max-width:550px;margin:auto}.hero{height:690px}.hero-text{padding-bottom:85px}.world{padding:30px 12px 60px}.world-inner{padding:12px 23px 50px;border-width:7px}.intro{padding:60px 0}.chapter{padding:60px 0}.guarma{margin:10px -10px;padding:60px 15px}.guarma-card{padding:25px 17px}}@media(max-width:500px){.navbrand{font-size:18px}.nav nav a{font-size:10px}.hero{min-height:620px;height:680px;background-position:44% center}.hero-line{font-size:29px}.hero-lead{font-size:17px}.hero-rule{font-size:9px}.hero-text{padding-bottom:88px}.hero-bottom{font-size:8px;letter-spacing:0}.opening-plaque{padding:10px 16px}.world-inner{padding:8px 17px 45px}.intro h2,.chapter h2{font-size:28px}.chapter{padding:55px 0}.framed-photo img{height:280px}.guarma-card{font-size:14px}.handnote,.scribble{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wood-button{transition:none}}
/* V2.1 : illustrations visibles en entier, sans recadrage */
.framed-photo img,
.store-illustration img {
  height: auto;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.hero {
  background-color: #23140e;
  background-size: 100% auto;
  background-position: center top;
}
@media (max-width: 500px) {
  .hero { background-position: center top; background-size: 100% auto; }
  .framed-photo img { height: auto; }
}

/* La Gazette de la Poisse */
.gazette-home{background:linear-gradient(160deg,#27170f,#473020 65%,#21140d);padding:72px 20px;text-align:center;border-top:8px ridge #8b6538;color:#ecd6a6}.gazette-home-inner{max-width:920px;margin:auto}.gazette-home h2{font-size:clamp(2.2rem,6vw,4.5rem);color:#f1dbac;margin:15px 0}.gazette-home h2 em{color:#c79a53}.gazette-latest{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:25px auto 30px}.gazette-teaser{display:flex;flex-direction:column;text-align:left;gap:10px;padding:22px;color:#3b2518;background:#e5cda0;border:7px double #8e6334;text-decoration:none;box-shadow:3px 6px 12px #100a06}.gazette-teaser strong{font-size:1.25rem}.gazette-teaser small{font-size:.8rem;letter-spacing:1px}.gazette-page{min-height:100vh;background:repeating-linear-gradient(100deg,#25170e,#2c1b11 45px,#24160d 90px);padding:110px 16px 70px}.gazette-sheet{background:#e8d4ac;color:#39271b;max-width:960px;margin:0 auto 28px;padding:clamp(22px,5vw,65px);border:12px ridge #906537;box-shadow:0 14px 38px #0c0805, inset 0 0 60px #ae8a4a55}.gazette-masthead{text-align:center;border-bottom:5px double #76512c;padding-bottom:20px;margin-bottom:30px}.gazette-masthead h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1.05;margin:10px 0;color:#392419}.gazette-masthead p{letter-spacing:2px}.gazette-article{padding:28px 0;border-bottom:2px solid #a8895c}.gazette-article h2{font-size:clamp(1.6rem,4vw,2.5rem);color:#422819;margin:10px 0}.gazette-article h3{font-size:1.45rem;margin:22px 0 8px}.gazette-article p,.gazette-article li{font-size:1.07rem;line-height:1.75}.gazette-article ul{padding-left:26px}.gazette-article hr{border:0;border-top:3px double #8e6b40;margin:28px 0}.gazette-date{font-size:.85rem;letter-spacing:1px;color:#74502c}.gazette-article a{color:#663917}.gazette-admin{max-width:880px;margin:0 auto}.gazette-form{display:grid;gap:14px}.gazette-form label{font-weight:700}.gazette-form input,.gazette-form textarea,.gazette-form select{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:2px solid #a07d4d;background:#fff7e6;color:#302014;border-radius:2px}.gazette-form textarea{min-height:330px;font-family:ui-monospace,Consolas,monospace}.gazette-form button,.gazette-actions button{cursor:pointer;background:#55321e;color:#fff1d3;padding:12px 18px;border:2px solid #b28a4e;font:inherit;font-weight:bold}.gazette-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.gazette-actions a{color:#55321e}.gazette-alert{padding:12px;background:#fff0c6;border:2px solid #a67d43}.gazette-nav{text-align:center;margin:20px 0}.gazette-nav a{color:#f1d7a6;margin:0 12px}.gazette-empty{text-align:center;padding:30px}.gazette-article-preview{border:2px dashed #9a7448;padding:22px;margin-top:20px}.gazette-toolbar{font-size:.9rem;color:#76512c}.gazette-admin-list{padding-left:20px}.gazette-admin-list li{padding:8px 0}

/* V4 : même identité western sur toutes les pages */
.hero-new{width:min(1040px,100%);padding-bottom:75px}
.hero-new .join-content{max-width:1000px}
.hero-new .join-logo{width:clamp(180px,24vw,310px);display:block;margin:0 auto 12px}
.hero-new .overline{color:#f4ca85}
.hero-new h2{font:700 clamp(23px,3.5vw,43px)/1.35 Cinzel,Georgia,serif;margin:12px auto}
.hero-new h2 em{color:#f5bf75;font-style:normal}
.hero-new .join-date{margin:16px auto}
.hero-new .join-note{color:#f6dfb3}
.final-slogan{white-space:nowrap;font-size:clamp(13px,2.15vw,30px)!important;letter-spacing:.01em}
.gazette-page{background:#2b1a12 url('/assets/hero.webp') center top/cover fixed no-repeat;position:relative}
.gazette-page:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1d120ec9,#25170edc);pointer-events:none}
.gazette-sheet,.gazette-nav{position:relative;z-index:1}
.gazette-sheet{background:linear-gradient(115deg,#e8cf9f,#d8b57d 55%,#e8cf9f);border:10px ridge #8d6236;box-shadow:0 12px 32px #110a07, inset 0 0 80px #9166323d;font-family:'IM Fell English',Georgia,serif}
.gazette-masthead h1,.gazette-article h2,.gazette-article h3{font-family:Cinzel,Georgia,serif}
.gazette-masthead{border-bottom:5px double #80542d}
.gazette-article{border-bottom-color:#987044}
.gazette-article a{color:#673d21}
@media(max-width:700px){.hero-new{padding:18px 18px 65px}.hero-new .join-logo{width:clamp(140px,40vw,230px)}.hero-new h2{font-size:clamp(20px,5vw,30px)}.hero-new .join-note{font-size:13px}.final-slogan{white-space:normal}}

/* V5 : contraste de l'accroche et Gazette alignée sur l'accueil */
.hero-new .overline{display:table;max-width:95%;margin:8px auto 18px;padding:11px 22px;background:linear-gradient(90deg,#201109ee,#3d2619f5,#201109ee);border:2px solid #cba368;box-shadow:0 4px 20px #000d;color:#ffe7ac!important;font-size:clamp(11px,1.25vw,16px);letter-spacing:.13em;text-shadow:0 2px 4px #000;line-height:1.5}
.final-slogan{white-space:nowrap;font-size:clamp(13px,2.2vw,29px)!important}
.gazette-page-public{background:linear-gradient(160deg,#27170f,#473020 65%,#21140d);min-height:75vh;padding:70px 18px 90px;color:#ecd6a6}
.gazette-page-public .gazette-home-inner{max-width:1020px}
.gazette-page-public .gazette-masthead{border:0;text-align:center;margin:0 auto 32px;padding:0}
.gazette-page-public .gazette-masthead h1{font:700 clamp(2.2rem,6vw,4.5rem)/1.2 Cinzel,Georgia,serif;color:#f1dbac;margin:14px 0}
.gazette-page-public .gazette-masthead h1 em{font-style:normal;color:#c79a53}
.gazette-page-public .gazette-masthead p{font:italic 20px 'IM Fell English',Georgia,serif;letter-spacing:0;color:#e7c99c}
.gazette-editions{display:grid;gap:16px;margin:30px auto;max-width:920px}
.gazette-edition-card{display:block;text-align:left;padding:24px 28px;background:#e5cda0;border:7px double #8e6334;color:#3b2518;text-decoration:none;box-shadow:3px 6px 12px #100a06;transition:transform .2s,filter .2s}
.gazette-edition-card:hover{transform:translateY(-3px);filter:brightness(1.08)}
.gazette-edition-card h2{font:700 clamp(19px,2.6vw,28px) Cinzel,Georgia,serif;margin:8px 0;color:#422819}
.gazette-edition-card .gazette-date{color:#76502e;font-size:12px;letter-spacing:.07em}
.gazette-upcoming{text-align:center;border-style:dashed;cursor:default}
.gazette-upcoming h2{font-size:22px}
.gazette-paper{background:linear-gradient(90deg,#b9955b 0,#e5cda0 3%,#f2dfb6 12%,#ead2a6 50%,#f1deb5 88%,#b9955b 100%);border:12px solid #5d3b24;outline:3px solid #a57b43;box-shadow:inset 0 0 70px #8a5a3050,0 18px 65px #000b;max-width:1060px;margin:0 auto;padding:clamp(18px,5vw,65px);color:#39271b}
.gazette-paper .gazette-article{border:0;padding:0}
.gazette-paper .gazette-article h2{font:700 clamp(23px,4vw,43px) Cinzel,Georgia,serif;color:#422819}
.gazette-paper .gazette-article h3{font-family:Cinzel,Georgia,serif}
.gazette-paper .gazette-article p,.gazette-paper .gazette-article li{font-family:'Libre Baskerville',Georgia,serif}
.gazette-paper .gazette-edition-nav{border-top:3px double #9c7949;padding-top:24px}
.gazette-paper .gazette-edition-nav a{color:#6d3923}
.gazette-page-public .gazette-nav a{color:#f1d7a6}
@media(max-width:700px){.final-slogan{white-space:normal}.gazette-page-public{padding:45px 12px}.gazette-edition-card{padding:17px}.gazette-paper{border-width:7px}.hero-new .overline{padding:8px 12px}}

/* V6 : accueil plus compact, logo dégagé de la navigation */
.hero{height:auto;min-height:clamp(640px,86vh,820px);align-items:center;padding-top:92px;padding-bottom:55px;box-sizing:border-box}
.hero-new{padding:14px 20px 38px!important;box-sizing:border-box}
.hero-new .join-logo{width:clamp(130px,17vw,215px);max-height:205px;object-fit:contain;margin:0 auto 5px}
.hero-new h2{font-size:clamp(20px,2.7vw,34px);margin:7px auto}
.hero-new .overline{margin:5px auto 10px;padding:8px 14px}
.hero-new .join-date{margin:10px auto}
.hero-new .join-note{margin-top:12px}
@media(max-width:700px){.hero{padding-top:24px;min-height:680px}.hero-new .join-logo{width:clamp(125px,32vw,185px)}.hero-new{padding-bottom:65px!important}}
/* Lecteur musical discret, accessible sur toutes les pages */
.ool-music{position:fixed;right:15px;bottom:14px;z-index:1000;display:flex;align-items:center;gap:9px;background:#25170ff2;border:2px solid #b18a50;box-shadow:0 5px 20px #0009;padding:8px 12px;color:#f5d9a6;font:12px Cinzel,Georgia,serif;border-radius:4px}
.ool-music button{background:#694527;border:1px solid #c49b60;color:#fff0d1;padding:7px 11px;cursor:pointer;font:inherit;border-radius:3px}
.ool-music input{width:70px;accent-color:#c79a53}
.ool-music small{font-size:10px;opacity:.85}
@media(max-width:520px){.ool-music{right:8px;bottom:8px;padding:6px 8px;gap:6px}.ool-music small{display:none}.ool-music input{width:58px}}

/* V7 : icône audio intégrée dans la navigation, sans panneau flottant */
.ool-music{position:relative!important;inset:auto!important;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 0 4px!important;z-index:1100}
.ool-music-button{display:grid;place-items:center;width:35px;height:35px;padding:0!important;border:1px solid #b38a4d!important;border-radius:50%!important;background:#2c1a10!important;color:#eac58a!important;cursor:pointer}
.ool-music-button.playing{color:#f6dfa9!important;border-color:#e5c17e!important}
.ool-music-button:hover,.ool-music-button:focus-visible{background:#50301b!important}
.ool-music-pop{position:absolute;right:0;top:100%;padding:14px 12px 10px;background:#291a11;border:1px solid #b38a4d;box-shadow:0 8px 24px #0009;border-radius:4px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s}
.ool-music:hover .ool-music-pop,.ool-music:focus-within .ool-music-pop{opacity:1;visibility:visible;pointer-events:auto}
.ool-music-pop input{width:115px;accent-color:#d4a65c;display:block}
@media(max-width:700px){.ool-music{margin-left:2px!important}.ool-music-button{width:31px;height:31px}}

/* Règlement HRP - charte Out Of Luck */
.rules-page{background:#21150e url('/assets/hero.webp') center top/cover fixed;position:relative;padding:105px 20px 80px;min-height:100vh}
.rules-page:before{content:"";position:absolute;inset:0;background:linear-gradient(#21150ee8,#2a1b11e9);pointer-events:none}
.rules-wrap{position:relative;max-width:970px;margin:auto}
.rules-heading{text-align:center;color:#f1d4a3;margin:0 auto 30px}
.rules-heading h1{font:700 clamp(30px,5vw,56px)/1.2 Cinzel,Georgia,serif;color:#f6dcac;margin:15px 0}
.rules-heading h1 em{color:#d5a45f;font-style:normal}
.rules-heading p{font-size:18px;color:#f4dbb6}
.rules-intro,.rules-conclusion,.rules-lexicon{background:linear-gradient(125deg,#ead3a7,#ddbc84 60%,#e8cc98);border:7px ridge #8c5b30;box-shadow:0 12px 30px #0008,inset 0 0 50px #986c2a30;color:#402916;padding:24px 30px;margin-bottom:22px}
.rules-intro p,.rules-conclusion p{line-height:1.75;margin:0 0 14px}
.rules-hint{font-style:italic;opacity:.8;font-size:14px}
.rules-section{background:linear-gradient(125deg,#e8cfa0,#ddbc85);border:2px solid #986735;box-shadow:0 5px 15px #0006;margin:0 0 13px;color:#382416}
.rules-section summary{cursor:pointer;display:flex;gap:16px;align-items:center;padding:17px 21px;font:700 clamp(15px,2.3vw,20px)/1.4 Cinzel,Georgia,serif;list-style:none}
.rules-section summary::-webkit-details-marker,.rules-lexicon summary::-webkit-details-marker{display:none}
.rules-num{font-size:24px;color:#8b572b;min-width:42px}
.rules-plus{margin-left:auto;color:#8b572b;font-size:25px}
.rules-section[open] .rules-plus{transform:rotate(45deg)}
.rules-body{border-top:1px solid #a77b4d;padding:8px 25px 24px 79px;font-family:'IM Fell English',Georgia,serif;font-size:17px;line-height:1.7}
.rules-body p{margin:15px 0}
.rules-conclusion{text-align:center;margin-top:28px}
.rules-conclusion strong{font-family:Cinzel,Georgia,serif}
.rules-lexicon summary{font:700 clamp(17px,2.4vw,23px) Cinzel,Georgia,serif;cursor:pointer;list-style:none}
.rules-lexicon summary span{float:right}
.rules-lexicon-content{border-top:1px solid #b18b57;margin-top:18px;padding-top:12px;line-height:1.6}
.rules-lexicon dl{display:grid;grid-template-columns:minmax(110px,190px) 1fr;gap:12px 20px}
.rules-lexicon dt{font-weight:bold;color:#693e20}.rules-lexicon dd{margin:0}
.rules-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:28px 0}
.rules-bottom a{color:#f2d5a6;text-decoration:none;font-family:Cinzel,Georgia,serif}
.rules-bottom a:hover{text-decoration:underline}
@media(max-width:700px){.rules-page{padding:85px 12px 50px;background-attachment:scroll}.rules-intro,.rules-conclusion,.rules-lexicon{padding:18px 16px}.rules-section summary{padding:14px 12px;gap:9px}.rules-num{min-width:31px;font-size:19px}.rules-body{padding:8px 15px 18px;font-size:16px}.rules-lexicon dl{grid-template-columns:1fr;gap:3px}.rules-lexicon dd{margin-bottom:10px}}

/* Position de l’en-tête sur l’accueil */
.hero-new { transform: translateY(-110px); }


/* OOL CINEMATIC / DEV - Western noir, la poisse en filigrane.
   Refonte non destructive : Gazette, règlement, scripts et contenus conservés. */
:root{--ool-night:#100d0b;--ool-charcoal:#1d1916;--ool-copper:#c19a62;--ool-cream:#f2e5cf;--ool-rust:#803d32}
body:has(.hero){background:var(--ool-night);color:var(--ool-cream)}
body:has(.hero) .nav{position:sticky;top:0;z-index:100;background:rgba(15,13,12,.94);border-bottom:1px solid rgba(194,151,89,.38);box-shadow:0 14px 36px #0007;padding-block:15px;backdrop-filter:blur(16px)}
body:has(.hero) .navbrand{font-size:clamp(16px,1.8vw,23px);letter-spacing:.16em;color:#f4e2bf}
body:has(.hero) .nav nav a{font-size:10px;letter-spacing:.12em;color:#d9c5a7;transition:color .2s}
body:has(.hero) .nav nav a:hover{color:#fff4db}
body:has(.hero) .navjoin{border:1px solid #a57b4e;background:linear-gradient(120deg,#503325,#2a1b15);color:#f8e7c9!important;padding:12px 16px}
body:has(.hero) .hero{min-height:min(880px,94svh);height:auto;padding:105px 20px 95px;align-items:center;background-color:#14100d;background-size:cover!important;background-position:center 42%!important;isolation:isolate}
body:has(.hero) .hero:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 39%,transparent 3%,#0b0908a6 85%),linear-gradient(90deg,#0c0a09c9,#15100b55 45%,#0c0a09c9);pointer-events:none}
body:has(.hero) .hero-shade{background:linear-gradient(0deg,#100d0b 0%,#100d0b30 28%,#09080745 70%,#0b090890 100%)}
body:has(.hero) .hero-new{top:auto!important;transform:none!important;max-width:1020px;padding:0 20px 40px!important;filter:drop-shadow(0 8px 24px #000)}
body:has(.hero) .hero-new .join-logo{width:clamp(155px,21vw,265px);max-height:265px;filter:drop-shadow(0 12px 24px #000b);margin-bottom:22px}
body:has(.hero) .hero-new .overline{display:inline-block;padding:10px 22px;margin:10px auto 15px;color:#e7c28d;background:#17110cc9;border:1px solid #bc915980;font-size:clamp(9px,1vw,12px);letter-spacing:.27em}
body:has(.hero) .hero-new h2{font:700 clamp(27px,4.2vw,59px)/1.23 Cinzel,Georgia,serif;max-width:940px;margin:12px auto 26px;letter-spacing:-.025em;color:#fff1d5;text-wrap:balance;text-shadow:0 4px 18px #000}
body:has(.hero) .hero-new h2 em{display:inline-block;color:#e1b27a;font-style:normal}
body:has(.hero) .join-date{margin:22px auto 25px;color:#e2c8a6;font-size:12px;letter-spacing:.22em}
body:has(.hero) .join-date strong{font-size:clamp(20px,2.7vw,34px);color:#f2d2a0;letter-spacing:.075em}
body:has(.hero) .wood-button{background:#a57c4c;color:#18120d;border:1px solid #dfbd85;box-shadow:0 9px 25px #0008,inset 0 0 0 1px #3c261c;font:800 11px Cinzel,serif;letter-spacing:.13em;padding:15px 23px;transition:transform .2s,background .2s,box-shadow .2s}
body:has(.hero) .wood-button:hover{background:#e5bc7c;transform:translateY(-3px);box-shadow:0 13px 28px #000a}
body:has(.hero) .hero-new .join-note{margin-top:12px}
body:has(.hero) .hero-new .join-note .wood-button{background:#191411dd;color:#f3d6aa;border-color:#b28a58}
body:has(.hero) .hero-bottom{background:#100d0be8;border-top:1px solid #bc905b80;color:#c8a474;font-size:10px;letter-spacing:.22em;padding:17px 12px}
body:has(.hero) .world{padding:90px 24px 110px;background:radial-gradient(ellipse at 50% 15%,#29201a 0%,#100d0b 65%);background-attachment:scroll}
body:has(.hero) .world-inner{max-width:1220px;background:transparent;color:#e7d8c2;border:0;outline:0;box-shadow:none;padding:0 20px}
body:has(.hero) .world-inner:before,body:has(.hero) .world-inner:after{display:none}
body:has(.hero) .intro{padding:75px 0 100px;max-width:900px}
body:has(.hero) .intro h2,body:has(.hero) .chapter h2{font-size:clamp(32px,4.2vw,60px);line-height:1.19;color:#f4e6cd;letter-spacing:-.03em;text-wrap:balance}
body:has(.hero) .intro h2 em,body:has(.hero) .chapter h2 em{color:#d9a56d}
body:has(.hero) .overline{color:#c8a071}
body:has(.hero) .intro p,body:has(.hero) .prose p,body:has(.hero) .chapter>p{color:#d4c5af}
body:has(.hero) .flourish{color:#b38b56}
body:has(.hero) .handnote,body:has(.hero) .scribble{color:#c5a076}
body:has(.hero) .chapter{padding:100px 0;border-top:1px solid #ad865044;scroll-margin-top:90px}
body:has(.hero) .chapter:before{background:#15110e;color:#b58b57}
body:has(.hero) .chapter-number{color:#bd9060;letter-spacing:.3em}
body:has(.hero) .chapter-heading{margin-bottom:50px}
body:has(.hero) .split{gap:clamp(32px,5vw,80px)}
body:has(.hero) .framed-photo,body:has(.hero) .store-illustration{transform:none;background:#16110e;border:1px solid #a17a4c;box-shadow:0 24px 55px #0008;padding:8px}
body:has(.hero) .framed-photo img,body:has(.hero) .store-illustration img{width:100%;height:auto;filter:contrast(1.08) saturate(.83)}
body:has(.hero) .framed-photo figcaption{color:#c3a47e;padding:14px;font-size:15px}
body:has(.hero) .states span{background:#251b15;border:1px solid #84613e;color:#ebd3ac;box-shadow:none;padding:10px 12px}
body:has(.hero) .guarma{margin:25px -25px;padding:100px clamp(20px,5vw,70px);border:1px solid #916d44;background:linear-gradient(#0c1213e3,#0e1412e0),url('assets/town.webp') center/cover;box-shadow:0 25px 50px #0008}
body:has(.hero) .guarma:before{background:#151916}
body:has(.hero) .guarma-card{background:#1c2420e8;color:#e6d9c1;border:1px solid #b18b56;box-shadow:0 16px 40px #0009;transform:none;padding:35px}
body:has(.hero) .guarma-seal{color:#d4ae76}
body:has(.hero) .wanted{background:#251a16;border:1px solid #9b6245;box-shadow:0 14px 30px #0007;transform:none;color:#e6d5bc}
body:has(.hero) .wanted>span{color:#dc977e}
body:has(.hero) .choice-grid{gap:20px;margin:48px 0}
body:has(.hero) .choice{background:linear-gradient(145deg,#2d221b,#191512);border:1px solid #84613e;box-shadow:0 16px 36px #0007;padding:35px 25px;color:#ebd9bd;transition:transform .25s,border-color .25s}
body:has(.hero) .choice:hover{transform:translateY(-7px);border-color:#d1a66c}
body:has(.hero) .choice:before,body:has(.hero) .choice:after{color:#bd915c}
body:has(.hero) .choice-mark{border-color:#a37a49;color:#dcb17a}
body:has(.hero) .choice-foot{color:#caa270}
body:has(.hero) .center-lead{color:#d4c5af}
body:has(.hero) .store-stamp{background:#251713e8;color:#dcb18a;border-color:#9c5b42}
body:has(.hero) .final-quip{color:#d1a472}
body:has(.hero) .gazette-home{background:linear-gradient(145deg,#2a1b15,#100d0b);border-top:1px solid #a77c4b;padding:100px 20px}
body:has(.hero) .gazette-home h2{font-family:Cinzel,serif;color:#f2e2c5}
body:has(.hero) .gazette-home h2 em{color:#d4a46d}
body:has(.hero) .gazette-teaser{background:#e6d0a9;border:1px solid #b08b58;box-shadow:0 12px 26px #0008}
body:has(.hero) .join{padding:100px 20px 115px;background:linear-gradient(#100c0bc9,#100c0bed),url('assets/hero.webp') center/cover;border-top:1px solid #a57a49}
body:has(.hero) footer{background:#0d0b09;border-top:1px solid #785936;color:#c2a47c}
body:has(.hero) a:focus-visible{outline:2px solid #e7bb7e;outline-offset:4px}
@media(max-width:850px){body:has(.hero) .nav{position:relative;padding:18px 14px}body:has(.hero) .nav nav{gap:14px}body:has(.hero) .hero{min-height:720px;padding:60px 10px 85px}body:has(.hero) .world{padding:45px 12px 75px}body:has(.hero) .world-inner{padding:0 10px}body:has(.hero) .intro{padding:50px 0 75px}body:has(.hero) .chapter{padding:70px 0}body:has(.hero) .guarma{margin:15px -10px;padding:70px 20px}}
@media(max-width:500px){body:has(.hero) .hero{min-height:690px;background-position:50% center!important}body:has(.hero) .hero-new{padding:0 8px 35px!important}body:has(.hero) .hero-new .join-logo{width:155px}body:has(.hero) .hero-new h2{font-size:clamp(25px,7vw,36px)}body:has(.hero) .hero-new .overline{font-size:9px;letter-spacing:.13em}body:has(.hero) .hero-bottom{font-size:8px;letter-spacing:.06em}body:has(.hero) .choice-grid{grid-template-columns:1fr}body:has(.hero) .guarma-card{padding:24px 16px}body:has(.hero) .intro h2,body:has(.hero) .chapter h2{font-size:clamp(28px,8vw,39px)}}
@media(prefers-reduced-motion:reduce){body:has(.hero) .choice,body:has(.hero) .wood-button{transition:none}}