:root{--story-mint:#42e8d0;--story-red:#ff4f65;--story-amber:#ffbd68;--story-paper:#f1ddbd;--story-navy:#02080d}
.story-page,.story-shell{height:100dvh;min-height:620px;overflow:hidden;background:var(--story-navy)}
.story-stage,.story-frame{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.frame-picture,.frame-picture img,.frame-shade,.rain-canvas,.frame-fx{position:absolute;inset:0;width:100%;height:100%}
.frame-picture{z-index:0;overflow:hidden;background:#02080d}.frame-picture img{object-fit:cover;object-position:center;will-change:transform}
.frame-shade{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(2,8,13,.93) 0,rgba(2,8,13,.67) 31%,rgba(2,8,13,.12) 58%,rgba(2,8,13,.04) 100%),linear-gradient(180deg,rgba(2,8,13,.1),transparent 48%,rgba(2,8,13,.7))}
.rain-canvas{z-index:3;pointer-events:none;mix-blend-mode:screen}.story-frame[data-rain="heavy"] .rain-canvas{opacity:.75}.story-frame[data-rain="light"] .rain-canvas{opacity:.28}.story-frame[data-rain="still"] .rain-canvas{opacity:.04}
.frame-fx{z-index:4;pointer-events:none;overflow:hidden}.frame-fx i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--story-mint);box-shadow:0 0 14px var(--story-mint),0 0 34px rgba(66,232,208,.48);opacity:.25;animation:story-drift 3.8s ease-in-out infinite alternate}.frame-fx i:nth-child(1){left:48%;top:36%;animation-delay:-1.2s}.frame-fx i:nth-child(2){left:72%;top:60%;width:4px;height:4px;animation-delay:-2.4s}.frame-fx i:nth-child(3){left:86%;top:28%;width:5px;height:5px}
.story-frame[data-action="chat-closes"] .frame-fx i,.story-frame[data-action="hidden-regression"] .frame-fx i,.story-frame[data-action="false-done"] .frame-fx i{background:var(--story-red);box-shadow:0 0 16px var(--story-red),0 0 38px rgba(255,79,101,.46)}
.story-frame[data-action="shutdown"] .frame-fx i{opacity:.08;animation-duration:7s}.story-frame[data-action="keep-restore"] .frame-fx i{opacity:.7;animation-duration:2.4s}
.coat-actor{position:absolute;z-index:8;right:8%;bottom:-2%;width:min(44vw,680px);height:79%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 42px rgba(0,0,0,.82)) drop-shadow(0 0 22px rgba(66,232,208,.2));animation:coat-arrive 2.8s cubic-bezier(.18,.8,.22,1) both}.coat-actor[hidden]{display:none}
.comic-bubble{position:absolute;z-index:13;left:5vw;top:11%;width:min(400px,31vw);padding:1rem 1.15rem 1.08rem;border:1px solid rgba(244,223,196,.42);border-radius:22px 22px 22px 5px;background:linear-gradient(145deg,rgba(248,232,208,.98),rgba(222,193,155,.96));color:#152027;box-shadow:0 18px 48px rgba(0,0,0,.4);transform-origin:left bottom;animation:bubble-breathe 3s ease-in-out infinite}.comic-bubble:after{content:"";position:absolute;left:24px;bottom:-18px;border:10px solid transparent;border-top-color:#dfc29e;transform:skewX(-18deg)}.comic-bubble b{display:block;margin-bottom:.42rem;color:#176e68;font-size:.64rem;letter-spacing:.15em;text-transform:uppercase}.comic-bubble p{margin:0;font-size:clamp(.9rem,1.15vw,1.1rem);line-height:1.34;font-weight:780}
.story-copy{position:absolute;z-index:14;left:5vw;bottom:12%;width:min(660px,47vw);transform:none}.story-counter{display:flex;align-items:center;gap:.75rem;color:var(--story-mint);font-size:.69rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.story-counter:after{content:"";width:70px;height:1px;background:var(--story-mint)}.chapter-title{max-width:18ch;margin:.7rem 0 .78rem;font-size:clamp(2.05rem,4.25vw,4.85rem);line-height:.93;letter-spacing:-.045em;text-wrap:balance}.beat-card{max-width:620px;border-left:2px solid var(--story-mint);padding:.05rem 0 .05rem 1.05rem}.beat-card p{margin:0;color:#dce7e5;font-size:clamp(.91rem,1.13vw,1.08rem);line-height:1.48;text-wrap:pretty}
.story-frame[data-action^="opening-"] .frame-picture img{animation:opening-scene-breathe 6s ease-out both}.story-frame[data-action="opening-3"] .chapter-title,.story-frame[data-action="opening-4"] .chapter-title{font-size:clamp(1.8rem,3.35vw,3.75rem);max-width:22ch}@keyframes opening-scene-breathe{from{filter:saturate(.82);transform:scale(1.06)}to{filter:saturate(1);transform:scale(1.015)}}
.story-frame[data-story-sequence^="2-"] .rain-canvas{opacity:.03}
.story-frame[data-story-motion="world-build"] .frame-fx i{width:2px;height:20vh;border-radius:99px;background:linear-gradient(0deg,transparent,var(--story-mint),#fff);box-shadow:0 0 20px var(--story-mint);opacity:.52;animation:world-build-rise 2.8s ease-in-out infinite}
.story-frame[data-story-motion="world-build"] .frame-fx i:nth-child(1){left:42%;top:54%}.story-frame[data-story-motion="world-build"] .frame-fx i:nth-child(2){left:57%;top:45%;animation-delay:-1.1s}.story-frame[data-story-motion="world-build"] .frame-fx i:nth-child(3){left:73%;top:58%;animation-delay:-2.1s}
.story-frame[data-story-motion="maze-grow"] .frame-fx i{width:15vw;height:15vw;border:1px solid rgba(66,232,208,.38);border-radius:5px;background:transparent;box-shadow:inset 0 0 28px rgba(66,232,208,.09),0 0 20px rgba(66,232,208,.12);opacity:.45;animation:maze-expand 5.4s ease-in-out infinite}
.story-frame[data-story-motion="maze-grow"] .frame-fx i:nth-child(1){left:34%;top:22%}.story-frame[data-story-motion="maze-grow"] .frame-fx i:nth-child(2){left:58%;top:48%;animation-delay:-1.8s}.story-frame[data-story-motion="maze-grow"] .frame-fx i:nth-child(3){left:78%;top:18%;animation-delay:-3.6s}
.story-frame[data-story-motion="memory-barrier"] .frame-fx i{width:11vw;height:11vw;border:1px solid rgba(191,143,255,.6);border-radius:50%;background:radial-gradient(circle,rgba(191,143,255,.16),transparent 65%);box-shadow:0 0 38px rgba(156,106,255,.25);opacity:.7;animation:memory-pulse 3.2s ease-in-out infinite}
.story-frame[data-story-motion="memory-barrier"] .frame-fx i:nth-child(1){left:38%;top:25%}.story-frame[data-story-motion="memory-barrier"] .frame-fx i:nth-child(2){left:59%;top:32%;animation-delay:-1.1s}.story-frame[data-story-motion="memory-barrier"] .frame-fx i:nth-child(3){left:78%;top:22%;animation-delay:-2.2s}
.story-frame[data-story-motion="context-loop"] .frame-fx i{width:32vw;height:12vw;border:1px dashed rgba(255,189,104,.5);border-radius:50%;background:transparent;box-shadow:0 0 26px rgba(255,189,104,.12);opacity:.48;animation:context-loop-turn 7s linear infinite}
.story-frame[data-story-motion="context-loop"] .frame-fx i:nth-child(1){left:31%;top:39%}.story-frame[data-story-motion="context-loop"] .frame-fx i:nth-child(2){left:47%;top:49%;animation-delay:-2.3s}.story-frame[data-story-motion="context-loop"] .frame-fx i:nth-child(3){left:63%;top:33%;animation-delay:-4.6s}
@keyframes world-build-rise{0%{transform:translateY(18vh) scaleY(.25);opacity:0}45%{opacity:.75}100%{transform:translateY(-15vh) scaleY(1);opacity:0}}
@keyframes maze-expand{0%,100%{transform:scale(.72) rotate(0);opacity:.12}50%{transform:scale(1.18) rotate(45deg);opacity:.58}}
@keyframes memory-pulse{0%,100%{transform:scale(.72);filter:blur(1px);opacity:.25}50%{transform:scale(1.08);filter:blur(0);opacity:.75}}
@keyframes context-loop-turn{to{transform:rotate(360deg)}}
.story-frame[data-story-motion="black-box-break"] .frame-fx i{width:8px;height:34px;border-radius:2px;background:linear-gradient(var(--story-amber),transparent);box-shadow:0 0 22px rgba(255,189,104,.65);opacity:.72;animation:black-box-shard 2.8s ease-out infinite}
.story-frame[data-story-motion="black-box-break"] .frame-fx i:nth-child(1){left:31%;top:37%}.story-frame[data-story-motion="black-box-break"] .frame-fx i:nth-child(2){left:39%;top:54%;animation-delay:-.9s}.story-frame[data-story-motion="black-box-break"] .frame-fx i:nth-child(3){left:46%;top:28%;animation-delay:-1.8s}
.story-frame[data-story-motion="memory-body"] .frame-fx i{width:12vw;height:12vw;border:1px solid rgba(255,189,104,.48);border-radius:50%;background:radial-gradient(circle,rgba(255,189,104,.15),transparent 64%);box-shadow:0 0 30px rgba(66,232,208,.18);opacity:.58;animation:memory-orbit 5.8s linear infinite}
.story-frame[data-story-motion="memory-body"] .frame-fx i:nth-child(1){left:19%;top:20%}.story-frame[data-story-motion="memory-body"] .frame-fx i:nth-child(2){left:47%;top:38%;animation-delay:-1.9s}.story-frame[data-story-motion="memory-body"] .frame-fx i:nth-child(3){left:70%;top:16%;animation-delay:-3.8s}
.story-frame[data-story-motion="mind-connect"] .frame-fx i{width:2px;height:38vh;border-radius:99px;background:linear-gradient(transparent,#d7a7ff,var(--story-amber),transparent);box-shadow:0 0 28px rgba(191,143,255,.65);opacity:.68;animation:mind-beam 2.4s ease-in-out infinite}
.story-frame[data-story-motion="mind-connect"] .frame-fx i:nth-child(1){left:42%;top:4%}.story-frame[data-story-motion="mind-connect"] .frame-fx i:nth-child(2){left:51%;top:11%;animation-delay:-.8s}.story-frame[data-story-motion="mind-connect"] .frame-fx i:nth-child(3){left:60%;top:2%;animation-delay:-1.6s}
.story-frame[data-story-motion="continuity-thread"] .frame-fx i{width:22vw;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--story-mint),#fff,transparent);box-shadow:0 0 18px var(--story-mint);opacity:.62;animation:continuity-flow 3.6s ease-in-out infinite}
.story-frame[data-story-motion="continuity-thread"] .frame-fx i:nth-child(1){left:10%;top:42%}.story-frame[data-story-motion="continuity-thread"] .frame-fx i:nth-child(2){left:39%;top:52%;animation-delay:-1.2s}.story-frame[data-story-motion="continuity-thread"] .frame-fx i:nth-child(3){left:69%;top:36%;animation-delay:-2.4s}
@keyframes black-box-shard{0%{transform:translate3d(-18px,16px,0) rotate(-24deg);opacity:0}45%{opacity:.8}100%{transform:translate3d(70px,-48px,0) rotate(38deg);opacity:0}}
@keyframes memory-orbit{to{transform:rotate(360deg) scale(1.08)}}
@keyframes mind-beam{0%,100%{transform:scaleY(.62);opacity:.24}50%{transform:scaleY(1.08);opacity:.82}}
@keyframes continuity-flow{0%{transform:translateX(-18%) scaleX(.6);opacity:.15}50%{opacity:.8}100%{transform:translateX(28%) scaleX(1.15);opacity:.12}}
.story-frame[data-story-sequence^="4-"] .rain-canvas{opacity:.025}
.story-frame[data-story-motion="problems-reveal"] .frame-fx i{width:9vw;height:17vw;border:1px solid rgba(255,189,104,.52);border-radius:50% 50% 5px 5px;background:radial-gradient(ellipse at bottom,rgba(255,189,104,.14),transparent 64%);box-shadow:0 0 34px rgba(255,189,104,.2);opacity:.58;animation:problem-door 4.6s ease-in-out infinite}
.story-frame[data-story-motion="problems-reveal"] .frame-fx i:nth-child(1){left:34%;top:18%}.story-frame[data-story-motion="problems-reveal"] .frame-fx i:nth-child(2){left:55%;top:29%;animation-delay:-1.5s}.story-frame[data-story-motion="problems-reveal"] .frame-fx i:nth-child(3){left:76%;top:14%;animation-delay:-3s}
.story-frame[data-story-motion="success-failure"] .frame-fx i{width:15vw;height:15vw;border:2px solid var(--story-amber);border-radius:50%;background:radial-gradient(circle,rgba(255,189,104,.14),transparent 66%);box-shadow:0 0 32px rgba(255,189,104,.28);opacity:.62;animation:decision-orbit 5.2s linear infinite}.story-frame[data-story-motion="success-failure"] .frame-fx i:nth-child(1){left:18%;top:24%}.story-frame[data-story-motion="success-failure"] .frame-fx i:nth-child(2){left:57%;top:38%;border-color:var(--story-red);box-shadow:0 0 32px rgba(255,79,101,.28);animation-direction:reverse}.story-frame[data-story-motion="success-failure"] .frame-fx i:nth-child(3){left:74%;top:15%;border-color:var(--story-red);animation-delay:-2.6s}
.story-frame[data-story-motion="context-recovery"] .frame-fx i{width:2px;height:30vh;border-radius:99px;background:linear-gradient(transparent,#fff,var(--story-amber),transparent);box-shadow:0 0 20px rgba(255,189,104,.62);opacity:.68;animation:context-recover 2.8s ease-in-out infinite}.story-frame[data-story-motion="context-recovery"] .frame-fx i:nth-child(1){left:38%;top:8%}.story-frame[data-story-motion="context-recovery"] .frame-fx i:nth-child(2){left:57%;top:23%;animation-delay:-.9s}.story-frame[data-story-motion="context-recovery"] .frame-fx i:nth-child(3){left:74%;top:2%;animation-delay:-1.8s}
.story-frame[data-story-motion="apc-build"] .frame-fx i{width:15vw;height:7vw;border:1px solid rgba(66,232,208,.48);border-radius:5px;background:linear-gradient(135deg,rgba(66,232,208,.12),rgba(255,189,104,.08));box-shadow:0 0 26px rgba(66,232,208,.18);opacity:.6;animation:apc-block 3.8s ease-in-out infinite}.story-frame[data-story-motion="apc-build"] .frame-fx i:nth-child(1){left:31%;top:51%}.story-frame[data-story-motion="apc-build"] .frame-fx i:nth-child(2){left:50%;top:39%;animation-delay:-1.25s}.story-frame[data-story-motion="apc-build"] .frame-fx i:nth-child(3){left:69%;top:27%;animation-delay:-2.5s}
@keyframes problem-door{0%,100%{transform:scale(.76);opacity:.16}50%{transform:scale(1.08);opacity:.7}}
@keyframes decision-orbit{to{transform:rotate(360deg) scale(1.06)}}
@keyframes context-recover{0%{transform:translateY(-18vh) scaleY(.35);opacity:0}48%{opacity:.82}100%{transform:translateY(25vh) scaleY(1);opacity:0}}
@keyframes apc-block{0%,100%{transform:translateY(18px);opacity:.2}50%{transform:translateY(-8px);opacity:.72}}
.story-frame[data-story-sequence^="5-"] .rain-canvas{opacity:.02}
.story-frame[data-story-motion="platform-sprawl"] .frame-fx i{width:10vw;height:10vw;border:1px solid rgba(66,232,208,.38);border-radius:18%;background:radial-gradient(circle,rgba(66,232,208,.14),transparent 67%);box-shadow:0 0 28px rgba(66,232,208,.16);opacity:.5;animation:platform-sprawl 5.5s ease-in-out infinite}.story-frame[data-story-motion="platform-sprawl"] .frame-fx i:nth-child(1){left:38%;top:17%}.story-frame[data-story-motion="platform-sprawl"] .frame-fx i:nth-child(2){left:57%;top:41%;animation-delay:-1.8s}.story-frame[data-story-motion="platform-sprawl"] .frame-fx i:nth-child(3){left:79%;top:22%;animation-delay:-3.6s}
.story-frame[data-story-motion="towers-ignite"] .frame-fx i{width:2px;height:42vh;border-radius:99px;background:linear-gradient(transparent,#fff,var(--story-mint),transparent);box-shadow:0 0 28px var(--story-mint);opacity:.72;animation:tower-ignite 3.6s ease-in-out infinite}.story-frame[data-story-motion="towers-ignite"] .frame-fx i:nth-child(1){left:43%;top:-4%}.story-frame[data-story-motion="towers-ignite"] .frame-fx i:nth-child(2){left:62%;top:2%;background:linear-gradient(transparent,#fff,var(--story-amber),transparent);box-shadow:0 0 28px var(--story-amber);animation-delay:-1.2s}.story-frame[data-story-motion="towers-ignite"] .frame-fx i:nth-child(3){left:81%;top:-6%;background:linear-gradient(transparent,#fff,var(--story-red),transparent);box-shadow:0 0 28px var(--story-red);animation-delay:-2.4s}
.story-frame[data-story-motion="release-race"] .frame-fx i{width:34vw;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#fff,var(--story-mint),transparent);box-shadow:0 0 20px var(--story-mint);opacity:.72;animation:release-race 1.65s linear infinite}.story-frame[data-story-motion="release-race"] .frame-fx i:nth-child(1){left:28%;top:30%}.story-frame[data-story-motion="release-race"] .frame-fx i:nth-child(2){left:48%;top:48%;animation-delay:-.55s}.story-frame[data-story-motion="release-race"] .frame-fx i:nth-child(3){left:62%;top:20%;animation-delay:-1.1s}
.story-frame[data-story-motion="choose-focus"] .frame-fx i{width:31vw;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--story-amber),#fff);box-shadow:0 0 20px var(--story-amber);opacity:.7;transform-origin:left center;animation:focus-path 3.8s ease-in-out infinite}.story-frame[data-story-motion="choose-focus"] .frame-fx i:nth-child(1){left:48%;top:52%;transform:rotate(-21deg)}.story-frame[data-story-motion="choose-focus"] .frame-fx i:nth-child(2){left:48%;top:52%;transform:rotate(7deg);opacity:.18;filter:saturate(0)}.story-frame[data-story-motion="choose-focus"] .frame-fx i:nth-child(3){left:48%;top:52%;transform:rotate(31deg);opacity:.12;filter:saturate(0)}
@keyframes platform-sprawl{0%,100%{transform:scale(.68) rotate(-4deg);opacity:.13}50%{transform:scale(1.12) rotate(4deg);opacity:.58}}
@keyframes tower-ignite{0%,100%{transform:scaleY(.35);opacity:.16}50%{transform:scaleY(1.08);opacity:.85}}
@keyframes release-race{0%{transform:translateX(-50%) scaleX(.35);opacity:0}40%{opacity:.82}100%{transform:translateX(65%) scaleX(1.18);opacity:0}}
@keyframes focus-path{0%,100%{background-size:60% 100%;opacity:.35}50%{background-size:120% 100%;opacity:.85}}
.story-frame[data-story-sequence^="6-"] .rain-canvas{opacity:.018}
.story-frame[data-story-motion="scope-seal"] .frame-fx i{width:18vw;height:18vw;border:1px solid rgba(255,189,104,.42);border-radius:50%;background:conic-gradient(from 45deg,transparent,rgba(255,189,104,.13),transparent);box-shadow:0 0 30px rgba(255,189,104,.16);opacity:.55;animation:scope-seal 5s ease-in-out infinite}.story-frame[data-story-motion="scope-seal"] .frame-fx i:nth-child(1){left:22%;top:22%}.story-frame[data-story-motion="scope-seal"] .frame-fx i:nth-child(2){left:51%;top:42%;animation-delay:-1.65s}.story-frame[data-story-motion="scope-seal"] .frame-fx i:nth-child(3){left:74%;top:18%;animation-delay:-3.3s}
.story-frame[data-story-motion="regression-crack"] .frame-fx i{width:2px;height:35vh;border-radius:0;background:linear-gradient(transparent,var(--story-red),#fff,var(--story-red),transparent);box-shadow:0 0 20px rgba(255,79,101,.52);opacity:.68;animation:regression-crack 2.7s ease-in-out infinite}.story-frame[data-story-motion="regression-crack"] .frame-fx i:nth-child(1){left:43%;top:17%;transform:rotate(48deg)}.story-frame[data-story-motion="regression-crack"] .frame-fx i:nth-child(2){left:57%;top:29%;transform:rotate(-31deg);animation-delay:-.9s}.story-frame[data-story-motion="regression-crack"] .frame-fx i:nth-child(3){left:72%;top:10%;transform:rotate(67deg);animation-delay:-1.8s}
.story-frame[data-story-motion="focus-narrow"] .frame-fx i{width:17vw;height:17vw;border:1px solid rgba(66,232,208,.44);border-radius:50%;background:radial-gradient(circle,transparent 52%,rgba(66,232,208,.08));box-shadow:0 0 28px rgba(66,232,208,.18);opacity:.55;animation:focus-narrow 4.2s ease-in-out infinite}.story-frame[data-story-motion="focus-narrow"] .frame-fx i:nth-child(1){left:39%;top:20%}.story-frame[data-story-motion="focus-narrow"] .frame-fx i:nth-child(2){left:62%;top:39%;animation-delay:-1.4s}.story-frame[data-story-motion="focus-narrow"] .frame-fx i:nth-child(3){left:76%;top:16%;animation-delay:-2.8s}
.story-frame[data-story-motion="question-search"] .frame-fx i{width:22vw;height:22vw;border:1px dashed rgba(255,189,104,.5);border-radius:50%;box-shadow:inset 0 0 28px rgba(255,189,104,.08),0 0 26px rgba(255,189,104,.12);opacity:.5;animation:question-search 5.4s linear infinite}.story-frame[data-story-motion="question-search"] .frame-fx i:nth-child(1){left:29%;top:16%}.story-frame[data-story-motion="question-search"] .frame-fx i:nth-child(2){left:55%;top:36%;animation-direction:reverse;animation-delay:-1.8s}.story-frame[data-story-motion="question-search"] .frame-fx i:nth-child(3){left:71%;top:11%;animation-delay:-3.6s}
.story-frame[data-story-motion="audit-gap"] .frame-fx i{width:7vw;height:17vh;border:1px solid rgba(66,232,208,.4);background:linear-gradient(180deg,rgba(66,232,208,.12),rgba(255,79,101,.08));box-shadow:0 0 26px rgba(66,232,208,.15);opacity:.55;animation:audit-gap 3.2s ease-in-out infinite}.story-frame[data-story-motion="audit-gap"] .frame-fx i:nth-child(1){left:43%;top:17%}.story-frame[data-story-motion="audit-gap"] .frame-fx i:nth-child(2){left:60%;top:34%;border-color:rgba(255,189,104,.52);animation-delay:-1.05s}.story-frame[data-story-motion="audit-gap"] .frame-fx i:nth-child(3){left:76%;top:14%;border-color:rgba(255,79,101,.6);animation-delay:-2.1s}
.story-frame[data-story-motion="old-world-break"] .frame-fx i{width:11vw;height:8vw;border:1px solid rgba(255,79,101,.48);border-radius:3px;background:linear-gradient(135deg,rgba(255,79,101,.12),transparent);box-shadow:0 0 24px rgba(255,79,101,.18);opacity:.58;animation:old-world-break 3.4s ease-in infinite}.story-frame[data-story-motion="old-world-break"] .frame-fx i:nth-child(1){left:29%;top:20%;transform:rotate(-12deg)}.story-frame[data-story-motion="old-world-break"] .frame-fx i:nth-child(2){left:48%;top:44%;transform:rotate(16deg);animation-delay:-1.1s}.story-frame[data-story-motion="old-world-break"] .frame-fx i:nth-child(3){left:68%;top:24%;transform:rotate(-7deg);animation-delay:-2.2s}
.story-frame[data-story-motion="survival-audit"] .frame-fx i{width:13vw;height:13vw;border:2px solid var(--story-amber);border-radius:50%;background:radial-gradient(circle,rgba(255,189,104,.12),transparent 67%);box-shadow:0 0 32px rgba(255,189,104,.24),inset 0 0 22px rgba(66,232,208,.08);opacity:.62;animation:survival-audit 4.2s ease-in-out infinite}.story-frame[data-story-motion="survival-audit"] .frame-fx i:nth-child(1){left:32%;top:16%}.story-frame[data-story-motion="survival-audit"] .frame-fx i:nth-child(2){left:54%;top:39%;animation-delay:-1.4s}.story-frame[data-story-motion="survival-audit"] .frame-fx i:nth-child(3){left:74%;top:17%;animation-delay:-2.8s}
@keyframes scope-seal{0%,100%{transform:rotate(-20deg) scale(.76);opacity:.15}50%{transform:rotate(20deg) scale(1.05);opacity:.65}}
@keyframes regression-crack{0%,100%{clip-path:inset(0 0 100%);opacity:.15}50%{clip-path:inset(0);opacity:.78}}
@keyframes focus-narrow{0%,100%{transform:scale(.72);opacity:.16}50%{transform:scale(1.08);opacity:.68}}@keyframes question-search{to{transform:rotate(360deg)}}@keyframes audit-gap{0%,100%{transform:translateY(9px);filter:brightness(.72);opacity:.2}50%{transform:translateY(-8px);filter:brightness(1.25);opacity:.74}}
@keyframes old-world-break{0%{transform:translateY(-8px) rotate(-8deg);opacity:.58}100%{transform:translateY(42px) rotate(19deg);opacity:0}}
@keyframes survival-audit{0%,100%{transform:scale(.72);opacity:.2}50%{transform:scale(1.08);opacity:.74}}
.story-frame[data-story-sequence^="7-"] .rain-canvas{opacity:.014}
.story-frame[data-story-motion="awakening-shell"] .frame-fx i{width:12vw;height:19vw;border:1px solid rgba(255,189,104,.5);border-radius:50%;background:radial-gradient(ellipse,rgba(255,189,104,.16),transparent 66%);box-shadow:0 0 38px rgba(255,189,104,.23);opacity:.58;animation:awakening-shell 3.9s ease-in-out infinite}.story-frame[data-story-motion="awakening-shell"] .frame-fx i:nth-child(1){left:34%;top:17%}.story-frame[data-story-motion="awakening-shell"] .frame-fx i:nth-child(2){left:56%;top:34%;animation-delay:-1.3s}.story-frame[data-story-motion="awakening-shell"] .frame-fx i:nth-child(3){left:76%;top:12%;animation-delay:-2.6s}
.story-frame[data-story-motion="behavior-shield"] .frame-fx i{width:20vw;height:20vw;border:2px solid var(--story-amber);border-radius:50%;background:radial-gradient(circle,rgba(255,189,104,.1),transparent 72%);box-shadow:0 0 40px rgba(255,189,104,.24),inset 0 0 30px rgba(255,189,104,.08);opacity:.58;animation:behavior-shield 4.8s ease-in-out infinite}.story-frame[data-story-motion="behavior-shield"] .frame-fx i:nth-child(1){left:28%;top:18%}.story-frame[data-story-motion="behavior-shield"] .frame-fx i:nth-child(2){left:51%;top:34%;animation-delay:-1.6s}.story-frame[data-story-motion="behavior-shield"] .frame-fx i:nth-child(3){left:70%;top:12%;animation-delay:-3.2s}
.story-frame[data-story-motion="impact-trace"] .frame-fx i{width:29vw;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--story-amber),#fff,transparent);box-shadow:0 0 22px var(--story-amber);opacity:.72;animation:impact-trace 2.9s ease-in-out infinite}.story-frame[data-story-motion="impact-trace"] .frame-fx i:nth-child(1){left:24%;top:29%;transform:rotate(17deg)}.story-frame[data-story-motion="impact-trace"] .frame-fx i:nth-child(2){left:43%;top:48%;transform:rotate(-14deg);animation-delay:-.95s}.story-frame[data-story-motion="impact-trace"] .frame-fx i:nth-child(3){left:65%;top:24%;transform:rotate(24deg);animation-delay:-1.9s}
.story-frame[data-story-motion="proof-gate"] .frame-fx i{width:8vw;height:12vw;border:1px solid rgba(66,232,208,.52);border-radius:8px;background:linear-gradient(145deg,rgba(66,232,208,.13),rgba(255,189,104,.08));box-shadow:0 0 30px rgba(66,232,208,.2);opacity:.58;animation:proof-gate 3.5s ease-in-out infinite}.story-frame[data-story-motion="proof-gate"] .frame-fx i:nth-child(1){left:37%;top:19%}.story-frame[data-story-motion="proof-gate"] .frame-fx i:nth-child(2){left:57%;top:38%;border-color:var(--story-amber);animation-delay:-1.15s}.story-frame[data-story-motion="proof-gate"] .frame-fx i:nth-child(3){left:76%;top:14%;border-color:var(--story-red);opacity:.25;animation-delay:-2.3s}
@keyframes awakening-shell{0%,100%{transform:scale(.74);filter:brightness(.75);opacity:.18}50%{transform:scale(1.08);filter:brightness(1.25);opacity:.72}}
@keyframes behavior-shield{0%,100%{transform:scale(.86);opacity:.28}50%{transform:scale(1.04);opacity:.7}}
@keyframes impact-trace{0%{background-size:30% 100%;opacity:.15}50%{opacity:.84}100%{background-size:130% 100%;opacity:.18}}
@keyframes proof-gate{0%,100%{transform:translateY(10px);filter:brightness(.7);opacity:.22}50%{transform:translateY(-7px);filter:brightness(1.25);opacity:.72}}
.story-frame[data-story-sequence^="8-"] .rain-canvas{opacity:.01}
.story-frame[data-story-motion="product-core"] .frame-fx i{width:13vw;height:13vw;border:2px solid var(--story-amber);border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(255,189,104,.18),transparent,rgba(66,232,208,.12),transparent);box-shadow:0 0 42px rgba(255,189,104,.25);opacity:.62;animation:product-core 4.2s linear infinite}.story-frame[data-story-motion="product-core"] .frame-fx i:nth-child(1){left:35%;top:20%}.story-frame[data-story-motion="product-core"] .frame-fx i:nth-child(2){left:55%;top:38%;animation-delay:-1.4s}.story-frame[data-story-motion="product-core"] .frame-fx i:nth-child(3){left:75%;top:16%;animation-delay:-2.8s}
.story-frame[data-story-motion="impact-scan"] .frame-fx i{width:17vw;height:17vw;border:1px solid rgba(255,189,104,.58);border-radius:50%;background:radial-gradient(circle,rgba(255,189,104,.14),transparent 68%);box-shadow:0 0 32px rgba(255,189,104,.22);opacity:.68;animation:impact-scan 3s ease-out infinite}.story-frame[data-story-motion="impact-scan"] .frame-fx i:nth-child(1){left:28%;top:18%}.story-frame[data-story-motion="impact-scan"] .frame-fx i:nth-child(2){left:51%;top:39%;animation-delay:-1s}.story-frame[data-story-motion="impact-scan"] .frame-fx i:nth-child(3){left:73%;top:15%;animation-delay:-2s}
.story-frame[data-story-motion="evidence-prism"] .frame-fx i{width:7vw;height:12vw;border:1px solid rgba(66,232,208,.55);border-radius:50% 50% 8px 8px;background:linear-gradient(145deg,rgba(66,232,208,.13),rgba(255,255,255,.04));box-shadow:0 0 28px rgba(66,232,208,.18);opacity:.58;animation:evidence-prism 3.6s ease-in-out infinite}.story-frame[data-story-motion="evidence-prism"] .frame-fx i:nth-child(1){left:34%;top:16%}.story-frame[data-story-motion="evidence-prism"] .frame-fx i:nth-child(2){left:55%;top:39%;border-color:var(--story-amber);animation-delay:-1.2s}.story-frame[data-story-motion="evidence-prism"] .frame-fx i:nth-child(3){left:75%;top:13%;border-color:var(--story-red);animation-delay:-2.4s}
.story-frame[data-story-motion="restore-whole"] .frame-fx i{width:27vw;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--story-amber),#fff,var(--story-mint));box-shadow:0 0 24px rgba(66,232,208,.38);opacity:.68;animation:restore-whole 3.4s ease-in-out infinite}.story-frame[data-story-motion="restore-whole"] .frame-fx i:nth-child(1){left:23%;top:31%}.story-frame[data-story-motion="restore-whole"] .frame-fx i:nth-child(2){left:45%;top:49%;animation-delay:-1.1s}.story-frame[data-story-motion="restore-whole"] .frame-fx i:nth-child(3){left:67%;top:22%;animation-delay:-2.2s}
@keyframes product-core{to{transform:rotate(360deg) scale(1.04)}}
@keyframes impact-scan{0%{transform:scale(.35);opacity:.72}100%{transform:scale(1.35);opacity:0}}
@keyframes evidence-prism{0%,100%{transform:translateY(9px);filter:brightness(.75);opacity:.22}50%{transform:translateY(-7px);filter:brightness(1.28);opacity:.72}}
@keyframes restore-whole{0%,100%{transform:scaleX(.45);opacity:.18}50%{transform:scaleX(1.08);opacity:.82}}
.story-final-form{margin-top:.85rem;max-width:520px;padding:.8rem;border:1px solid rgba(244,223,196,.28);border-radius:16px;background:rgba(4,15,20,.78);backdrop-filter:blur(14px);box-shadow:0 18px 48px rgba(0,0,0,.35)}.story-final-form[hidden]{display:none}.story-final-form strong{display:block;margin-bottom:.55rem;color:#fff2df;font-size:.95rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.story-final-form .signup-copy{margin:0 0 .7rem;color:#d9e8e5;font-size:.82rem;line-height:1.42}.story-final-form>div{display:flex;gap:.55rem}.story-final-form input{min-width:0;flex:1;border:1px solid rgba(244,223,196,.27);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;padding:.7rem .8rem}.story-final-form button{border:0;border-radius:10px;background:var(--story-mint);color:#03201c;font-weight:950;letter-spacing:.04em;padding:.7rem 1rem}.story-final-form .form-note{margin:.45rem 0 0;color:#cbd8d6;font-size:.7rem;line-height:1.3}
.story-shell.final-frame .story-frame[data-mellow-video="cyberpunk-title"] .story-copy{z-index:16;top:auto;bottom:clamp(86px,10vh,125px);width:min(510px,38vw);transform:none;opacity:1!important;pointer-events:auto}.story-shell.final-frame .story-frame[data-mellow-video="cyberpunk-title"] .mellow-video-caption{bottom:clamp(285px,34vh,350px)}.story-shell.final-frame .story-counter,.story-shell.final-frame .chapter-title,.story-shell.final-frame .beat-card{display:none}.story-shell.final-frame .story-final-form{position:relative;margin:0;border-color:rgba(88,255,226,.48);background:linear-gradient(140deg,rgba(3,23,30,.96),rgba(4,13,21,.91));box-shadow:0 18px 56px rgba(0,0,0,.52),0 0 30px rgba(66,232,208,.12);animation:signup-float 3.6s ease-in-out infinite}.story-shell.final-frame .story-final-form:before{content:'↓';position:absolute;z-index:2;right:22px;top:-17px;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(88,255,226,.72);border-radius:50%;background:#06252a;color:#78ffe8;font-size:1.1rem;font-weight:950;box-shadow:0 0 22px rgba(88,255,226,.35);animation:signup-pointer 1.5s ease-in-out infinite}@keyframes signup-float{0%,100%{transform:translateY(0);box-shadow:0 18px 56px rgba(0,0,0,.52),0 0 22px rgba(66,232,208,.1)}50%{transform:translateY(-5px);box-shadow:0 24px 64px rgba(0,0,0,.56),0 0 42px rgba(66,232,208,.26)}}@keyframes signup-pointer{0%,100%{transform:translateY(-2px);opacity:.72}50%{transform:translateY(5px);opacity:1}}
.story-controls{z-index:20;bottom:3.2vh}.story-hint{display:none}.story-sound{display:inline-flex;align-items:center;gap:.42rem;border:1px solid rgba(66,232,208,.32);border-radius:999px;background:rgba(2,8,13,.58);color:#c8d8d6;padding:.48rem .7rem;font:inherit;font-size:.68rem;letter-spacing:.05em;cursor:pointer}.story-sound span{color:var(--story-mint)}.story-sound b{font-weight:750}.story-sound[aria-pressed="true"]{border-color:var(--story-mint);color:#fff;box-shadow:0 0 18px rgba(66,232,208,.16)}.round[disabled]{opacity:.3;cursor:not-allowed}
@media(min-width:901px){.story-page[data-story-chapter] .story-controls{top:auto;bottom:clamp(14px,2vh,24px)}}
.round[data-auto]{position:relative;width:48px;height:48px;border-color:rgba(244,223,196,.4);background:rgba(244,223,196,.09);color:#fff4e3;font-size:.92rem}.story-auto-playing .round[data-auto]{border-color:var(--story-mint);background:rgba(66,232,208,.12);color:var(--story-mint);box-shadow:0 0 22px rgba(66,232,208,.16)}.story-auto-playing .round[data-auto]:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(66,232,208,.3);border-radius:50%;animation:auto-pulse 2s ease-in-out infinite}@keyframes auto-pulse{50%{transform:scale(1.08);opacity:.35}}
.audio-welcome{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 36%,rgba(21,89,84,.34),transparent 38%),rgba(1,7,11,.82);backdrop-filter:blur(18px);opacity:0;transition:opacity .45s ease}.audio-welcome.is-visible{opacity:1}.audio-welcome-card{position:relative;width:min(520px,100%);overflow:hidden;border:1px solid rgba(91,255,230,.34);border-radius:30px;padding:38px 38px 32px;text-align:center;background:linear-gradient(150deg,rgba(11,31,38,.97),rgba(3,13,19,.98));box-shadow:0 30px 90px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.08)}.audio-welcome-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(66,232,208,.08) 48%,transparent 72%);transform:translateX(-70%);animation:audio-sheen 4s ease-in-out infinite}.audio-orbit{position:relative;display:grid;place-items:center;width:112px;height:112px;margin:0 auto 22px;border:1px solid rgba(66,232,208,.32);border-radius:50%;box-shadow:0 0 48px rgba(66,232,208,.16)}.audio-orbit:before,.audio-orbit:after,.audio-orbit i{content:"";position:absolute;border:1px solid rgba(66,232,208,.2);border-radius:50%}.audio-orbit:before{inset:12px}.audio-orbit:after{inset:25px}.audio-orbit i:first-child{inset:-10px;border-style:dashed;animation:audio-spin 12s linear infinite}.audio-orbit i:nth-child(2){width:8px;height:8px;right:6px;top:15px;border:0;background:var(--story-mint);box-shadow:0 0 18px var(--story-mint)}.audio-orbit span{position:relative;z-index:2;color:var(--story-mint);font-size:2rem;text-shadow:0 0 22px rgba(66,232,208,.8)}.audio-kicker{margin:0 0 10px;color:var(--story-mint);font-size:.66rem;font-weight:900;letter-spacing:.2em}.audio-welcome h2{max-width:420px;margin:0 auto 14px;color:#fff6e8;font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.audio-copy{max-width:430px;margin:0 auto 25px;color:#c6d7d5;font-size:.97rem;line-height:1.55;text-wrap:pretty}.audio-actions{display:flex;justify-content:center;gap:10px}.audio-actions button{min-height:48px;border-radius:999px;padding:0 21px;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer}.audio-enable{border:0;background:var(--story-mint);color:#03231f;box-shadow:0 0 26px rgba(66,232,208,.22)}.audio-skip{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#e5efed}.audio-actions button:focus-visible{outline:2px solid #fff;outline-offset:3px}.audio-note{display:block;margin-top:17px;color:#79918f;font-size:.68rem}.audio-welcome-card button:hover{transform:translateY(-1px)}@keyframes audio-spin{to{transform:rotate(360deg)}}@keyframes audio-sheen{50%,100%{transform:translateX(80%)}}
.audio-mixer[hidden]{display:none}.audio-mixer{position:absolute;z-index:110;top:calc(100% + 12px);right:118px;width:290px;padding:17px;border:1px solid rgba(66,232,208,.28);border-radius:20px;background:linear-gradient(150deg,rgba(7,25,31,.98),rgba(2,11,16,.98));box-shadow:0 22px 60px rgba(0,0,0,.62);color:#eef8f6}.audio-mixer:before{content:"";position:absolute;top:-7px;right:25px;width:12px;height:12px;border-left:1px solid rgba(66,232,208,.28);border-top:1px solid rgba(66,232,208,.28);background:#07191f;transform:rotate(45deg)}.audio-mixer-head,.mixer-label{display:flex;align-items:center;justify-content:space-between}.audio-mixer-head{margin-bottom:15px;color:var(--story-mint);font-size:.64rem;letter-spacing:.16em}.audio-mixer-close{border:0;background:transparent;color:#c8d8d6;font-size:1.35rem;line-height:1;cursor:pointer}.audio-mixer label{display:block;margin:0 0 14px}.mixer-label{margin-bottom:7px;font-size:.72rem}.mixer-label b{font-weight:750}.mixer-label output{color:var(--story-mint);font-variant-numeric:tabular-nums}.audio-mixer input[type="range"]{width:100%;height:4px;accent-color:var(--story-mint);cursor:pointer}.story-audio-note{margin:-5px 0 13px;color:#78918e;font-size:.62rem;line-height:1.35}.audio-master{width:100%;min-height:38px;border:1px solid rgba(66,232,208,.3);border-radius:999px;background:rgba(66,232,208,.08);color:#dffbf6;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.audio-master:hover{background:rgba(66,232,208,.14)}
.story-shell:after{content:"";position:absolute;z-index:40;inset:0;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 0 40%,rgba(244,223,196,.15) 48%,rgba(0,0,0,.92) 50%,transparent 60%);transform:translateX(-115%) skewX(-7deg)}.story-shell.turn-next:after{animation:page-turn-next .78s cubic-bezier(.7,0,.2,1)}.story-shell.turn-prev:after{animation:page-turn-prev .78s cubic-bezier(.7,0,.2,1)}
@keyframes story-drift{0%{transform:translate3d(-10px,10px,0) scale(.6);opacity:.12}60%{opacity:.7}100%{transform:translate3d(28px,-38px,0) scale(1.3);opacity:.2}}@keyframes bubble-breathe{50%{transform:translateY(-3px) rotate(-.3deg)}}@keyframes coat-arrive{0%{opacity:0;transform:translateY(12%) scale(.82)}45%{opacity:1;transform:translateY(-2%) scale(1.03)}100%{opacity:1;transform:none}}@keyframes page-turn-next{0%{opacity:0;transform:translateX(-115%) skewX(-7deg)}45%{opacity:1}100%{opacity:0;transform:translateX(115%) skewX(-7deg)}}@keyframes page-turn-prev{0%{opacity:0;transform:translateX(115%) skewX(7deg)}45%{opacity:1}100%{opacity:0;transform:translateX(-115%) skewX(7deg)}}
@media(max-width:900px){
  .story-page,.story-shell{min-height:560px}.story-top{height:62px;padding:0 15px}.story-progress{top:61px}.story-link-small,.story-tools .button.small{display:none}.brand>span:last-child{display:none}.brand{font-size:1rem}.story-tools{gap:.42rem}.story-sound{width:32px;height:32px;padding:.4rem;justify-content:center}.story-sound b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .frame-picture img{object-position:center top}.frame-shade{background:linear-gradient(180deg,rgba(2,8,13,.02) 0 43%,rgba(2,8,13,.36) 54%,#02080d 66%,#02080d 100%)}.rain-canvas{bottom:38%;height:62%}
  .story-frame[data-action="opening-2"] .frame-picture img{object-position:68% top}.story-frame[data-action="opening-3"] .frame-picture img{object-position:72% top}.story-frame[data-action="opening-4"] .frame-picture img{object-position:70% top}.story-frame[data-action="opening-3"] .chapter-title,.story-frame[data-action="opening-4"] .chapter-title{font-size:clamp(1.05rem,4.7vw,1.45rem)}
  .story-frame[data-story-sequence^="2-"] .frame-picture img{height:66%;object-fit:cover}.story-frame[data-story-sequence^="2-"] .frame-shade{background:linear-gradient(180deg,rgba(2,8,13,.02) 0 38%,rgba(2,8,13,.4) 51%,#02080d 64%,#02080d 100%)}
  .story-frame[data-story-sequence="2-3"] .chapter-title,.story-frame[data-story-sequence="2-4"] .chapter-title{font-size:clamp(1.05rem,4.55vw,1.38rem);max-width:24ch}
  .story-frame[data-story-sequence^="2-"] .comic-bubble{max-width:calc(100vw - 32px)}.story-frame[data-story-sequence^="2-"] .story-copy{bottom:max(70px,calc(env(safe-area-inset-bottom) + 58px))}
  .story-frame[data-story-motion="maze-grow"] .frame-fx i{width:28vw;height:28vw}.story-frame[data-story-motion="memory-barrier"] .frame-fx i{width:22vw;height:22vw}.story-frame[data-story-motion="context-loop"] .frame-fx i{width:52vw;height:20vw}
  .story-frame[data-story-sequence^="3-"] .frame-picture img{height:66%;object-fit:cover}.story-frame[data-story-sequence^="3-"] .frame-shade{background:linear-gradient(180deg,rgba(2,8,13,.02) 0 39%,rgba(2,8,13,.36) 54%,#02080d 68%,#02080d 100%)}
  .story-frame[data-story-motion="memory-body"] .frame-fx i{width:24vw;height:24vw}.story-frame[data-story-motion="mind-connect"] .frame-fx i{height:25vh}.story-frame[data-story-motion="continuity-thread"] .frame-fx i{width:42vw}
  .story-frame[data-story-sequence^="4-"] .frame-picture img{height:66%;object-fit:cover}.story-frame[data-story-sequence^="4-"] .frame-shade{background:linear-gradient(180deg,rgba(2,8,13,.02) 0 39%,rgba(2,8,13,.38) 53%,#02080d 67%,#02080d 100%)}.story-frame[data-story-sequence^="4-"] .story-copy{bottom:max(70px,calc(env(safe-area-inset-bottom) + 58px))}
  .story-frame[data-story-sequence="4-1"] .chapter-title,.story-frame[data-story-sequence="4-3"] .chapter-title,.story-frame[data-story-sequence="4-4"] .chapter-title{font-size:clamp(1.02rem,4.45vw,1.34rem);max-width:25ch}.story-frame[data-story-motion="problems-reveal"] .frame-fx i{width:20vw;height:34vw}.story-frame[data-story-motion="success-failure"] .frame-fx i{width:27vw;height:27vw}.story-frame[data-story-motion="context-recovery"] .frame-fx i{height:23vh}.story-frame[data-story-motion="apc-build"] .frame-fx i{width:29vw;height:14vw}
  .story-frame[data-story-sequence^="5-"] .frame-picture img{height:66%;object-fit:cover}.story-frame[data-story-sequence^="5-"] .frame-shade{background:linear-gradient(180deg,rgba(2,8,13,.01) 0 39%,rgba(2,8,13,.38) 52%,#02080d 67%,#02080d 100%)}.story-frame[data-story-sequence^="5-"] .story-copy{bottom:max(70px,calc(env(safe-area-inset-bottom) + 58px))}.story-frame[data-story-sequence^="5-"] .chapter-title{font-size:clamp(1rem,4.35vw,1.31rem);max-width:27ch}
  .story-frame[data-story-motion="platform-sprawl"] .frame-fx i{width:21vw;height:21vw}.story-frame[data-story-motion="towers-ignite"] .frame-fx i{height:27vh}.story-frame[data-story-motion="release-race"] .frame-fx i{width:52vw}.story-frame[data-story-motion="choose-focus"] .frame-fx i{width:48vw}
  .story-frame[data-story-sequence^="6-"] .frame-picture img{height:66%;object-fit:cover}.story-frame[data-story-sequence^="6-"] .frame-shade{background:linear-gradient(180deg,rgba(2,8,13,.01) 0 39%,rgba(2,8,13,.4) 53%,#02080d 67%,#02080d 100%)}.story-frame[data-story-sequence^="6-"] .story-copy{bottom:max(70px,calc(env(safe-area-inset-bottom) + 58px))}.story-frame[data-story-sequence^="6-"] .chapter-title{font-size:clamp(.98rem,4.2vw,1.28rem);max-width:28ch}
  .story-frame[data-story-motion="scope-seal"] .frame-fx i{width:31vw;height:31vw}.story-frame[data-story-motion="regression-crack"] .frame-fx i{height:24vh}.story-frame[data-story-motion="old-world-break"] .frame-fx i{width:24vw;height:17vw}.story-frame[data-story-motion="survival-audit"] .frame-fx i{width:25vw;height:25vw}
  .story-frame[data-story-sequence^="7-"] .frame-picture img{height:66%;object-fit:cover}.story-frame[data-story-sequence^="7-"] .frame-shade{background:linear-gradient(180deg,rgba(2,8,13,.01) 0 39%,rgba(2,8,13,.38) 52%,#02080d 67%,#02080d 100%)}.story-frame[data-story-sequence^="7-"] .story-copy{bottom:max(70px,calc(env(safe-area-inset-bottom) + 58px))}.story-frame[data-story-sequence^="7-"] .chapter-title{font-size:clamp(.96rem,4.08vw,1.24rem);max-width:29ch}
  .story-frame[data-story-motion="awakening-shell"] .frame-fx i{width:24vw;height:38vw}.story-frame[data-story-motion="behavior-shield"] .frame-fx i{width:34vw;height:34vw}.story-frame[data-story-motion="impact-trace"] .frame-fx i{width:50vw}.story-frame[data-story-motion="proof-gate"] .frame-fx i{width:18vw;height:27vw}
  .story-frame[data-story-sequence^="8-"] .frame-picture img{height:66%;object-fit:cover}.story-frame[data-story-sequence^="8-"] .frame-shade{background:linear-gradient(180deg,rgba(2,8,13,.01) 0 39%,rgba(2,8,13,.38) 52%,#02080d 67%,#02080d 100%)}.story-frame[data-story-sequence^="8-"] .story-copy{bottom:max(70px,calc(env(safe-area-inset-bottom) + 58px))}.story-frame[data-story-sequence^="8-"] .chapter-title{font-size:clamp(.94rem,3.98vw,1.21rem);max-width:30ch}
  .story-frame[data-story-motion="product-core"] .frame-fx i{width:27vw;height:27vw}.story-frame[data-story-motion="impact-scan"] .frame-fx i{width:31vw;height:31vw}.story-frame[data-story-motion="evidence-prism"] .frame-fx i{width:16vw;height:28vw}.story-frame[data-story-motion="restore-whole"] .frame-fx i{width:48vw}
  .comic-bubble{left:16px;right:16px;top:74px;width:min(290px,74vw);padding:.66rem .78rem .72rem;border-radius:15px 15px 15px 4px}.comic-bubble b{font-size:.53rem;margin-bottom:.26rem}.comic-bubble p{font-size:clamp(.72rem,3.05vw,.86rem);line-height:1.27}.comic-bubble:after{left:17px;bottom:-12px;border-width:7px}
  .coat-actor{right:-4%;bottom:38%;width:82vw;height:51%;object-position:right bottom}
  .story-copy{left:16px;right:16px;bottom:70px;width:auto;height:calc(38% - 58px);display:flex;flex-direction:column;justify-content:center}.story-counter{font-size:.54rem;letter-spacing:.1em}.story-counter:after{width:34px}.chapter-title{max-width:100%;margin:.42rem 0 .5rem;font-size:clamp(1.2rem,5.4vw,1.82rem);line-height:1.01;letter-spacing:-.025em}.beat-card{max-width:none;padding:0 0 0 .68rem}.beat-card p{font-size:clamp(.68rem,2.85vw,.82rem);line-height:1.34}
  .story-final-form{margin-top:.45rem;padding:.5rem;border-radius:12px}.story-final-form strong{margin-bottom:.35rem;font-size:.76rem}.story-final-form .signup-copy{margin-bottom:.45rem;font-size:.7rem;line-height:1.35}.story-final-form>div{gap:.35rem}.story-final-form input,.story-final-form button{padding:.5rem .58rem;font-size:.68rem}.story-final-form .form-note{display:none}.story-shell.final-frame .story-frame[data-mellow-video="cyberpunk-title"] .story-copy{left:16px;right:16px;bottom:max(74px,calc(env(safe-area-inset-bottom) + 56px));width:auto}.story-shell.final-frame .story-frame[data-mellow-video="cyberpunk-title"] .mellow-video-caption{top:max(88px,calc(env(safe-area-inset-top) + 54px));bottom:auto}
  .story-controls{left:16px;right:16px;bottom:max(14px,env(safe-area-inset-bottom))}.round{width:42px;height:42px}
  .audio-welcome{padding:16px}.audio-welcome-card{padding:27px 18px 23px;border-radius:23px}.audio-orbit{width:86px;height:86px;margin-bottom:17px}.audio-welcome h2{font-size:clamp(1.55rem,8vw,2rem)}.audio-copy{font-size:.84rem;margin-bottom:20px}.audio-actions{flex-direction:column}.audio-actions button{width:100%}.audio-note{margin-top:13px}
  .audio-mixer{position:fixed;top:70px;left:12px;right:12px;width:auto}.audio-mixer:before{right:102px}
}
@media(max-width:380px){.comic-bubble{width:75vw}.comic-bubble p{font-size:.7rem}.chapter-title{font-size:1.14rem}.beat-card p{font-size:.66rem}.story-final-form button{padding-inline:.45rem}}
@media(prefers-reduced-motion:reduce){.frame-fx i,.comic-bubble,.coat-actor,.story-shell:after,.audio-welcome-card:before,.audio-orbit i,.round[data-auto]:after,.story-frame[data-action^="opening-"] .frame-picture img,.story-shell.final-frame .story-final-form,.story-shell.final-frame .story-final-form:before{animation:none!important}.frame-picture img{transform:none!important}}