/* Lecture intégrale : reprise de la disposition réelle du journal de bord (jour 30).
   Toutes les règles sont limitées à cette nouvelle fenêtre. */
.gc-s2-reading-actions{display:flex;justify-content:center;margin:24px 0 18px}
.gc-s2-read-all-button{cursor:pointer;border:1px solid #5c9cc3;border-radius:6px;padding:13px 23px;background:linear-gradient(135deg,#102d43,#07121e);color:#eaf8ff;font-weight:900;letter-spacing:.055em;box-shadow:0 9px 30px #0007}
.gc-s2-read-all-button:hover{border-color:#8cd9ff;background:#123a53}
body.gc-s2-complete-open{overflow:hidden}
.gc-s2-complete-journal{z-index:1000001!important;padding:12px!important;overscroll-behavior:contain}
.gc-s2-complete-journal .gc-s2-modal-box,
body:has(.gc-taverne-2026) .gc-s2-complete-journal article.gc-s2-modal-box{
  display:flex!important;flex-direction:column!important;position:relative!important;
  width:min(1100px,96vw)!important;max-width:1100px!important;
  height:min(90dvh,900px)!important;min-height:0!important;max-height:90dvh!important;
  padding:0!important;overflow:hidden!important;background:#050d14!important;
  border:1px solid rgba(105,177,215,.38)!important;border-radius:12px!important;
  box-shadow:0 26px 90px #000c, inset 0 0 40px rgba(41,128,174,.05)!important;
  box-sizing:border-box!important;
}
.gc-s2-complete-journal .gc-s2-complete-heading{flex:0 0 auto;padding:18px 56px 13px 24px!important;background:linear-gradient(180deg,#0d2432,#07131e);border-bottom:1px solid #24445a}
.gc-s2-complete-journal .gc-s2-complete-heading .gc-s2-modal-day{font:900 11px/1.4 Consolas,monospace!important;letter-spacing:.12em;color:#79dbad!important}
.gc-s2-complete-journal .gc-s2-complete-heading h3{font:800 clamp(17px,2vw,25px)/1.2 Arial,sans-serif!important;letter-spacing:.01em!important;margin:5px 0 0!important;color:#eaf7ff!important}
.gc-s2-complete-journal .gc-s2-modal-x{position:absolute!important;top:12px!important;right:12px!important;z-index:10!important}
.gc-s2-complete-index{flex:0 0 auto;display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;max-width:100%;padding:10px 18px!important;background:#07121c;border-bottom:1px solid #24445a;scrollbar-width:thin}
.gc-s2-complete-index a{flex:0 0 34px;display:grid;place-items:center;width:34px;height:32px;border:1px solid #365b71;border-radius:5px;color:#bceaff!important;text-decoration:none!important;background:#0c2534;font:800 12px Arial,sans-serif!important}
.gc-s2-complete-index a:hover,.gc-s2-complete-index a:focus{background:#20506a;color:white!important}
.gc-s2-complete-content{flex:1 1 auto;min-height:0!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#37657e #07131e;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.gc-s2-complete-chapter{padding:0 0 26px;margin:0;border-bottom:2px solid #29485b;scroll-margin-top:0}
.gc-s2-complete-chapter>.gc-s2-modal-head{padding:15px 22px 13px!important;background:#0c1d2a;border-bottom:1px solid #29485b}
.gc-s2-complete-chapter>.gc-s2-modal-head .gc-s2-modal-day{font:900 11px Consolas,monospace!important;color:#79dbad!important;letter-spacing:.12em!important}
.gc-s2-complete-chapter>.gc-s2-modal-head h3{margin:5px 0 0!important;font:800 clamp(18px,2vw,24px)/1.25 Arial,sans-serif!important;color:#eaf7ff!important;letter-spacing:0!important}
/* Comme au jour 30 : illustration à gauche, texte dans son panneau à droite. */
.gc-s2-complete-layout{display:grid!important;grid-template-columns:minmax(0, .92fr) minmax(0,1.08fr)!important;align-items:stretch;background:#030a10}
.gc-s2-complete-visual{display:flex;align-items:flex-start;justify-content:center;min-width:0;padding:14px;background:#02070b;border-right:1px solid rgba(104,169,208,.18)}
.gc-s2-complete-image{display:block!important;width:100%!important;height:auto!important;max-height:380px!important;object-fit:contain!important;object-position:center!important;border:1px solid #29485b!important;background:#03070b!important;margin:0!important;box-shadow:none!important}
.gc-s2-complete-story-panel{min-width:0;padding:23px 25px!important;background:linear-gradient(145deg,#091923,#050e16);box-sizing:border-box}
.gc-s2-complete-journal .gc-s2-complete-story{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;transform:none!important;max-height:none!important;height:auto!important;overflow:visible!important;min-height:0!important;margin:0!important;padding:0!important;color:#d8e8f1!important;font:400 15px/1.8 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important;white-space:pre-line!important;word-break:normal!important}
.gc-s2-complete-journal .gc-s2-complete-story::after{content:none!important;display:none!important}
.gc-s2-complete-top{flex:0 0 auto;align-self:center;cursor:pointer;margin:9px auto!important;padding:9px 17px!important;border:1px solid #3f7594!important;border-radius:5px;background:#10283a!important;color:#eaf7ff!important;font:800 12px Arial,sans-serif!important}
@media(max-width:720px){.gc-s2-complete-journal .gc-s2-modal-box,body:has(.gc-taverne-2026) .gc-s2-complete-journal article.gc-s2-modal-box{width:98vw!important;max-width:98vw!important;height:94dvh!important;max-height:94dvh!important}.gc-s2-complete-layout{display:block!important}.gc-s2-complete-visual{border-right:0;border-bottom:1px solid #29485b;padding:10px}.gc-s2-complete-image{max-height:260px!important}.gc-s2-complete-story-panel{padding:17px!important}.gc-s2-complete-journal .gc-s2-complete-story{font-size:14px!important;line-height:1.7!important}.gc-s2-complete-journal .gc-s2-complete-heading{padding:13px 48px 10px 14px!important}}

/* V9 : navigation stable sans carrousel, sans fleches ni debordement horizontal. */
.gc-s2-complete-journal .gc-s2-complete-index{
 display:grid!important;grid-template-columns:repeat(15,minmax(0,1fr))!important;
 gap:5px!important;flex:0 0 auto!important;min-width:0!important;width:100%!important;
 max-width:100%!important;box-sizing:border-box!important;
 overflow-x:hidden!important;overflow-y:visible!important;flex-wrap:unset!important;
 padding:9px 14px!important;scrollbar-width:none!important;
}
.gc-s2-complete-journal .gc-s2-complete-index a{
 display:grid!important;place-items:center!important;min-width:0!important;width:100%!important;
 height:29px!important;min-height:29px!important;box-sizing:border-box!important;
 flex:none!important;padding:0!important;
}
@media(max-width:900px){.gc-s2-complete-journal .gc-s2-complete-index{grid-template-columns:repeat(10,minmax(0,1fr))!important}}
@media(max-width:520px){.gc-s2-complete-journal .gc-s2-complete-index{grid-template-columns:repeat(6,minmax(0,1fr))!important;padding:7px 9px!important;gap:4px!important}.gc-s2-complete-journal .gc-s2-complete-index a{height:25px!important;min-height:25px!important}}

/* V10 : archives personnalisées et animation Canvas limitée à cette popup. */
.gc-s2-complete-journal .gc-s2-modal-box{isolation:isolate}
.gc-s2-complete-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.7}
.gc-s2-complete-journal .gc-s2-modal-box> :not(.gc-s2-complete-canvas){position:relative;z-index:1}
.gc-s2-complete-controls{position:absolute!important;right:55px;bottom:9px;z-index:5!important}
.gc-s2-complete-effects{font:700 11px Arial,sans-serif;color:#b7d9e8;background:#102b3c;border:1px solid #4c7e9a;border-radius:5px;padding:8px 10px;cursor:pointer}
.gc-s2-complete-rewards{margin-top:20px;padding:15px;border:1px solid #31556c;border-radius:8px;background:rgba(4,23,36,.93);color:#dbeefa;font:14px/1.55 Arial,sans-serif}
.gc-s2-complete-rewards h4{margin:0 0 12px;color:#8bdcc5;font-size:12px;letter-spacing:.09em}
.gc-s2-choice-line{margin-bottom:10px;color:#c6d8e4}
.gc-s2-reward-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.gc-s2-reward-option{min-width:0;padding:12px;border-radius:7px;border:1px solid #476277;display:flex;flex-direction:column;gap:7px;overflow-wrap:anywhere}
.gc-s2-reward-option strong{font-size:12px;color:#e4f5ff}
.gc-s2-reward-option p{margin:0;font-size:12px;color:#c2d3df}
.gc-s2-reward-option span{font-weight:800;color:#d9ebf9}
.gc-s2-reward-option.is-earned{border-color:#62bcaa;background:rgba(33,119,109,.23);box-shadow:0 0 17px rgba(83,199,169,.13)}
.gc-s2-reward-option.is-alternative{opacity:.68;background:rgba(10,24,34,.72)}
.gc-s2-reward-option.is-unclaimed{opacity:.76}
.gc-s2-complete-reward-icon{width:48px;height:48px;object-fit:contain;align-self:flex-start}
@media(max-width:650px){.gc-s2-reward-options{grid-template-columns:1fr}.gc-s2-complete-controls{right:12px;bottom:7px}.gc-s2-complete-effects{font-size:10px;padding:6px}.gc-s2-complete-top{margin-right:auto!important;margin-left:10px!important}}
@media(prefers-reduced-motion:reduce){.gc-s2-complete-canvas{display:none}}

/* V11 : les fonds opaques des chapitres recouvraient le Canvas de la V10.
   Effet décoratif au-dessus des panneaux, sans intercepter souris/tactile. */
.gc-s2-complete-journal .gc-s2-complete-canvas{z-index:4!important;opacity:.85!important;pointer-events:none!important;mix-blend-mode:screen}
.gc-s2-complete-journal .gc-s2-complete-controls{z-index:7!important}
.gc-s2-complete-journal .gc-s2-modal-x{z-index:8!important}
@media(prefers-reduced-motion:reduce){.gc-s2-complete-journal .gc-s2-complete-canvas{display:none!important}}