.story-entry{margin:12px 0 8px}
.story-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:30px;align-items:center;padding:clamp(20px,4vw,42px);background:radial-gradient(ellipse at top right,#66443049,transparent 65%),#1b191c}
.story-intro h1{font-size:clamp(28px,4vw,48px);line-height:1.05;margin:10px 0 16px}
.story-intro p,.story-chapter-copy p{color:#c2b9b3;line-height:1.6}
.story-buttons{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center;margin-top:16px}
.story-progress{display:grid;gap:8px;border-left:1px solid #ffffff20;padding-left:24px}
.story-progress strong{font-size:30px;color:var(--orange-bright)}
.story-progress span,.story-progress p{color:#c2b9b3}
.story-progress progress{width:100%;accent-color:var(--orange)}
.story-notice{color:#efd0b0!important;border-left:2px solid var(--orange);padding:8px 12px;background:#d7985e12}
.story-chapters{display:grid;gap:14px;margin-top:18px}
.story-chapter{padding:clamp(14px,3vw,28px);border-top:2px solid color-mix(in srgb,var(--story-color),transparent 55%)}
.story-chapter-copy h2{margin:6px 0 8px}
.story-episodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;padding:0;list-style:none;margin:16px 0}
.story-episode{min-width:0;display:flex;flex-direction:column;border:1px solid #ffffff19;border-radius:6px;overflow:hidden;background:#17171b}
.story-episode-info{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;margin-top:auto}
.story-episode-info strong{font-weight:600}
.story-panel-art{margin:0;position:relative;background:#242127}
.story-panel-art img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:center}
.story-panel-art figcaption{position:absolute;left:9px;right:9px;bottom:8px;width:fit-content;max-width:calc(100% - 18px);padding:6px 9px;border:1px solid #3e3023;background:#f2dfbf;color:#261c16;font-family:Georgia,serif;font-size:clamp(12px,1.15vw,15px);line-height:1.3;box-shadow:2px 2px 0 #151215bb}
.story-panel-lock{flex:1;min-height:38px;background:repeating-linear-gradient(135deg,#ffffff04 0 1px,transparent 1px 11px),radial-gradient(ellipse at center,#795c3824,transparent 70%)}
.story-episode-locked{background:#17171a}
.modal-box:has(.story-panel-dialog){width:600px}
.story-panel-dialog{width:min(100%,38dvh);border:1px solid #d1a57655;border-radius:4px;overflow:hidden;margin:0 auto 12px}
.story-panel-dialog img{max-height:38dvh;object-fit:contain}
.story-panel-dialog+p{line-height:1.55}
.story-episodes small{display:block;color:#aaa1a0;margin-top:4px}
.story-episodes .btn{padding:8px 12px;min-height:36px;flex-shrink:0}
.story-dossier{border-top:1px solid #ffffff20;padding-top:12px}
.story-dossier summary{cursor:pointer;color:var(--orange-bright)}
.story-hook{border-top:1px solid #ffffff20;padding-top:10px;margin:14px 0}
.story-hook p{margin:0}
@media(max-width:640px){.story-intro{grid-template-columns:1fr;gap:14px}.story-episodes{grid-template-columns:1fr}.story-panel-lock{display:none}.story-progress{border-left:0;border-top:1px solid #ffffff20;padding:12px 0 0}.story-buttons .btn{max-width:100%;white-space:normal}.story-entry .btn{max-width:100%;white-space:normal}}