.pb-page-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0 0 2rem;padding:.45rem;background:#efe7d7;border:1px solid #cdbd9f;border-radius:16px;position:sticky;top:.5rem;z-index:20;box-shadow:0 8px 24px #38261618}
.pb-page-tab{min-height:52px;border:0;border-radius:12px;background:transparent;color:#264a40;font:800 1rem/1.2 Garamond,Georgia,serif;cursor:pointer;padding:.75rem 1rem}
.pb-page-tab:hover,.pb-page-tab:focus-visible{background:#fff9ed;outline:3px solid #d5a438;outline-offset:2px}
.pb-page-tab.is-active{background:#254f43;color:#fff;box-shadow:0 5px 15px #1b362d33}
.pb-page-panel[hidden]{display:none!important}
.pbp-panel{--pbp-green:#245443;--pbp-green-dark:#17392f;--pbp-gold:#c99135;--pbp-red:#9f4337;--pbp-cream:#f7efdc;--pbp-ink:#29231d;font-family:Garamond,Georgia,serif;color:var(--pbp-ink)}
.pbp-frontiere{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 1.2rem;padding:1rem;background:#dfe7ee;border:2px solid #24364c;box-shadow:6px 7px 0 #c5a95e}.pbp-frontiere-title{grid-column:1/-1;margin:0!important;text-align:center;color:#24364c;font:900 .78rem/1.25 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.pbp-frontiere article{padding:1rem 1.1rem;background:#fffaf0;border:3px solid #9fb2c4;box-shadow:0 8px 20px #3b2a1912}.pbp-frontiere article:last-child{border-color:#a74c58}.pbp-frontiere span{font:800 .68rem/1.25 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--pbp-red)}.pbp-frontiere h2{margin:.35rem 0 .55rem;border:0;padding:0;font-size:1.35rem;color:var(--pbp-green-dark)}.pbp-frontiere p{margin:.35rem 0;max-width:none}.pbp-frontiere aside{margin:.7rem 0 0;padding:.55rem .65rem;border-left:4px solid var(--pbp-gold);background:#f2ead7;font-size:.86rem}.pbp-ici{display:inline-block;margin-top:.55rem;padding:.25rem .45rem;background:#a74c58;color:#fff;font:900 .68rem Arial,sans-serif;letter-spacing:.08em}
.pbp-index{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;margin:0 0 1.3rem;padding:.8rem;background:#172d45;border-radius:13px;color:#fff}.pbp-index strong{width:100%;font:800 .72rem/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;color:#efcd79}.pbp-index a{min-height:44px;display:inline-flex;align-items:center;padding:.45rem .7rem;border-radius:8px;background:#ffffff12;color:#fff;text-decoration:none;font-weight:700}.pbp-index a:hover,.pbp-index a:focus-visible{background:#fff;color:#172d45;outline:3px solid #e0b752;outline-offset:2px}
.pbp-warm{margin:1.1rem 0;padding:1.25rem;background:linear-gradient(145deg,#fffaf0,#f1e5cb);border:1px solid #c8b58f;border-radius:18px;box-shadow:0 10px 25px #34211312;overflow:auto}.pbp-warm h2{margin:0 0 1rem;padding:0 0 .55rem;border:0;border-bottom:4px solid var(--pbp-red);font-size:clamp(1.55rem,3vw,2.15rem);color:var(--pbp-green-dark)}.pbp-warm h3{margin:.2rem 0;color:var(--pbp-green-dark);font-size:1.14rem}.pbp-warm p{max-width:none}.pbp-clear{clear:both}
.pbp-figure{width:min(44%,320px);margin:.1rem 1.25rem 1rem 0;background:#fff8e8;border:1px solid #b9a27c;border-radius:13px;padding:.55rem;box-shadow:5px 7px 0 #d6c4a1;break-inside:avoid}.pbp-figure.pbp-right{float:right;margin:.1rem 0 1rem 1.25rem}.pbp-figure.pbp-left{float:left}.pbp-figure svg{display:block;width:100%;height:auto;border-radius:8px}.pbp-figure figcaption{padding:.55rem .3rem .15rem;font-size:.9rem;line-height:1.35;font-style:italic;color:#574d41}
.pbp-souffleur{display:grid;gap:.2rem;margin:1rem 0;padding:.85rem 1rem;border-left:6px solid var(--pbp-gold);border-radius:0 10px 10px 0;background:#fff8df}.pbp-souffleur b{color:var(--pbp-green-dark)}
.pbp-three,.pbp-choice{display:grid;grid-template-columns:1fr;gap:.7rem;min-width:0}.pbp-three article,.pbp-choice article{min-width:0;padding:.8rem;background:#fffaf0;border:1px solid #c5b38e;border-radius:12px}.pbp-choice article{display:grid;grid-template-columns:2.25rem minmax(0,1fr);column-gap:.65rem;align-items:start}.pbp-three article>span,.pbp-choice article>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pbp-gold);color:#1c2925;font:900 .82rem Arial,sans-serif}.pbp-choice article>b{grid-column:1;grid-row:1}.pbp-choice article>h3{grid-column:2;grid-row:1;min-width:0;overflow-wrap:break-word}.pbp-three p,.pbp-choice p{margin:.35rem 0}.pbp-choice p,.pbp-choice small{grid-column:1/-1}.pbp-choice small{display:block;color:#675d50}.pbp-repere{padding:.75rem 1rem;background:#e5eee8;border-radius:10px;border:1px solid #9cb7a9}
.pbp-oral{position:relative;margin:1rem 0;padding:1rem 1rem 1rem 4.2rem;background:#f9f5df;border:2px solid var(--pbp-green);border-radius:13px;box-shadow:inset 0 0 0 5px #ffffffa8}.pbp-oral:before{content:"";position:absolute;left:1rem;top:1rem;width:42px;height:31px;border:3px solid var(--pbp-green);border-radius:7px;background:linear-gradient(160deg,#fff 0 66%,#e7d8ad 66%)}.pbp-oral:after{content:"";position:absolute;left:2rem;top:2.75rem;border-top:11px solid var(--pbp-green);border-right:10px solid transparent}.pbp-oral>b{display:inline-block;margin:0 0 .55rem;padding:.34rem .58rem;background:var(--pbp-green);color:#fffdf5;border-radius:4px;font:900 .74rem/1.2 Arial,sans-serif;letter-spacing:.13em}.pbp-oral p{margin:0;font-size:1.06rem;line-height:1.55}.pbp-variation{margin:.8rem 0;padding:.8rem 1rem;background:#efe0bd;border-radius:10px}.pbp-variation p{margin:.2rem 0 0}
.pbp-steps{list-style:none;margin:.6rem 0;padding:0;display:grid;gap:.55rem;counter-reset:pbpstep}.pbp-steps li{counter-increment:pbpstep;position:relative;padding:.7rem .8rem .7rem 3rem;border-radius:9px;background:#fffaf0;border-left:5px solid var(--pbp-gold)}.pbp-steps li:before{content:counter(pbpstep);position:absolute;left:.65rem;top:.62rem;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--pbp-green);color:#fff;font:900 .72rem Arial,sans-serif}.pbp-steps b,.pbp-steps span{display:block}
.pbp-passages{display:grid;grid-template-columns:1fr;gap:.7rem;min-width:0}.pbp-passages article{min-width:0;padding:.85rem;background:#fffaf0;border:1px solid #c5b38e;border-radius:12px}.pbp-passages article>span{font:800 .7rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--pbp-red)}.pbp-passages p{margin:.35rem 0}
.pbp-reaction{display:grid;gap:.55rem}.pbp-reaction p{margin:0;padding:.75rem .9rem;border-radius:9px;background:#fffaf0;border-left:5px solid var(--pbp-gold)}.pbp-open{display:grid;gap:.55rem;padding-left:1.2rem}.pbp-open li{padding:.3rem .2rem}.pbp-four{display:grid;grid-template-columns:1fr;gap:.55rem;min-width:0;list-style:none;padding:0;counter-reset:pbp-four-step}.pbp-four li{counter-increment:pbp-four-step;display:grid;grid-template-columns:1.8rem minmax(5.2rem,.52fr) minmax(0,1fr);gap:.55rem;align-items:center;min-width:0;min-height:56px;padding:.65rem .75rem;border-radius:10px;background:var(--pbp-green);color:#fff;text-align:left}.pbp-four li:before{content:counter(pbp-four-step);display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:#f1ce78;color:var(--pbp-green-dark);font:900 .78rem/1 Arial,sans-serif}.pbp-four b,.pbp-four span{display:block;min-width:0}.pbp-four b{color:#f1ce78}.pbp-four span{font-size:.94rem;line-height:1.35}
.pbp-question-list{display:grid;gap:.5rem}.pbp-question-list details,.pbp-dossier details{border:1px solid #bca982;border-radius:10px;background:#fffaf0}.pbp-question-list summary,.pbp-dossier summary{min-height:44px;display:flex;align-items:center;padding:.65rem .85rem;cursor:pointer;font-weight:800;color:var(--pbp-green-dark)}.pbp-question-list details p,.pbp-dossier details p{margin:0;padding:0 .85rem .85rem}.pbp-question-list details[open],.pbp-dossier details[open]{border-color:var(--pbp-gold)}
.pbp-map,.pbp-voice{display:grid;grid-template-columns:1fr;gap:.65rem;min-width:0}.pbp-map article,.pbp-voice article{min-width:0;padding:.8rem;border-radius:10px;background:#fffaf0;border:1px solid #c5b38e}.pbp-map b,.pbp-map span{display:block}.pbp-map b{color:var(--pbp-red);font-size:1.08rem}.pbp-voice h3{margin:0 0 .25rem}.pbp-voice p{margin:0}
.pbp-dossier{margin:1.2rem 0;border:2px solid #172d45;border-radius:15px;background:#f4ecdc;overflow:hidden}.pbp-dossier>summary{min-height:56px;padding:1rem 1.1rem;background:#172d45;color:#fff;font-size:1.2rem}.pbp-dossier-body{padding:1rem;display:grid;gap:.55rem}.pbp-dossier-body>h2{margin:0;color:var(--pbp-green-dark)}.pbp-dossier-body>p{margin:.2rem 0 .7rem}.pbp-game-return{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:1rem;align-items:center;margin:1.2rem 0;padding:1rem;background:linear-gradient(135deg,#18372f,#2d5b4c);border:3px solid #d3a33e;border-radius:18px;color:#fff;box-shadow:0 10px 24px #1c2d271f;overflow:hidden}.pbp-game-return-copy>p:first-child{margin:0;color:#f3ce71;font:900 .72rem/1.2 Arial,sans-serif;letter-spacing:.13em}.pbp-game-return h2{margin:.3rem 0;color:#fff;font-size:clamp(1.45rem,3vw,2.1rem)}.pbp-game-return-copy>p:not(:first-child){margin:.35rem 0 1rem;max-width:36rem}.pbp-game-return svg{display:block;width:100%;height:auto;border-radius:14px}.pbp-game-return a{min-height:50px;display:inline-flex;align-items:center;padding:.75rem 1.1rem;border-radius:9px;background:#f2ce70;color:#17372e;text-decoration:none;font:900 .9rem Arial,sans-serif;box-shadow:0 5px 0 #9e6d20}.pbp-game-return a:hover,.pbp-game-return a:focus-visible{outline:3px solid #fff;outline-offset:3px;transform:translateY(-1px)}
.pbp-diagnostic{margin:1.2rem 0;padding:1.1rem;border:2px solid var(--pbp-green);border-radius:15px;background:#e8f0eb}.pbp-diagnostic h2{margin:0 0 .35rem;color:var(--pbp-green-dark)}.pbp-diagnostic p{margin:.2rem 0 .8rem}.pbp-diagnostic>div{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.pbp-diagnostic label{min-height:44px;display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;border-radius:8px;background:#fff}.pbp-diagnostic input{width:20px;height:20px;accent-color:var(--pbp-green)}.pbp-table-wrap{overflow-x:auto;padding:.2rem .8rem .9rem}.pbp-table-wrap table{width:100%;min-width:0!important;border-collapse:collapse;table-layout:fixed}.pbp-table-wrap th,.pbp-table-wrap td{padding:.6rem;border:1px solid #b9a77f;text-align:left;overflow-wrap:anywhere}.pbp-table-wrap th{background:var(--pbp-green);color:#fff}
.pb-oral-game{--pb-green:#244f42;--pb-green-dark:#17362e;--pb-gold:#d4a63e;--pb-red:#8d3032;--pb-cream:#f8f0dc;--pb-ink:#251d18;container-type:inline-size;margin:-.5rem -1.3rem 1rem;padding:1.3rem;background:linear-gradient(145deg,#f7f0df,#e8d9bd);border:1px solid #c6b28e;border-radius:22px;color:var(--pb-ink);overflow:hidden}
.pb-game-intro{text-align:center;max-width:760px;margin:0 auto 1.5rem}
.pb-game-intro h2{border:0;margin:.15rem 0 .75rem;padding:0;color:var(--pb-green-dark);font-size:clamp(2rem,5vw,3.7rem)}
.pb-game-intro p{margin:.5rem auto;max-width:66ch}
.pb-game-kicker{font:800 .78rem/1.3 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--pb-red)}
.pb-ateliers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}
.pb-atelier{min-height:94px;border:2px solid #bda982;border-radius:14px;background:#fffaf0;color:var(--pb-green-dark);cursor:pointer;padding:.8rem;text-align:left;display:grid;grid-template-columns:36px 1fr;column-gap:.7rem;align-items:center}
.pb-atelier>span{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ead8af;font:900 1rem Arial,sans-serif}
.pb-atelier strong{font-size:1.08rem}.pb-atelier small{font:600 .76rem/1.3 Arial,sans-serif;color:#655d51}
.pb-atelier:hover,.pb-atelier:focus-visible{border-color:var(--pb-gold);outline:3px solid #d5a43855;outline-offset:2px}
.pb-atelier.is-active{background:var(--pb-green);border-color:var(--pb-green);color:#fff}.pb-atelier.is-active small{color:#f0e6ce}.pb-atelier.is-active>span{background:var(--pb-gold);color:#251d18}
.pb-game-toolbar{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin:1rem 0;padding:.7rem .85rem;border-radius:12px;background:#fff9ec;border:1px solid #c7b790;font:700 .8rem/1.3 Arial,sans-serif}
.pb-game-toolbar p{margin:0}.pb-game-toolbar #pb-question-count{margin-left:auto}.pb-tier-picker{display:flex;align-items:center;gap:.45rem}.pb-tier-picker select{min-height:44px;max-width:240px;border:2px solid var(--pb-green);border-radius:10px;background:#fff;color:var(--pb-green);padding:.5rem;font:800 .78rem/1.2 Arial,sans-serif}.pb-control,.pb-primary,.pb-secondary{min-height:44px;border-radius:10px;border:2px solid var(--pb-green);padding:.62rem .9rem;font:800 .86rem/1.2 Arial,sans-serif;cursor:pointer}
.pb-control,.pb-secondary{background:#fff;color:var(--pb-green)}.pb-control[aria-pressed="true"],.pb-primary{background:var(--pb-green);color:#fff}
.pb-control:hover,.pb-control:focus-visible,.pb-primary:hover,.pb-primary:focus-visible,.pb-secondary:hover,.pb-secondary:focus-visible{outline:3px solid var(--pb-gold);outline-offset:2px}
.pb-volume{display:flex;align-items:center;gap:.55rem}.pb-volume input{width:100px;accent-color:var(--pb-green)}
.pb-chambre{position:relative;isolation:isolate;border:8px solid #4a3022;border-radius:16px;background:#c7b28d;box-shadow:0 18px 38px #2b1c1738;overflow:hidden;min-height:430px}
.pb-salon{display:block;width:100%;height:auto;min-height:430px;object-fit:cover}
.pb-question-card{position:absolute;left:26%;top:4%;width:min(54%,600px);background:#fffdf5;border:4px solid var(--pb-green-dark);border-radius:18px;padding:.85rem 1rem;box-shadow:0 8px 0 #b99152,0 18px 35px #2b1b1633;z-index:4}
.pb-question-card:after{content:"";position:absolute;right:12%;bottom:-25px;border:13px solid transparent;border-top-color:var(--pb-green-dark);transform:rotate(-12deg)}
.pb-question-card p{margin:.18rem 0;max-width:none}.pb-speaker{font:900 .7rem/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--pb-red)}
#pb-question{font:700 clamp(1.05rem,2.1vw,1.45rem)/1.28 Garamond,Georgia,serif;color:#1e332d}
.pb-cat-next{position:absolute;left:2.4%;bottom:3%;width:190px;min-height:76px;border:4px solid #241c14;border-radius:49% 51% 44% 56%/42% 37% 63% 58%;background:#fdf6e6;color:#241c14;cursor:pointer;padding:.65rem .8rem;text-align:center;box-shadow:5px 6px 0 #b5566a;z-index:5}
.pb-cat-next::before{content:"";position:absolute;left:93px;top:-108px;border-bottom:111px solid #241c14;border-left:10px solid transparent;border-right:14px solid transparent;transform:rotate(3deg);transform-origin:bottom}.pb-cat-next::after{content:"";position:absolute;left:99px;top:-96px;border-bottom:101px solid #fdf6e6;border-left:7px solid transparent;border-right:10px solid transparent;transform:rotate(3deg);transform-origin:bottom}.pb-cat-next strong,.pb-cat-next small{position:relative;z-index:1;display:block}.pb-cat-next strong{font:900 .85rem/1.2 Arial,sans-serif}.pb-cat-next small{margin-top:.2rem;font:600 .68rem/1.2 Arial,sans-serif}
.pb-cat-next:hover,.pb-cat-next:focus-visible{transform:translateY(-2px);outline:4px solid var(--pb-gold);outline-offset:2px}.pb-cat-next:active{transform:translateY(5px);box-shadow:0 2px 0 #6f432c}
.pb-dragon-figure{transform-origin:780px 345px;animation:pb-dragon-breathe 3.4s ease-in-out infinite}.pb-cat-figure{transform-origin:250px 410px;animation:pb-cat-watch 4.8s ease-in-out infinite}.pb-dragon-breath{display:none}.pb-question-flame{opacity:0;transform:translateX(20px) scale(.14);transform-origin:-18px 31px;pointer-events:none}.pb-dragon-figure.is-asking .pb-question-flame{animation:pb-question-flame .9s cubic-bezier(.2,.75,.25,1) both}.pb-chat-static{animation:pb-static 1.1s steps(2,end) infinite}.pb-fire{animation:pb-fire 1.1s ease-in-out infinite alternate;transform-origin:center bottom}.pb-gold-line{stroke-dasharray:14 16;animation:pb-line 3s linear infinite}
@keyframes pb-dragon-breathe{0%,100%{transform:translate(780px,345px) scale(1.05)}50%{transform:translate(780px,341px) scale(1.08)}}@keyframes pb-cat-watch{0%,42%,58%,100%{transform:translate(250px,410px) scale(1.15)}50%{transform:translate(250px,410px) scale(1.15) rotate(2deg)}}@keyframes pb-question-flame{0%{opacity:0;transform:translateX(20px) scale(.14)}15%{opacity:1;transform:translateX(0) scale(.72)}35%{opacity:1;transform:translateX(-7px) scale(1.08)}68%{opacity:.92;transform:translateX(-2px) scale(.95)}100%{opacity:0;transform:translateX(-22px) scale(.35)}}@keyframes pb-static{50%{opacity:.38}}@keyframes pb-fire{to{transform:scaleY(.82)}}@keyframes pb-line{to{stroke-dashoffset:-60}}
.pb-response-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.pb-response-grid>section{background:#fffaf0;border:1px solid #c8b994;border-radius:15px;padding:1rem}.pb-response-grid h3{margin:0 0 .4rem;color:var(--pb-green);font-size:1.3rem}.pb-response-grid p{margin:.45rem 0 1rem}
.pb-clues-question{margin:1rem 0 .65rem;padding:.7rem .8rem;border:2px solid var(--pb-gold);border-radius:8px;background:#fff9e9;color:#33261b;font-weight:800}.pb-clues{margin:.65rem 0 0;padding:0;list-style:none;counter-reset:pb-clue;display:grid;gap:.55rem}.pb-clues li{counter-increment:pb-clue;padding:.75rem .8rem .75rem 3rem;background:#f1e7d3;border-left:5px solid var(--pb-gold);border-radius:8px;position:relative}.pb-clues li:before{content:counter(pb-clue);position:absolute;left:.8rem;top:.65rem;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--pb-green);color:#fff;font:800 .78rem Arial,sans-serif}
.pb-clues-question[hidden],.pb-clues[hidden],.pb-reference[hidden]{display:none!important}
.pb-reference{padding:.75rem;border-radius:9px;background:#e2ede7;border:1px solid #8cab9e;color:#28443b}.pb-recorder{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.pb-recorder output{margin-left:auto;font:900 1.25rem/1 monospace;color:var(--pb-red)}.pb-recorder button:disabled{opacity:.48;cursor:not-allowed}
#pb-playback{width:100%;margin:.8rem 0}.pb-selfcheck{margin:1rem 0 0;border:1px solid #b9a77f;border-radius:10px;padding:.8rem}.pb-selfcheck legend{font-weight:800;color:var(--pb-green)}.pb-selfcheck label{display:block;min-height:44px;padding:.5rem .25rem}.pb-selfcheck input{width:20px;height:20px;vertical-align:middle;margin-right:.5rem;accent-color:var(--pb-green)}
.pb-game-status{margin:1rem 0 0!important;padding:.72rem 1rem;border-radius:10px;background:var(--pb-green-dark);color:#fff;font:700 .82rem/1.4 Arial,sans-serif;max-width:none!important}
@media(max-width:900px){.pb-chambre{min-height:390px}.pb-salon{min-height:390px}.pb-question-card{left:20%;width:68%}.pb-cat-next{width:175px}.pb-response-grid{grid-template-columns:1fr}}
@container(max-width:700px){.pb-ateliers{grid-template-columns:1fr}.pb-atelier{min-height:70px}.pb-response-grid{grid-template-columns:1fr}.pb-question-card{left:6%;width:78%}.pb-cat-next{width:185px}}
@media(max-width:620px){.pb-page-tabs{position:static;grid-template-columns:1fr}.pb-oral-game{margin:-.5rem -.6rem 1rem;padding:.65rem;border-radius:14px}.pb-ateliers{grid-template-columns:1fr}.pb-atelier{min-height:70px}.pb-game-toolbar{align-items:stretch}.pb-game-toolbar p{width:100%;margin:0}.pb-tier-picker{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr)}.pb-tier-picker select{width:100%;max-width:none}.pb-volume{flex:1}.pb-chambre{min-height:520px;border-width:5px}.pb-salon{height:520px;min-height:520px;width:auto;max-width:none;transform:translateX(-23%)}.pb-question-card{left:3%;top:3%;width:94%;padding:.7rem}.pb-question-card:after{left:auto;right:18%}.pb-dragon-figure{animation:none;transform:translate(580px,345px) scale(1.05)}.pb-cat-figure{animation:none;transform:translate(300px,400px) scale(1.15)}.pb-cat-next{left:3%;bottom:2%;width:94%;min-height:68px}.pb-cat-next::before{left:35px;top:-95px;border-bottom-width:98px}.pb-cat-next::after{left:41px;top:-84px;border-bottom-width:88px}.pb-response-grid{gap:.7rem}.pb-response-grid>section{padding:.8rem}.pb-recorder button{width:100%}.pb-recorder output{margin:0 auto}.pb-volume input{width:90px}}
@media(max-width:760px){.pbp-frontiere,.pbp-three,.pbp-choice,.pbp-passages,.pbp-four,.pbp-map,.pbp-diagnostic>div,.pbp-game-return{grid-template-columns:1fr}.pbp-index{display:grid;grid-template-columns:1fr 1fr}.pbp-index strong{grid-column:1/-1}.pbp-figure,.pbp-figure.pbp-left,.pbp-figure.pbp-right{float:none;width:min(100%,420px);margin:.2rem auto 1rem}.pbp-warm{padding:.9rem}.pbp-oral{padding:.9rem .85rem .9rem 3.8rem}.pbp-four li{text-align:left}.pbp-dossier-body{padding:.7rem}.pbp-game-return svg{max-width:420px;margin:auto}}
@media(prefers-reduced-motion:reduce){.pb-dragon-figure,.pb-cat-figure,.pb-dragon-breath,.pb-question-flame,.pb-chat-static,.pb-fire,.pb-gold-line{animation:none!important}.pb-question-flame{display:none}.pb-cat-next{transition:none}}
@media print{.pb-page-tabs,.pb-game-toolbar,.pb-cat-next,.pb-recorder{display:none!important}.pb-page-panel[hidden]{display:block!important}.pb-oral-game{break-before:page}.pb-chambre{box-shadow:none}}

/* Alignement structurel sur les présentations Musset et Chrétien. */
.hero h1{font-size:clamp(2rem,4vw,3.15rem);line-height:1.06}
.layout>.content{display:contents}
.pb-page-tabs{position:static;z-index:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.pb-page-tabs{grid-column:1/-1}
.pb-page-tab{min-height:44px;padding:8px 12px;border:1px solid #a89a80;border-radius:0;background:#f3f0e4;color:#174d45;font:900 .72rem/1.2 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.pb-page-tab.is-active{background:#174d45;color:#fff;box-shadow:none}
#pb-presentation-panel{display:contents}
#pb-presentation-panel>.pbp-frontiere{grid-column:1/-1}
#pb-presentation-panel>.pbp-warm,#pb-presentation-panel>.pbp-dossier,#pb-presentation-panel>.pbp-game-return,#pb-presentation-panel>.pbp-diagnostic{grid-column:1}
#pb-jeu-panel,.prevnext{grid-column:1}
.layout>.toc{grid-column:2;grid-row:3/span 60}
.layout:has(#pb-jeu-panel:not([hidden]))>.toc{grid-row:2/span 60}

/* Le jeu gagne la largeur disponible sur ordinateur sans déplacer le rail d’œuvre. */
@media(min-width:1181px){
  html body.pb-rail-canonique:has(#pb-jeu-panel:not([hidden])){padding-right:0!important}
  .shell:has(#pb-jeu-panel:not([hidden])){max-width:1320px}
}

/* Dans une fenêtre d’ordinateur plus étroite, la scène prime et le sommaire suit. */
@media(min-width:821px) and (max-width:1180px){
  .layout:has(#pb-jeu-panel:not([hidden])){grid-template-columns:minmax(0,1fr)}
  .layout:has(#pb-jeu-panel:not([hidden]))>#pb-jeu-panel{grid-column:1}
  .layout:has(#pb-jeu-panel:not([hidden]))>.toc{grid-column:1;grid-row:3;position:static;max-height:none}
}

/* La comète appartient à la scène : personnage ailé et mobile entre le chat et le dragon. */
.pb-comete-in-scene{cursor:pointer;filter:drop-shadow(0 8px 8px #241c1455);outline:none}
.pb-comete-in-scene .pb-comete-hit{fill:transparent;pointer-events:all}
.pb-comete-in-scene .pb-comete-flight{transform-box:fill-box;transform-origin:center;animation:pbCometeTraverse 8.4s cubic-bezier(.45,.04,.55,.96) infinite alternate;will-change:transform}
.pb-comete-in-scene .pb-comete-glow{animation:pbCometeGlow 2.2s ease-in-out infinite}
.pb-comete-in-scene .pb-comete-wing{transform-box:fill-box}
.pb-comete-in-scene .pb-comete-wing-left{transform-origin:100% 55%;animation:pbCometeWingLeft .56s ease-in-out infinite alternate}
.pb-comete-in-scene .pb-comete-wing-right{transform-origin:0 55%;animation:pbCometeWingRight .56s ease-in-out infinite alternate}
.pb-comete-in-scene .pb-comete-pupil{animation:pbCometeLook 2.8s ease-in-out infinite}
.pb-comete-in-scene:hover .pb-comete-glow,.pb-comete-in-scene:focus-visible .pb-comete-glow{opacity:.78;stroke:#fff2a7}
.pb-comete-in-scene:focus-visible .pb-comete-label{stroke:#fff;stroke-width:8px}
.pb-comete-in-scene.is-flying .pb-comete-flight{animation:pbCometeDash .82s cubic-bezier(.2,.9,.35,1)}
.pb-comete-panel{margin:.8rem 0 .4rem}
.pb-comete-diagnostic-start{min-height:44px;padding:.6rem .9rem;border:2px solid #6b5836;background:#f2ead8;color:#263b36;font-weight:850;cursor:pointer}.pb-comete-diagnostic-start:hover,.pb-comete-diagnostic-start:focus-visible{background:#263b36;color:#fff}
.pb-comete-diagnostic{margin:1rem 0 0;padding:1rem;border:3px solid #8f332c;background:#fffaf0;box-shadow:7px 7px 0 #24372f24}.pb-comete-diagnostic[hidden]{display:none}
.pb-comete-kicker{margin:0 0 .25rem;color:#8f332c;font:900 .72rem/1.2 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.pb-comete-diagnostic h3{margin:.1rem 0 .45rem;color:#263b36;font:700 clamp(1.65rem,3vw,2.35rem)/1.05 Garamond,Georgia,serif}
.pb-comete-diagnostic>p:nth-of-type(2){margin:.25rem 0;line-height:1.5}
.pb-comete-rule{margin:.1rem 0 .8rem;color:#5e4a32;font-style:italic}.pb-comete-progress{margin:.7rem 0 .25rem;color:#8f332c;font:900 .74rem/1.2 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.pb-comete-question{min-height:3rem;margin:.25rem 0 .8rem;padding:.85rem;border-left:6px solid #c89645;background:#fff;font-weight:700;font-size:1.08rem;line-height:1.45}
.pb-comete-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.pb-comete-answers[hidden]{display:none}.pb-comete-answers button{min-height:48px;padding:.65rem;border:2px solid #241c14;background:#e9dfc9;color:#241c14;font-weight:850;cursor:pointer}.pb-comete-answers button:hover,.pb-comete-answers button:focus-visible{background:#8f332c;color:#fff}
.pb-comete-result{margin-top:.9rem;padding:1rem;border-left:7px solid #2f594b;background:#fff;line-height:1.5}.pb-comete-result.is-to-prepare{border-left-color:#8f332c}.pb-comete-result h4{margin:0 0 .55rem}.pb-comete-result ul{margin:.55rem 0;padding-left:1.25rem}.pb-comete-result li{margin:.45rem 0}.pb-comete-result a{color:#244f43;font-weight:800}.pb-comete-result em{display:block;color:#6b5836;font-size:.9rem}.pb-comete-restart{min-height:44px;margin-top:.75rem;padding:.55rem .85rem;border:2px solid #241c14;background:#fff;font-weight:850;cursor:pointer}
@keyframes pbCometeGlow{0%,100%{opacity:.2}50%{opacity:.58}}
@keyframes pbCometeTraverse{0%{transform:translate(-390px,-42px) rotate(-9deg)}22%{transform:translate(-220px,-122px) rotate(5deg)}48%{transform:translate(-15px,-36px) rotate(-4deg)}73%{transform:translate(205px,-132px) rotate(7deg)}100%{transform:translate(390px,-48px) rotate(-6deg)}}
@keyframes pbCometeWingLeft{from{transform:rotate(12deg)}to{transform:rotate(-14deg)}}
@keyframes pbCometeWingRight{from{transform:rotate(-12deg)}to{transform:rotate(14deg)}}
@keyframes pbCometeLook{0%,30%,100%{transform:translateX(0)}45%,70%{transform:translateX(3px)}}
@keyframes pbCometeDash{0%{transform:translate(-390px,-42px) rotate(-9deg);opacity:.55}48%{transform:translate(0,-150px) rotate(9deg);opacity:1;filter:drop-shadow(0 0 22px #ffd86e)}100%{transform:translate(390px,-48px) rotate(-6deg);opacity:1}}
@media(max-width:700px){.pb-comete-answers{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pb-comete-in-scene,.pb-comete-in-scene .pb-comete-flight,.pb-comete-in-scene .pb-comete-glow,.pb-comete-in-scene .pb-comete-wing,.pb-comete-in-scene .pb-comete-pupil{animation:none!important}}
.pbp-frontiere{gap:10px;margin:0 0 8px;padding:10px;border:3px solid #1e242b;background:#d5dfe8;box-shadow:5px 5px 0 #c8b06a}
.pbp-frontiere article{padding:13px 15px;background:#fbfdfe;border:2px solid #aab9c5;box-shadow:none}
.pbp-frontiere article:last-child{border:4px solid #b5566a;background:#fff8ed}
.pbp-frontiere span{color:#173e69;font-size:.64rem;letter-spacing:.13em}
.pbp-frontiere h2{margin:.22rem 0 .45rem;padding:0;border:0;color:#1e242b;font:900 1.05rem/1.2 Georgia,serif}
.pbp-frontiere p{margin:.35rem 0;font-size:.79rem;line-height:1.5}
.pbp-frontiere aside{margin-top:9px;padding:8px 10px;border:0;border-left:4px solid #c8b06a;background:#f4f0e6;font-size:.72rem}
.pbp-frontiere-title{margin:0 0 2px!important;padding:5px 8px;color:#173e69;font-size:.78rem;letter-spacing:.08em}
.pbp-index{display:none}
.pbp-warm{margin:0;padding:1px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.pbp-warm h2{clear:left;position:relative;margin:34px 0 12px;padding:9px 0 7px 34px;border-top:2px solid #222;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#2f704c 0 34%,#c8912b 34% 67%,#8a2a1f 67%) 1;color:#7a4a2a;font:900 .82rem/1.35 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.pbp-warm h2::before{content:'◆';position:absolute;left:7px;top:7px;color:#a4161a;font-size:.9rem}
.pbp-warm p{margin:.8rem 0}
.pbp-figure{border-radius:0;padding:.45rem;box-shadow:none}
.pbp-figure svg{border-radius:0}
.pbp-oral p{color:var(--pbp-green)}

@media(max-width:820px){
  .layout>.toc{grid-column:1;grid-row:3}
  .layout:has(#pb-jeu-panel:not([hidden]))>.toc{grid-row:3}
  .pb-page-tabs{grid-template-columns:1fr 1fr}
  .pbp-frontiere{grid-template-columns:1fr}
  .pbp-frontiere-title{grid-column:1}
  .pbp-warm{padding:1px 0 0}
}
@media(max-width:520px){.pb-page-tabs{grid-template-columns:1fr}}