/* story.css — Story intro “Con Đường Trở Về 2026” */
#story{position:fixed;inset:0;z-index:150;background:#05030b;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.st-bg{position:absolute;inset:-4%;background:radial-gradient(circle at 50% 40%,#1c1840,#05030b 75%) center/cover;animation:stZoom 9s ease-out both;opacity:.9}
.st-bg.zoom2{animation-name:stZoom2}
@keyframes stZoom{from{transform:scale(1.12)}to{transform:scale(1)}}@keyframes stZoom2{from{transform:scale(1) translateX(-1%)}to{transform:scale(1.1) translateX(1%)}}
.st-modern{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(116,231,255,.05) 0 2px,transparent 2px 60px),linear-gradient(0deg,rgba(116,231,255,.08),transparent 60%);animation:fade 1.5s both}
.st-portal{position:absolute;left:50%;top:38%;width:min(60vw,420px);aspect-ratio:1;margin-left:calc(min(60vw,420px)/-2);margin-top:calc(min(60vw,420px)/-2);border-radius:50%;background:radial-gradient(circle,#fff 0,#FFE7A0 10%,#B86CFF 35%,rgba(123,63,242,0) 70%);animation:portal 2.4s ease-out both}
@keyframes portal{from{transform:scale(.1);opacity:0}60%{opacity:1}to{transform:scale(1.4);opacity:.75}}
.st-char{position:absolute;bottom:30%;left:50%;max-height:46vh;transform:translateX(-50%);filter:drop-shadow(0 0 26px rgba(184,108,255,.8));animation:fade 1.2s both}
.st-panel{position:relative;width:min(760px,100%);margin:0 12px calc(18px + var(--sab));padding:18px 20px;border-radius:var(--cv-radius-lg);background:linear-gradient(170deg,rgba(40,18,76,.82),rgba(10,5,22,.92));border:1px solid var(--cv-line-gold);box-shadow:0 0 50px rgba(123,63,242,.45);animation:slideup .5s both}
.st-ch{font-size:11px;letter-spacing:3px;color:var(--cv-muted);text-transform:uppercase}
.st-title{font-family:var(--cv-font-display);font-weight:800;font-size:clamp(22px,4vw,32px);color:var(--cv-lightgold);margin:2px 0 6px}
.st-text{font-size:clamp(15px,2.2vw,18px);line-height:1.6;min-height:3.2em;margin:0 0 12px}
.st-ctl{display:flex;align-items:center;gap:8px}.st-dots{flex:1;display:flex;gap:5px}.st-dots i{width:18px;height:4px;border-radius:2px;background:rgba(255,255,255,.18)}.st-dots i.on{background:var(--cv-lightgold)}.st-dots i.done{background:var(--cv-electric)}