.commentary-bridge-page{--void:#05050c;--panel:#0e1020;--panel-2:#17162b;--cyan:#42f5e9;--pink:#ff3c93;--yellow:#ffe86b;--violet:#8e5bff;--white:#f7f6ff;--muted:#aaa8c4;background:#05050c}
.commentary-bridge-page>.page-hero,.commentary-bridge-page .bridge-story,.commentary-bridge-page .commentary-bridge,.commentary-bridge-page .bridge-lesson,.commentary-bridge-page .legacy-heading,.commentary-bridge-page .page-main>.transverse-section{display:none!important}
.commentary-bridge-page .page-main{max-width:1180px;margin:0 auto;padding:0 0 5rem}.commentary-bridge-page .page-main>.arcade-shell{margin:0!important}
.arcade-shell{position:relative;isolation:isolate;min-height:calc(100vh - 58px);overflow:hidden;border-inline:1px solid #262541;background:radial-gradient(circle at 50% -20%,#222059 0,transparent 46%),linear-gradient(145deg,#070711,#0b0918 60%,#120a1a);color:var(--white);font:500 1rem/1.5 Arial,Helvetica,sans-serif;box-shadow:0 24px 80px #000}.arcade-shell *{box-sizing:border-box}.arcade-shell button,.arcade-shell input{font:inherit}.arcade-shell button{touch-action:manipulation}
.arcade-noise{position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.23;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 3px 4px),linear-gradient(90deg,transparent 49.8%,rgba(66,245,233,.09) 50%,transparent 50.2%);background-size:auto,180px 100%;animation:scan-drift 9s linear infinite}.arcade-noise:before,.arcade-noise:after{content:"";position:absolute;border:1px solid rgba(66,245,233,.16);border-radius:50%}.arcade-noise:before{width:44vw;height:44vw;right:-18vw;top:-21vw;box-shadow:0 0 70px rgba(66,245,233,.09)}.arcade-noise:after{width:36vw;height:36vw;left:-19vw;bottom:-18vw;border-color:rgba(255,60,147,.18);box-shadow:0 0 70px rgba(255,60,147,.08)}
.arcade-fx{position:absolute;z-index:50;inset:0;overflow:hidden;pointer-events:none}.arcade-fx .spark{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:var(--color);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);animation:spark-flight .9s ease-out forwards}.arcade-fx .word-bang{position:absolute;left:50%;top:42%;padding:.2em .45em;background:var(--yellow);color:#080810;font:1000 clamp(2.6rem,10vw,7.5rem)/.9 Arial Black,Arial,sans-serif;letter-spacing:-.08em;text-transform:uppercase;transform:translate(-50%,-50%) rotate(-4deg);box-shadow:12px 12px 0 var(--pink);animation:word-bang .8s cubic-bezier(.2,1.2,.3,1) forwards}
.arcade-bar{position:relative;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:62px;padding:.65rem 1rem;border-bottom:1px solid #343250;background:rgba(5,5,12,.9);backdrop-filter:blur(14px)}.arcade-brand{display:flex;align-items:center;color:var(--white);font:1000 1rem/1 Arial Black,Arial,sans-serif;letter-spacing:-.04em}.arcade-brand b{color:var(--cyan)}.arcade-brand i{padding:0 .18rem;color:var(--yellow)}.arcade-brand strong{color:var(--pink)}.arcade-clock{justify-self:center;color:var(--muted);font:800 .78rem/1 Arial,sans-serif;letter-spacing:.13em}.arcade-clock span{color:var(--pink);animation:record-blink 1.1s steps(2,end) infinite}.sound-dock{display:flex;align-items:center;gap:.6rem}.sound-dock button{min-height:40px;padding:.55rem .75rem;border:1px solid var(--cyan);background:#101426;color:var(--cyan);font-weight:900;font-size:.75rem;cursor:pointer}.sound-dock button[aria-pressed="true"]{background:var(--cyan);color:#05050c;box-shadow:0 0 22px rgba(66,245,233,.42)}.sound-dock label{display:grid;grid-template-columns:auto 76px;align-items:center;gap:.45rem;color:var(--muted);font-size:.72rem}.sound-dock input{width:76px;accent-color:var(--pink)}
.arcade-screen{position:relative;min-height:calc(100vh - 120px);padding:clamp(1.25rem,4vw,3.2rem)}.arcade-screen[hidden]{display:none!important}.start-screen{display:grid;align-content:center;justify-items:center;text-align:center}.panic-signal{position:relative;display:grid;width:clamp(112px,16vw,170px);aspect-ratio:1;place-items:center;margin-bottom:1.2rem;border:3px solid var(--cyan);border-radius:50%;background:radial-gradient(circle,rgba(255,60,147,.22),transparent 62%);box-shadow:0 0 0 8px rgba(66,245,233,.04),0 0 55px rgba(66,245,233,.26);animation:signal-float 3s ease-in-out infinite}.panic-signal span{color:var(--yellow);font:1000 clamp(2.5rem,7vw,4.8rem)/1 Arial Black,Arial,sans-serif;letter-spacing:-.12em;text-shadow:4px 4px 0 var(--pink)}.panic-signal i{position:absolute;inset:-18%;border:1px solid rgba(142,91,255,.6);border-radius:50%;animation:radar-ring 2.2s ease-out infinite}.panic-signal i:nth-of-type(2){animation-delay:.7s}.panic-signal i:nth-of-type(3){animation-delay:1.4s}.night-line{margin:0 0 .6rem;color:var(--cyan);font:900 .78rem/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.start-screen h1{max-width:900px;margin:.25rem 0 1.2rem;color:var(--white);font:1000 clamp(2.25rem,6vw,5.2rem)/.94 Arial Black,Arial,sans-serif;letter-spacing:-.065em;text-wrap:balance}.start-screen h1 em{color:var(--yellow);font-style:normal;text-shadow:4px 4px 0 var(--pink)}
.message-glitch{position:relative;display:grid;gap:.35rem;width:min(760px,100%);padding:1rem 1.2rem;border:1px solid #524b7a;background:linear-gradient(105deg,rgba(22,21,43,.96),rgba(15,22,38,.96));box-shadow:8px 8px 0 rgba(142,91,255,.35);text-align:left}.message-glitch:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--cyan),var(--pink),var(--yellow))}.message-glitch span{color:var(--pink);font:900 .74rem/1 Arial,sans-serif;letter-spacing:.14em}.message-glitch q{color:#fff;font:700 clamp(1.18rem,2.8vw,1.8rem)/1.3 Georgia,serif}.message-glitch small{color:var(--muted);font-size:.92rem}.mission-pitch{max-width:720px;margin:1.35rem auto 1.1rem;color:#d5d3e6;font-size:1.05rem}.mission-pitch strong{color:var(--cyan)}.start-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.start-actions button{min-height:52px;padding:.8rem 1.1rem;border:2px solid var(--cyan);font-weight:1000;cursor:pointer}.start-main{background:var(--cyan);color:#05050c;box-shadow:7px 7px 0 var(--pink)}.start-main:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--pink)}.start-quiet{background:transparent;color:var(--cyan)}.headphone-tip{margin:.95rem 0 0;color:#8986a6;font-size:.78rem}
.play-screen{display:block;padding-top:1.2rem}.game-hud{display:grid;grid-template-columns:repeat(3,1fr);max-width:920px;margin:0 auto 1rem;border:1px solid #343250;background:#090a16}.game-hud>div{display:flex;align-items:baseline;justify-content:center;gap:.55rem;min-width:0;padding:.65rem;border-right:1px solid #343250}.game-hud>div:last-child{border-right:0}.game-hud span{color:var(--muted);font:800 .7rem Arial,sans-serif;letter-spacing:.12em}.game-hud strong{color:var(--yellow);font:1000 1.25rem Arial Black,Arial,sans-serif}.combo-meter strong{color:var(--pink)}.brain-meter strong{color:var(--cyan);font-size:.8rem}.pixel-progress{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:920px;margin:0 auto 1.25rem}.pixel-progress i{height:8px;background:#2c2947;box-shadow:inset 0 0 0 1px #4a4568}.pixel-progress i.is-on{background:linear-gradient(90deg,var(--pink),var(--yellow));box-shadow:0 0 15px rgba(255,60,147,.6)}
.mission-zone{position:relative;max-width:920px;margin:0 auto;padding:clamp(1.1rem,3vw,2.1rem);border:1px solid #48456e;background:linear-gradient(150deg,rgba(18,18,37,.96),rgba(11,12,27,.98));box-shadow:12px 12px 0 rgba(66,245,233,.13)}.mission-zone:before{content:"";position:absolute;right:-1px;top:-1px;width:38%;height:6px;background:linear-gradient(90deg,transparent,var(--pink))}.mission-alert{display:inline-block;margin-bottom:.45rem;padding:.35rem .55rem;background:var(--pink);color:#fff;font:1000 .75rem/1 Arial Black,Arial,sans-serif;letter-spacing:.08em;transform:rotate(-1deg)}.method-unlock{margin:.15rem 0 .75rem;color:var(--cyan);font:800 .8rem/1.3 Arial,sans-serif}.mission-zone h2{max-width:800px;margin:.4rem 0 1rem;color:#fff;font:1000 clamp(1.65rem,4vw,3.2rem)/1.02 Arial Black,Arial,sans-serif;letter-spacing:-.045em}.text-radar{position:relative;margin:0 0 1rem;padding:.85rem 1rem;border-left:5px solid var(--yellow);background:#1b1930}.text-radar span{display:block;margin-bottom:.3rem;color:var(--yellow);font:900 .68rem Arial,sans-serif;letter-spacing:.12em}.text-radar p{margin:0;color:#ecebfa;font-size:1rem;line-height:1.45}
.arcade-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.arcade-answers button{position:relative;min-width:0;min-height:130px;padding:1rem;border:2px solid #514d76;background:#101122;color:#f4f2ff;font:700 1rem/1.45 Arial,sans-serif;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.arcade-answers button:before{content:attr(data-key);display:grid;width:26px;aspect-ratio:1;place-items:center;margin-bottom:.55rem;background:#2d294a;color:var(--cyan);font:900 .75rem Arial,sans-serif}.arcade-answers button:hover,.arcade-answers button:focus-visible{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 8px 0 rgba(66,245,233,.25);outline:0}.arcade-answers button.is-wrong{border-color:var(--pink);background:#2a1025;animation:wrong-jolt .36s linear}.arcade-answers button.is-right{border-color:var(--yellow);background:#262313;box-shadow:0 0 30px rgba(255,232,107,.25)}.arcade-answers button:disabled{cursor:default}.arcade-feedback{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;min-height:68px;margin-top:1rem;padding:.7rem .85rem;border:1px solid #393653;background:#090a16}.arcade-feedback>span{display:grid;width:38px;aspect-ratio:1;place-items:center;border:1px solid var(--violet);color:var(--yellow);font-size:1.4rem}.arcade-feedback p{margin:0;color:#c4c1db;font-size:.94rem}.arcade-feedback[data-kind="wrong"]{border-color:var(--pink)}.arcade-feedback[data-kind="wrong"]>span{border-color:var(--pink);color:var(--pink)}.arcade-feedback[data-kind="right"]{border-color:var(--cyan)}.arcade-feedback[data-kind="right"]>span{border-color:var(--cyan);color:var(--cyan)}.sos-button{margin-top:.75rem;padding:.45rem .65rem;border:1px dashed #716b94;background:transparent;color:#a6a2c5;font:900 .73rem Arial,sans-serif;cursor:pointer}.sos-button:hover{color:var(--yellow);border-color:var(--yellow)}.arcade-shell.is-wrong{animation:screen-jolt .38s linear}.arcade-shell.is-right .mission-zone{animation:zone-flash .65s ease}
.victory-screen{display:grid;align-content:center;justify-items:center;text-align:center}.victory-code{margin:0 0 .4rem;padding:.3rem .55rem;background:var(--pink);color:#fff;font:1000 .75rem Arial Black,Arial,sans-serif;letter-spacing:.12em}.victory-screen h2{max-width:900px;margin:.3rem 0;color:#fff;font:1000 clamp(2.2rem,6vw,5rem)/.95 Arial Black,Arial,sans-serif;letter-spacing:-.06em}.victory-screen h2 em{color:var(--cyan);font-style:normal;text-shadow:4px 4px 0 #5f2be0}.victory-burst{position:relative;width:105px;height:105px;margin-bottom:.8rem}.victory-burst strong{position:absolute;inset:0;display:grid;place-items:center;color:var(--yellow);font-size:5rem;filter:drop-shadow(0 0 24px rgba(255,232,107,.65));animation:star-spin 7s linear infinite}.victory-burst i{position:absolute;left:50%;top:50%;width:180%;height:2px;background:linear-gradient(90deg,transparent,var(--pink),transparent);transform:translate(-50%,-50%) rotate(var(--angle))}.victory-burst i:nth-child(1){--angle:0deg}.victory-burst i:nth-child(2){--angle:36deg}.victory-burst i:nth-child(3){--angle:72deg}.victory-burst i:nth-child(4){--angle:108deg}.victory-burst i:nth-child(5){--angle:144deg}.final-score{display:flex;align-items:center;gap:.7rem;margin:1rem 0}.final-score span{color:var(--yellow);font:1000 2.6rem Arial Black,Arial,sans-serif}.final-score small{max-width:145px;color:var(--muted);font:900 .72rem/1.25 Arial,sans-serif;text-align:left;letter-spacing:.1em}.final-paragraph{width:min(860px,100%);max-height:310px;overflow:auto;padding:1rem 1.2rem;border:1px solid #4e4972;border-left:6px solid var(--cyan);background:#101121;text-align:left;box-shadow:8px 8px 0 rgba(255,60,147,.22)}.final-paragraph p{margin:0;color:#f3f1ff;font:500 1.02rem/1.72 Georgia,serif}.victory-note{max-width:700px;margin:1rem auto;color:#c4c1da}.victory-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.victory-actions button{min-height:48px;padding:.7rem .9rem;border:2px solid var(--cyan);background:var(--cyan);color:#05050c;font-weight:1000;cursor:pointer}.victory-actions button+button{border-color:var(--pink);background:transparent;color:var(--pink)}.voice-status{min-height:1.4em;color:var(--yellow);font-size:.8rem}
@keyframes scan-drift{to{background-position:0 80px,180px 0}}@keyframes record-blink{50%{opacity:.15}}@keyframes signal-float{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes radar-ring{0%{transform:scale(.55);opacity:.8}100%{transform:scale(1.2);opacity:0}}@keyframes wrong-jolt{20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}@keyframes screen-jolt{25%{transform:translateX(-4px)}50%{transform:translateX(5px)}75%{transform:translateX(-2px)}}@keyframes zone-flash{40%{box-shadow:0 0 0 7px rgba(66,245,233,.5),0 0 70px rgba(66,245,233,.3)}}@keyframes spark-flight{0%{transform:translate(-50%,-50%) scale(.3) rotate(0);opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.2) rotate(300deg);opacity:0}}@keyframes word-bang{0%{transform:translate(-50%,-50%) scale(.1) rotate(-12deg);opacity:0}35%{transform:translate(-50%,-50%) scale(1.15) rotate(3deg);opacity:1}100%{transform:translate(-50%,-50%) scale(.85) rotate(-4deg);opacity:0}}@keyframes star-spin{to{transform:rotate(360deg)}}
@media(max-width:820px){.commentary-bridge-page .page-main{padding-inline:0}.arcade-bar{grid-template-columns:1fr auto}.arcade-clock{display:none}.sound-dock label{display:none}.arcade-answers{grid-template-columns:1fr}.arcade-answers button{min-height:0}.arcade-screen{min-height:calc(100vh - 114px);padding:1.1rem}.start-screen h1{font-size:clamp(2.1rem,10vw,4rem)}.mission-zone{padding:1rem}.game-hud span{font-size:.62rem}.game-hud strong{font-size:1rem}}
@media(max-width:520px){.arcade-bar{gap:.45rem;padding:.55rem}.arcade-brand{font-size:.85rem}.sound-dock button{padding:.45rem;font-size:.66rem}.night-line{font-size:.7rem}.message-glitch{padding:.85rem}.mission-pitch{font-size:.96rem}.start-actions{display:grid;width:100%}.start-actions button{width:100%}.game-hud{grid-template-columns:1fr 1fr}.game-hud .brain-meter{grid-column:1/-1;border-top:1px solid #343250}.pixel-progress{gap:3px}.mission-zone h2{font-size:1.75rem}.arcade-feedback p{font-size:.86rem}.final-paragraph{max-height:270px;padding:.85rem}.victory-screen h2{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){.arcade-noise,.panic-signal,.panic-signal i,.arcade-clock span,.victory-burst strong{animation:none!important}.arcade-fx{display:none}.arcade-shell,.mission-zone,.arcade-answers button{animation:none!important;transition:none!important}}

/* DERRIÈRE L’ARBRE : le décor est une scène vécue, jamais un schéma scolaire. */
.arcade-shell:before{content:"";position:absolute;z-index:-2;inset:62px 0 0;background:linear-gradient(90deg,rgba(4,5,14,.9),rgba(5,5,14,.3) 44%,rgba(5,5,14,.55)),linear-gradient(0deg,rgba(6,5,15,.94),transparent 58%),url("/assets/musset/derriere-arbre-scene.png") center/cover no-repeat;opacity:.63;transition:transform 1.2s ease,filter 1.2s ease,opacity 1.2s ease}.arcade-shell.is-crossed:before{transform:scale(1.12);filter:hue-rotate(34deg) saturate(1.3);opacity:.82}.panic-signal span{font-size:clamp(1.35rem,4vw,2.4rem);letter-spacing:-.08em}.title-unlocked{display:grid;gap:.25rem;width:min(860px,100%);margin:0 0 .85rem;padding:.7rem 1rem;border:1px solid var(--yellow);background:rgba(255,232,107,.08);text-align:left}.title-unlocked span{color:var(--yellow);font:900 .72rem Arial,sans-serif;letter-spacing:.12em}.title-unlocked strong{color:#fff;font:700 1.05rem/1.35 Georgia,serif}.arcade-fx .prof-ghost{position:absolute;z-index:3;right:2%;top:28%;display:grid;gap:.1rem;padding:.7rem .85rem;border:2px solid #fff;background:#0a0a12;color:#fff;font:900 .72rem Arial,sans-serif;letter-spacing:.08em;box-shadow:7px 7px 0 var(--pink);animation:prof-pass 1.2s ease-in-out forwards}.arcade-fx .prof-ghost b{color:var(--pink);font:1000 1.45rem Arial Black,Arial,sans-serif}.arcade-fx .prof-ghost small{color:var(--muted);font-size:.62rem}@keyframes prof-pass{0%{transform:translateX(150%) rotate(4deg)}20%,74%{transform:translateX(0) rotate(-2deg)}100%{transform:translateX(150%) rotate(8deg)}}
@media(max-width:520px){.arcade-shell:before{background-position:58% center}.arcade-fx .prof-ghost{top:20%;right:4%;max-width:160px}.title-unlocked strong{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.arcade-shell:before{transition:none}.arcade-fx .prof-ghost{animation:none}}

/* Le bouton de jeu reste visible dès le premier écran, même sur un portable. */
@media(min-width:821px){.start-screen{padding-block:.7rem}.panic-signal{width:clamp(78px,9vw,108px);margin-bottom:.45rem}.start-screen h1{margin:.05rem 0 .65rem;font-size:clamp(2.1rem,4.7vw,4.15rem)}.message-glitch{padding:.7rem 1rem}.message-glitch q{font-size:clamp(1.08rem,2.2vw,1.45rem)}.mission-pitch{margin:.75rem auto .65rem;font-size:.96rem}.headphone-tip{margin:.65rem 0 0}}

/* Le rail de lecture appartient au jeu du commentaire. Il défile avec la page :
   le bref accueil rassure, puis laisse naturellement toute la place au texte. */
.arcade-shell{display:grid;grid-template-columns:minmax(0,1fr)}
.arcade-bar{grid-column:1;grid-row:1}
.arcade-screen{grid-column:1;grid-row:2}
.commentary-reading-rail{grid-column:1;grid-row:3;align-self:start;min-width:0;border-top:1px solid #454167;background:linear-gradient(180deg,#101225,#080913);color:#f3f1ff}
.commentary-reading-rail h2{margin:.2rem 0 .65rem;color:#fff;font:1000 1.32rem/1.05 Arial Black,Arial,sans-serif;letter-spacing:-.035em}
.commentary-rail-kicker{margin:0 0 .35rem;color:var(--cyan);font:900 .67rem/1.2 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.commentary-quick-start{padding:1.1rem 1.15rem 1.2rem;border-bottom:1px solid #4a466d;background:linear-gradient(145deg,rgba(66,245,233,.1),rgba(142,91,255,.08))}
.commentary-quick-start p:not(.commentary-rail-kicker){margin:.45rem 0 0;color:#d7d5e8;font:.9rem/1.48 Arial,sans-serif}
.commentary-source-text{padding:1.25rem 1.15rem 1.6rem}
.commentary-source-text h2{font-family:Georgia,serif;font-weight:700;line-height:1.2;letter-spacing:0}
.commentary-source-meta{margin:0 0 1.2rem;padding-bottom:.75rem;border-bottom:3px solid var(--pink);color:var(--yellow);font:800 .72rem/1.35 Arial,sans-serif;letter-spacing:.04em}
.commentary-script p{margin:0;padding:.5rem 0;border-top:1px solid rgba(170,168,196,.16);color:#eeecf8;font:1rem/1.62 Georgia,serif}
.commentary-script p:first-child{border-top:0}
.commentary-script .commentary-speaker{padding-bottom:.15rem;border-top-color:rgba(66,245,233,.34);color:var(--cyan);font:.72rem/1.35 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.commentary-script .commentary-speaker+p{padding-top:.25rem}
.commentary-script .commentary-direction{color:#c7c3da;font-style:italic}
.commentary-excerpt-rail{grid-column:1;grid-row:4;align-self:start;min-width:0;border-top:1px solid #454167;background:linear-gradient(180deg,#0d0f20,#070812);color:#f3f1ff}
.commentary-excerpt-launcher,.commentary-excerpt-close{display:none}
.commentary-excerpt-panel-content{min-width:0}
.commentary-excerpt-head{padding:1.1rem 1.05rem 1rem;border-bottom:1px solid #454167;background:linear-gradient(145deg,rgba(255,60,147,.1),rgba(66,245,233,.06))}
.commentary-excerpt-head h2{margin:.2rem 0 .55rem;color:#fff;font:1000 1.32rem/1.05 Arial Black,Arial,sans-serif;letter-spacing:-.035em}
.commentary-excerpt-head>p:last-child{margin:0;color:#c9c6db;font:.86rem/1.45 Arial,sans-serif}
.commentary-excerpt-drawers{padding:.45rem .85rem 1rem}
.commentary-excerpt-drawer{margin:0;border:0;border-bottom:1px solid #3f3c5d;background:transparent}
.commentary-excerpt-drawer>summary{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.7rem;padding:.9rem 1.7rem .9rem .15rem;color:#fff;cursor:pointer;list-style:none;font:900 .84rem/1.25 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.commentary-excerpt-drawer>summary::-webkit-details-marker{display:none}
.commentary-excerpt-drawer>summary::after{content:"+";position:absolute;right:.15rem;top:50%;translate:0 -50%;color:var(--cyan);font:900 1.3rem/1 Arial,sans-serif}
.commentary-excerpt-drawer[open]>summary::after{content:"−";color:var(--pink)}
.commentary-excerpt-drawer>summary small{color:#aaa8c4;font:.68rem/1.2 Arial,sans-serif;letter-spacing:.04em;text-transform:none}
.commentary-excerpt-drawer nav{display:grid;padding:0 0 .65rem}
.commentary-excerpt-drawer a{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.5rem;align-items:start;padding:.55rem .4rem;border-left:3px solid transparent;color:#eeecf8;text-decoration:none}
.commentary-excerpt-drawer a:hover{border-left-color:var(--cyan);background:rgba(66,245,233,.09);color:#fff}
.commentary-excerpt-drawer a:focus-visible,.commentary-excerpt-drawer>summary:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.commentary-excerpt-drawer a>b{display:grid;width:1.7rem;height:1.7rem;place-items:center;border:1px solid #514d76;color:var(--cyan);font:900 .65rem/1 Arial,sans-serif}
.commentary-excerpt-drawer a>span{font:700 .8rem/1.3 Arial,sans-serif}
.commentary-excerpt-drawer a small{display:block;margin-top:.2rem;color:#9f9bb8;font:600 .68rem/1.25 Arial,sans-serif}
.commentary-excerpt-drawer a.is-playing{border-left-color:var(--pink);background:linear-gradient(90deg,rgba(255,60,147,.17),rgba(66,245,233,.07));color:#fff}
.commentary-excerpt-drawer a.is-playing>b{border-color:var(--yellow);background:var(--yellow);color:#090a16}
.commentary-excerpt-drawer a.is-playing small{color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.scene-audio-reward:disabled{opacity:.48;cursor:not-allowed}
.scene-audio-reward[hidden]{display:none!important}
@media(min-width:1280px){.arcade-shell{grid-template-columns:minmax(0,1fr) 340px}.arcade-bar{grid-column:1/-1}.arcade-screen{grid-column:1;grid-row:2}.commentary-reading-rail{grid-column:2;grid-row:2;border-top:0;border-left:1px solid #454167}.commentary-excerpt-rail{grid-column:2;grid-row:3;border-left:1px solid #454167}}
@media(max-width:1180px){
  .commentary-excerpt-rail{position:fixed;z-index:80;top:76px;right:0;width:min(330px,calc(100vw - 12px));max-height:calc(100vh - 88px);overflow:visible;border:0;background:linear-gradient(180deg,#0d0f20,#070812);box-shadow:none;transform:translateX(100%);transition:transform .22s ease}
  .commentary-excerpt-rail:target{overflow:auto;border:1px solid #454167;border-right:0;box-shadow:-18px 20px 55px rgba(0,0,0,.6);transform:translateX(0);scrollbar-color:#ff3c93 #0b0918}
  .commentary-excerpt-launcher{position:absolute;right:100%;top:0;display:grid;grid-template-columns:auto auto;align-items:center;gap:.45rem;padding:.72rem .62rem;border:1px solid var(--cyan);border-right:0;background:#090a16;color:#fff;cursor:pointer;box-shadow:-5px 5px 0 rgba(255,60,147,.5);font:900 .72rem/1 Arial,sans-serif;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
  .commentary-excerpt-launcher b{display:grid;width:1.55rem;height:1.55rem;place-items:center;background:var(--yellow);color:#090a16;font-size:.7rem}
  .commentary-excerpt-launcher:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
  .commentary-excerpt-rail:target>.commentary-excerpt-launcher{display:none}
  .commentary-excerpt-rail:target>.commentary-excerpt-close{position:sticky;z-index:2;top:0;display:block;padding:.9rem 1rem;border-bottom:1px solid #454167;background:#090a16;color:var(--cyan);font:900 .7rem/1 Arial,sans-serif;letter-spacing:.08em;text-align:right;text-decoration:none;text-transform:uppercase}
}
@media(min-width:1181px){.commentary-excerpt-rail{position:fixed;z-index:55;inset:0 0 0 auto;width:230px;max-height:none;overflow:auto;border:0;border-left:1px solid #454167;background:linear-gradient(180deg,#0d0f20,#070812);box-shadow:inset 1px 0 rgba(66,245,233,.16),-10px 0 34px rgba(0,0,0,.2);scrollbar-color:#ff3c93 #0b0918}.commentary-excerpt-launcher,.commentary-excerpt-close{display:none!important}}
@media(max-width:520px){
  .commentary-quick-start,.commentary-source-text,.commentary-excerpt-head{padding-inline:.9rem}
  .commentary-script p{font-size:.95rem;line-height:1.58}
  .commentary-excerpt-drawers{padding-inline:.65rem}
  .commentary-excerpt-rail:target{inset:0;width:100vw;height:100dvh;max-height:100dvh;border:0}
}
@media(prefers-reduced-motion:reduce){.commentary-excerpt-rail{transition:none}}

/* Sur le jeu « Derrière l’arbre », le sommaire canonique de l’œuvre conserve
   exactement sa structure et ses liens, mais rejoint le décor nocturne du jeu. */
.commentary-bridge-page #rail-oeuvre{
  color:#f7f6ff;
  border-color:#343250;
  background:
    radial-gradient(circle at 18% 5%,rgba(66,245,233,.13),transparent 31%),
    radial-gradient(circle at 88% 34%,rgba(255,60,147,.12),transparent 36%),
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px),
    linear-gradient(155deg,#070711 0,#0b0918 62%,#120a1a 100%);
  box-shadow:inset -1px 0 rgba(66,245,233,.2),10px 0 34px rgba(0,0,0,.22);
  scrollbar-color:#ff3c93 #0b0918;
}
.commentary-bridge-page #rail-oeuvre .be-retour{color:#42f5e9}
.commentary-bridge-page #rail-oeuvre .rail-voyageur-gate{border-color:#454167;background:linear-gradient(135deg,rgba(66,245,233,.1),rgba(255,60,147,.1))}
.commentary-bridge-page #rail-oeuvre .rail-voyageur-label{color:#ff5aa5}
.commentary-bridge-page #rail-oeuvre .rail-voyageur-journal{background:#ff3c93;color:#090a16;box-shadow:3px 3px 0 rgba(66,245,233,.5)}
.commentary-bridge-page #rail-oeuvre .rail-voyageur-univers{border-color:#42f5e9;color:#f7f6ff}
.commentary-bridge-page #rail-oeuvre .be-titre{color:#fff;text-shadow:2px 2px 0 rgba(255,60,147,.28)}
.commentary-bridge-page #rail-oeuvre .be-sous{color:#aaa8c4}
.commentary-bridge-page #rail-oeuvre .be-g{color:#ff5aa5}
.commentary-bridge-page #rail-oeuvre .rail-acces-ludiques{border-bottom-color:#454167}
.commentary-bridge-page #rail-oeuvre .rail-acces-ludiques>.be-g{color:#42f5e9}
.commentary-bridge-page #rail-oeuvre a.be-l{color:#f1effb}
.commentary-bridge-page #rail-oeuvre a.be-animation,
.commentary-bridge-page #rail-oeuvre a.be-jeu,
.commentary-bridge-page #rail-oeuvre .rail-voir-animations{color:#70f8ef}
.commentary-bridge-page #rail-oeuvre a.be-l:hover,
.commentary-bridge-page #rail-oeuvre .rail-voir-animations:hover{
  color:#fff;
  background:rgba(66,245,233,.1);
  text-decoration:none;
}
.commentary-bridge-page #rail-oeuvre a.be-l:focus-visible,
.commentary-bridge-page #rail-oeuvre .rail-voir-animations:focus-visible,
.commentary-bridge-page #rail-oeuvre summary:focus-visible{
  outline:2px solid #ffe86b;
  outline-offset:2px;
}
.commentary-bridge-page #rail-oeuvre a.be-l[aria-current=page]{
  color:#fff;
  border-left-color:#42f5e9;
  background:linear-gradient(90deg,rgba(66,245,233,.18),rgba(255,60,147,.09));
  box-shadow:inset 0 -1px rgba(255,60,147,.34);
}
.commentary-bridge-page #rail-oeuvre .be-volet{border-top-color:#454167}
.commentary-bridge-page #rail-oeuvre .be-volet>summary{color:#ff5aa5}
.commentary-bridge-page #rail-oeuvre .be-volet>summary small{color:#70f8ef}
.commentary-bridge-page #rail-oeuvre .be-rail-responsive>summary{
  color:#42f5e9;
  border-bottom-color:#ff3c93;
}

/* Navigation générale compacte : le rail de l’œuvre reste un organe distinct. */
.commentary-bridge-page .global-menu-toggle{display:none}
.commentary-bridge-page .mobile-musset-link,.commentary-bridge-page .mobile-extraits-link{display:none}
@media(max-width:820px){
  .commentary-bridge-page .nav .nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.5rem .75rem}
  .commentary-bridge-page .nav .brand{margin:0}
  .commentary-bridge-page .global-menu-toggle{display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.55rem .75rem;border:1px solid #75beb7;background:#102d25;color:#fff;font:800 .82rem/1 Arial,sans-serif;cursor:pointer}
  .commentary-bridge-page .global-menu-toggle:focus-visible{outline:3px solid #e6d797;outline-offset:2px}
  .commentary-bridge-page .burger-lines{display:grid;gap:4px;width:22px}
  .commentary-bridge-page .burger-lines i{display:block;width:22px;height:2px;background:#e6d797;transition:transform .2s,opacity .2s}
  .commentary-bridge-page .nav .links{display:none;grid-column:1/-1;gap:0;padding:.25rem 0 .45rem;border-top:1px solid rgba(255,255,255,.2)}
  .commentary-bridge-page .nav[data-open="true"] .links{display:grid}
  .commentary-bridge-page .nav .links a{display:block;min-height:44px;padding:.75rem .2rem;border-bottom:1px solid rgba(255,255,255,.14)}
  .commentary-bridge-page .nav .links .mobile-musset-link,
  .commentary-bridge-page .nav .links .mobile-extraits-link{display:block;color:#e6d797}
  .commentary-bridge-page .nav[data-open="true"] .burger-lines i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .commentary-bridge-page .nav[data-open="true"] .burger-lines i:nth-child(2){opacity:0}
  .commentary-bridge-page .nav[data-open="true"] .burger-lines i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .commentary-bridge-page .main-nav{display:none}
  .commentary-bridge-page .commentary-excerpt-launcher{display:none}
}
@media(prefers-reduced-motion:reduce){.commentary-bridge-page .burger-lines i{transition:none}}
@media(max-width:759px){
  .commentary-bridge-page #rail-oeuvre{margin:.35rem .55rem!important;padding:.15rem .75rem!important}
  .commentary-bridge-page #rail-oeuvre .be-retour,
  .commentary-bridge-page #rail-oeuvre>.be-titre,
  .commentary-bridge-page #rail-oeuvre>.be-sous{display:none}
  .commentary-bridge-page #rail-oeuvre .be-rail-responsive>summary{min-height:44px;padding:.42rem .1rem!important;border:0!important;color:#fff!important;font:800 .75rem/1 Arial,sans-serif!important;letter-spacing:.035em}
  .commentary-bridge-page #rail-oeuvre .be-rail-responsive>summary::before{content:"☰";display:inline-block;margin-right:.65rem;color:#ffe86b;font-size:1.2rem;vertical-align:-.08em}
  .commentary-bridge-page #rail-oeuvre .be-rail-responsive[open]>summary::before{content:"×";width:1rem;text-align:center}
  .commentary-bridge-page #rail-oeuvre .be-rail-responsive>nav{padding-top:.6rem;border-top:1px solid #454167}
  .commentary-bridge-page #rail-oeuvre .rail-voyageur-gate{display:none!important}
  .commentary-bridge-page.global-menu-open .commentary-excerpt-launcher{display:none}
  .commentary-bridge-page.work-rail-open .commentary-excerpt-launcher{display:none}
}
@media(max-width:1180px){
  .commentary-bridge-page #rail-oeuvre{border-color:#343250}
}