:root{--orange:#e78245;--dark:#262b2b;--muted:#666d6b;--cream:#faf7f2;--green:#2d8069}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);font-family:Arial,Helvetica,sans-serif;line-height:1.55;background:white}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.top{display:flex;align-items:center;justify-content:space-between;padding:16px max(24px,calc((100vw - 1160px)/2));gap:18px;border-bottom:1px solid #eee;background:#fff}.brand{text-decoration:none;font-weight:900;font-size:21px;white-space:nowrap}.brand span:last-child{color:var(--orange)}.hex{font-size:34px;color:var(--orange);vertical-align:middle}.top nav{display:flex;gap:22px;font-size:14px}.top nav a{text-decoration:none}.top nav a:hover{color:var(--orange)}main section{padding:80px max(24px,calc((100vw - 1100px)/2));scroll-margin-top:10px}.hero{background:var(--cream);display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;min-height:540px}.hero h1{font-size:clamp(40px,5vw,70px);line-height:1.06;letter-spacing:-2px;margin:18px 0 24px}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:18px;max-width:570px}.hero .cover{width:100%;max-height:440px;object-fit:cover;border-radius:18px;box-shadow:18px 18px 0 #f3dac9}.eyebrow{font-size:12px;letter-spacing:2.4px;font-weight:800;color:#ba5f2c}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;border-radius:7px;padding:13px 22px;font-weight:700;border:1px solid transparent;min-height:46px}.primary{background:var(--orange);color:#171717}.primary:hover{background:#ef9b66}.secondary{background:#fff;border-color:#cbd0cc;color:#343b37}.secondary:hover{border-color:var(--orange)}.fine{font-size:13px!important;color:var(--muted)}h2{font-size:clamp(30px,3.6vw,48px);line-height:1.13;letter-spacing:-1px;margin:12px 0 25px;max-width:800px}h3{font-size:20px;margin:10px 0 16px}.intro .columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.intro p{font-size:17px}.columns img{width:100%;border-radius:14px;max-height:390px;object-fit:cover}.soft{background:var(--cream)}.fact{background:#e6f3e9;border-left:5px solid var(--green);border-radius:6px;padding:19px 22px;margin-top:28px;font-size:15px}.games>p,.game>p{color:var(--muted);max-width:800px}.game-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.game-nav a{display:flex;flex-direction:column;gap:7px;padding:25px 19px;background:#fff7f0;border:1px solid #f0d9c7;border-radius:10px;text-decoration:none;color:#ae5829;font-size:14px}.game-nav strong{color:#252525;font-size:20px}.game-nav small{color:#656565}.game-nav a:hover{border-color:var(--orange);transform:translateY(-2px)}.game{border-top:1px solid #f0ebe5}.game-panel{max-width:820px}.question{border:1px solid #e5e2dc;border-radius:12px;padding:22px;margin:18px 0;background:white;min-width:0}.question legend{font-size:17px;font-weight:700;float:left;width:100%;margin-bottom:14px}.number{color:var(--orange);margin-right:12px}.options{display:flex;gap:12px;flex-wrap:wrap;clear:both}.options label{cursor:pointer;flex:1;min-width:135px}.options input{position:absolute;opacity:0}.options span{display:block;padding:13px 16px;border:1px solid #d5d8d3;border-radius:8px;background:#fff;min-height:49px}.options input:checked+span{background:#fff0e4;border-color:var(--orange);font-weight:700}.options input:focus-visible+span{outline:3px solid #227db1}.feedback{margin:12px 0 0;font-size:14px;min-height:1px}.question.good{border-color:#74ad89}.question.good .feedback{color:#27744e}.question.bad{border-color:#d7a2a2}.question.bad .feedback{color:#a53e3e}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.result{font-weight:700;min-height:24px}.word-layout,.cross-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:40px;align-items:start;margin-top:30px}.word-grid{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));width:100%;max-width:650px;aspect-ratio:1;background:#f8e0cf;padding:10px;border-radius:10px;touch-action:pan-y;user-select:none}.letter{padding:0;border:0;background:transparent;min-width:0;font-size:clamp(9px,1.7vw,19px);font-weight:800;color:#262626;border-radius:4px}.letter:hover,.letter.selected{background:#f5b88d}.letter.found{background:#399a74;color:white}.word-list{display:flex;gap:9px;flex-wrap:wrap}.word-chip{background:white;border:1px solid #e2dcd4;border-radius:7px;padding:8px 12px;font-weight:700;font-size:13px}.word-chip.done{background:#d9f2e4;color:#236443;text-decoration:line-through}.cross-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));width:100%;max-width:560px;aspect-ratio:1;background:#333;gap:2px;padding:2px;border:2px solid #333}.cross-cell{background:#303335;position:relative;min-width:0;min-height:0}.cross-cell.open{background:white}.cross-cell.active{background:#fff0dd}.cross-cell.correct{background:#d9f2e4}.cross-cell input{width:100%;height:100%;border:0;background:transparent;text-align:center;font-weight:700;font-size:clamp(11px,1.8vw,21px);padding:0;text-transform:uppercase;outline-offset:-2px}.cell-number{position:absolute;top:0;left:2px;font-size:9px;line-height:1.2;pointer-events:none}.clues{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.clue{border:0;border-left:3px solid transparent;background:transparent;text-align:left;padding:6px 10px;font-size:14px;line-height:1.4}.clue.active{background:#fff0dd;border-color:var(--orange)}.clue:hover{background:#f7ede3}.quiz-list{max-width:850px}.finish{text-align:center;background:#252a2b;color:white}.finish h2{margin-left:auto;margin-right:auto}.finish .eyebrow{color:#ffb586}.score{display:flex;flex-direction:column;margin:30px auto}.score strong{font-size:60px;line-height:1.1}.score span{color:#ddd}.progress{height:10px;max-width:400px;border-radius:20px;background:#515a59;margin:20px auto;overflow:hidden}.progress span{display:block;width:0;height:100%;background:var(--orange);transition:width .3s}.finish .primary{margin-top:12px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px max(24px,calc((100vw - 1100px)/2));font-size:13px;color:#737373}footer strong{color:var(--orange)}@media(max-width:850px){.hero,.intro .columns,.word-layout,.cross-layout{grid-template-columns:1fr;gap:28px}.hero{min-height:0}.hero .cover{max-height:310px}.game-nav{grid-template-columns:repeat(2,1fr)}main section{padding:55px 22px}.top{padding:14px 20px}.intro .columns img{max-height:280px}.word-grid{max-width:550px}.cross-grid{max-width:520px}}@media(max-width:480px){.top nav{gap:9px;font-size:12px}.brand{font-size:15px}.hex{font-size:22px}.hero h1{letter-spacing:-1px}.game-nav{gap:9px}.game-nav a{padding:15px 12px}.game-nav strong{font-size:17px}.options label{min-width:110px}.letter{font-size:clamp(8px,2.6vw,13px)}.word-grid{padding:3px}.cross-grid{gap:1px}.cell-number{font-size:7px}.cross-cell input{font-size:13px}footer{flex-direction:column}}

/* Edition octobre 2026 : photographies originales et jeu à trous */
.editorial-photo{position:relative;margin:0 0 28px;border-radius:18px;overflow:hidden;max-height:270px;background:#f6f0e9}.editorial-photo img{width:100%;height:270px;object-fit:cover;object-position:center 26%;display:block}.editorial-photo span{position:absolute;bottom:12px;right:14px;background:#fffef0ed;padding:7px 12px;border-radius:20px;font-size:12px;font-weight:700}.final-visual{width:min(100%,440px);max-height:220px;object-fit:cover;object-position:center;border-radius:14px;margin-bottom:24px}.fill-game{background:#fff4e6;border:1px solid #f5c88e;padding:22px;border-radius:16px;margin-bottom:28px}.fill-game h3{margin-top:0}.fill-fields{display:grid;gap:12px;margin:15px 0}.fill-fields label{display:flex;flex-direction:column;gap:6px;font-weight:600}.fill-fields select{max-width:100%;min-height:46px;border:1px solid #d5b18a;border-radius:9px;background:white;padding:9px;font:inherit}.fill-fields .right{color:#147d41}.fill-fields .wrong{color:#aa2525}@media(max-width:650px){.editorial-photo,.editorial-photo img{max-height:180px;height:180px}}

.cross-grid{grid-template-columns:repeat(15,minmax(0,1fr))!important;grid-template-rows:repeat(15,minmax(0,1fr))!important}
/* Visuels du livret : affichage integral, sans recadrage */
.hero .cover{max-height:none;height:auto;object-fit:contain}
.columns img{max-height:none;height:auto;object-fit:contain}
.editorial-photo{max-height:none;overflow:visible;background:#faf7f2}
.editorial-photo img{height:auto;max-height:none;object-fit:contain;object-position:center;display:block}
.editorial-photo span{bottom:12px}
.final-visual{max-height:none;height:auto;object-fit:contain}
@media(max-width:850px){.hero .cover,.intro .columns img{max-height:none;height:auto}}
@media(max-width:650px){.editorial-photo,.editorial-photo img{max-height:none;height:auto}}