#scenarios.story-hub{width:100%;max-width:none;padding:88px 24px 64px;background:#fff;text-align:center;scroll-margin-top:90px}
#scenarios .story-hub-heading{display:block;margin:0 auto 32px;padding:0;min-height:0;text-align:center}
#scenarios .story-hub-heading h2{margin:0;font-size:48px;line-height:1.3;font-weight:500;color:#1c222b;background:none;-webkit-text-fill-color:initial;letter-spacing:-.025em}
#scenarios .story-hub-heading>p{margin:16px auto 0;font-size:18px;line-height:28px;color:#676c78;white-space:normal}
#scenarios .story-hub-tabs{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:12px;width:auto;padding:0;margin:0 auto 48px;background:none;border-radius:0}
#scenarios .story-hub-tabs button{width:auto;border:0;border-radius:999px;background:#ebecff;padding:10px 24px;margin:0;font-size:14px;line-height:20px;font-weight:400;color:#676c78;box-shadow:none;cursor:pointer}
#scenarios .story-hub-tabs button[aria-selected=true]{background:#0166fe;color:#fff;box-shadow:none}
#scenarios .story-hub-tabs button{position:relative;padding-bottom:14px}
#scenarios .story-tab-progress{position:absolute;left:16px;right:16px;bottom:5px;height:3px;border-radius:999px;background:#c9cbd5;overflow:hidden;pointer-events:none}
#scenarios .story-tab-progress>span{display:block;width:100%;height:100%;background:#858994;transform:scaleX(var(--scene-progress,0));transform-origin:left;transition:transform .12s linear}
#scenarios .story-hub-tabs button[aria-selected=true] .story-tab-progress{background:#ffffff45}
#scenarios .story-hub-tabs button[aria-selected=true] .story-tab-progress>span{background:#fff}
#scenarios .story-hub-panels{width:100%;height:auto;min-width:0;margin:0;position:relative;perspective:none}
#scenarios .story-hub-panel{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1120px;padding:0;margin:0 auto;border:0;background:none;border-radius:0;gap:0}
#scenarios .story-hub-panel[hidden]{display:none!important}
#scenarios .story-hub-visual{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/10;padding:48px 6.5% 36px;background:#dceaff url('assets/story-layout/background.png') center/cover no-repeat;border-radius:24px;overflow:hidden;box-sizing:border-box}
#scenarios .chapter-live-frame{border:0;max-width:100%;border-radius:14px;box-shadow:0 3px 12px #2bc3ff20;pointer-events:none;flex-shrink:0}
#scenarios .story-scene-caption{display:block;max-width:1000px;margin:44px auto 40px!important;font-size:18px!important;line-height:28px!important;font-weight:400;color:#818089!important;text-align:center}
#scenarios .story-scene-open{display:inline-flex;align-items:center;justify-content:center;border:0;background:linear-gradient(90deg,#0166fe,#29acfe);height:64px;min-width:290px;padding:0 28px;border-radius:12px;color:#fff;font:inherit;font-size:18px;font-weight:500;cursor:pointer}
@media(max-width:900px){#scenarios .story-hub-heading h2{font-size:36px}#scenarios .story-hub-visual{padding:28px 4% 24px;aspect-ratio:4/3}}
@media(max-width:600px){#scenarios.story-hub{padding:56px 16px}#scenarios .story-hub-heading h2{font-size:28px}#scenarios .story-hub-heading>p{font-size:15px;line-height:24px}#scenarios .story-hub-tabs{gap:8px;margin-bottom:28px}#scenarios .story-hub-tabs button{padding:8px 14px;font-size:13px}#scenarios .story-hub-visual{padding:16px 3%;border-radius:18px}#scenarios .story-scene-caption{font-size:15px!important;line-height:24px!important;margin:28px auto!important}#scenarios .story-scene-open{min-width:240px;height:54px}}
#scenarios .story-hub-tabs button[aria-selected=false] .story-tab-progress{display:none}