@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}}
/* Remonter le bloc d'accueil de 2 cm */
.hero-new {
    transform: translateY(-75px);
}