@charset "UTF-8";
/* Repair the regression: the legacy directing selector must never reveal the stale film. */
.storyScreen:not([data-kind=final]) #storyVideo,.storyScreen[data-kind=directing] #storyVideo{display:none!important;visibility:hidden!important}.storyScreen[data-kind=final] #storyVideo{display:block!important;visibility:visible!important}.projectAssetStage[hidden]{display:none!important}.storyScreen[data-kind=directing] .projectAssetStage{z-index:2;display:block!important;visibility:visible}.storyScreen[data-kind=directing] .projectAssetFrame{inset:4% 3% 17%;z-index:0}.storyScreen[data-kind=directing] .projectAssetFrame>img{object-fit:contain}.storyScreen[data-kind=directing] .assetCaption{z-index:4}
/* Fast, dense convergence, with a handful of readable story words lifted out. */
.scriptWords>span,.assetWords>span{animation-duration:var(--wordDuration,3s);animation-timing-function:cubic-bezier(.22,.04,.28,1)}.scriptWords>span{font-size:14px;letter-spacing:2px;color:#438fab70}.scriptWords>span:nth-child(4n){font-size:11px}.scriptWords>span.featuredWord{font-size:clamp(22px,2.8vw,43px);font-weight:300;letter-spacing:5px;color:#2183a4d1;-webkit-text-fill-color:initial;-webkit-text-stroke:0;text-shadow:0 0 30px #75c7e872;z-index:3}.scriptKeywords{position:absolute;inset:15% 0 25%;pointer-events:none}.scriptKeywords>span{position:absolute;left:18%;top:5%;font-size:32px;font-family:"KaiTi","STKaiti",serif;letter-spacing:8px;color:#4886a84d;animation:keywordFlash 2.4s ease-in-out infinite}.scriptKeywords>span:nth-child(2){left:auto;right:8%;top:39%;font-size:42px;animation-delay:-.8s}.scriptKeywords>span:nth-child(3){left:12%;top:75%;font-size:26px;animation-delay:-1.6s}.scriptCore>span{font-size:22px}.scriptCore i{animation-duration:3.2s}.scriptQuote{font-size:17px;bottom:16%;color:#427f9d;background:radial-gradient(#eefaff9c,transparent);padding:12px}
@keyframes keywordFlash{0%,100%{opacity:.08;filter:blur(3px);transform:translateY(9px) scale(.95)}40%,60%{opacity:.85;filter:none;transform:translateY(-4px) scale(1.05)}}
/* Original reference + a sculptural foreground close-up + a cast of supporting roles. */
.storyScreen[data-kind=character] .projectAssetFrame{inset:7% 40% 31% 3%;transform:perspective(1200px) rotateY(9deg) rotate(-3deg);opacity:.7}.storyScreen[data-kind=character] .projectAssetFrame>img{object-fit:contain}.characterSculpture{position:absolute;right:2%;top:2%;width:56%;height:82%;display:none;z-index:2;isolation:isolate;perspective:900px}.storyScreen[data-kind=character] .characterSculpture{display:block}.characterSculpture>img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:50% 30%;transform:rotateX(var(--portraitRX,0deg)) rotateY(var(--portraitRY,0deg));transform-origin:50% 75%;transition:transform .5s ease-out,filter .5s;filter:drop-shadow(0 18px 25px #23587832);mask-image:linear-gradient(#000 86%,transparent);pointer-events:none}.characterSculpture>img.sheetPortrait{object-fit:cover;object-position:0% 12%;border-radius:45% 45% 8px 8px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}.characterSculpture>span{position:absolute;right:5%;top:4%;font-size:6px;letter-spacing:2px;color:#729eb1;writing-mode:vertical-rl}.portraitHalo{position:absolute;width:80%;height:65%;left:10%;top:10%;border:1px solid #8dc4d747;border-radius:50%;background:radial-gradient(#b9eaf44d,transparent 70%);transform:rotateY(35deg);box-shadow:0 0 50px #81cde61c;z-index:-1}.portraitHalo:after{content:"";position:absolute;inset:15%;border:1px dashed #81bbce4d;border-radius:50%}.storyScreen[data-kind=character] .assetCaption{bottom:31%;left:5%;width:44%;z-index:4;background:#f2fcffe0}.storyScreen[data-kind=character] .assetWords{z-index:3;opacity:.4}.storyScreen[data-kind=character] .assetWords>span{font-size:13px}.storyScreen[data-kind=character] #voiceToggle{bottom:29%;right:6%;font-size:9px;z-index:6}.characterRail{position:absolute;left:3%;right:3%;bottom:13%;height:15%;display:none;gap:7px;align-items:end;z-index:5}.storyScreen[data-kind=character] .characterRail{display:flex}.portraitChoice{flex:1;min-width:0;padding:0;position:relative;border:1px solid #a9d4e273;background:#effaffbc;border-radius:3px 12px 3px 12px;overflow:hidden;height:85%;transition:height .35s,box-shadow .35s,transform .35s;box-shadow:0 6px 12px #28617e13}.portraitChoice img{display:block;width:100%;height:calc(100% - 22px);object-fit:cover;object-position:10% 10%;pointer-events:none}.portraitChoice>span{display:block;white-space:nowrap;font-size:8px;padding:5px 2px;text-align:center;color:#467e97}.portraitChoice:nth-child(even){transform:translateY(-7px)}.portraitChoice[aria-pressed=true],.portraitChoice:hover,.portraitChoice:focus-visible{height:100%;box-shadow:0 10px 25px #3b8bae38;border-color:#4ba8cd;z-index:2}.storyScreen[data-kind=character] .assetScan{animation-duration:3s}
/* Whole episode excerpts retain their rhythm; switching uses a defocus dissolve. */
#filmTransition{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse,#bfd9e263,#1634499c);backdrop-filter:blur(18px);opacity:0;transition:opacity .9s ease-in-out}.storyScreen.filmSwitch #filmTransition{opacity:1}.storyScreen[data-kind=final] #storyVideo{animation:none;transition:filter 1s ease,opacity 1s ease;filter:none;opacity:1}.storyScreen.filmSwitch #storyVideo{filter:blur(16px);opacity:.35}.finalModes{max-width:70%;flex-wrap:wrap;justify-content:end}.finalModes button{font-size:8px;padding:7px 10px}.finalModes [data-episode][aria-pressed=true]{border-color:#9bd7e8}
/* Explicit graph focus, large click targets and regular chapter-wheel navigation. */
.neural #neuralCanvas{position:relative;z-index:2;pointer-events:auto!important}.neural .graphHeading{pointer-events:none;z-index:3}.graphHint{font-size:9px;color:#588da6;letter-spacing:.5px}.neural .graphBranches{pointer-events:auto}#graphHover{font-size:12px;border-color:#35a8d4;box-shadow:0 0 0 4px #77cce51a,0 15px 45px #117ea845;color:#046e99}
/* Full-window floating campus media: all local, three muted looping live clips. */
.scene.campus{padding:0!important;overflow:hidden;background:radial-gradient(ellipse at 54% 48%,#d8edf8,#eef8ff 60%,#f8fcff)}.campus>.sectionTop{position:absolute!important;top:108px;left:5%;right:5%;margin:0;z-index:60!important;pointer-events:none}.campusWall{position:absolute!important;inset:100px 0 90px;z-index:2!important;perspective:1500px;isolation:isolate}.floatingMedia{position:absolute;left:var(--tileX);top:var(--tileY);width:var(--tileW);height:var(--tileH);min-height:95px;transform:translate(-50%,-50%) rotate(var(--tileTilt));border:0;padding:0;background:transparent;transition:filter .4s;animation:mediaFloat var(--floatTime) ease-in-out infinite;animation-delay:var(--floatDelay);cursor:pointer;transform-origin:center;will-change:transform}.floatingMediaBody{display:block;position:relative;width:100%;height:100%;border:1px solid #f5ffff;border-radius:5px 20px 5px 20px;background:#d8ecf5;box-shadow:0 20px 50px #2b63882e;overflow:hidden;transform:perspective(1000px) rotateX(var(--tileRX,0deg)) rotateY(var(--tileRY,0deg));transition:transform .5s,box-shadow .4s;isolation:isolate}.floatingMediaBody>img,.floatingMediaBody>video{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;transition:transform .7s,filter .7s}.floatingMediaCaption{position:absolute;left:0;right:0;bottom:0;padding:25px 14px 12px;background:linear-gradient(transparent,#102b42b8);color:#f0fcff;pointer-events:none;text-align:left}.floatingMediaCaption>b{font-size:15px;font-weight:400;letter-spacing:2px}.floatingMediaCaption>small{display:block;font-size:6px;letter-spacing:1px;color:#bce8f6;margin-top:7px}.floatingMedia[data-media-type=video] .floatingMediaBody:before{content:"";position:absolute;right:12px;top:12px;width:6px;height:6px;background:#abebd9;box-shadow:0 0 0 4px #a8e7d222,0 0 20px #8ae6da;border-radius:50%;z-index:2}.floatingMedia.mediaFocused{animation-play-state:paused;z-index:100!important}.floatingMedia.mediaFocused .floatingMediaBody{transform:scale(1.12) rotate(0deg);box-shadow:0 30px 80px #1d5a9166,0 0 0 2px #c6f2ff}.floatingMedia.mediaFocused img,.floatingMedia.mediaFocused video{transform:scale(1.025)}.campusWall.hasMediaFocus .floatingMedia:not(.mediaFocused){filter:saturate(.7) brightness(.97)}.campusWall.wallPaused .floatingMedia{animation-play-state:paused}.campusWallCopy{position:absolute!important;left:6%;top:20%;width:31%;z-index:65!important;pointer-events:none;text-shadow:0 1px 15px #f5fbff,0 1px 5px #f5fbff}.campusWallCopy:before{content:"";position:absolute;inset:-35px -50px;background:radial-gradient(ellipse,#edf8fff0,#edf8ff88 50%,transparent 74%);z-index:-1;pointer-events:none}.campusWallCopy h2{font-size:clamp(29px,3vw,49px);line-height:1.4;color:#205e7e}.campusWallCopy p{font-size:10px;line-height:1.9;color:#467e97;margin-top:20px;max-width:280px}.campusWallCopy small{font-size:7px;line-height:1.9;display:block;max-width:260px;margin-top:16px;color:#759aac}.campusWallNote{position:absolute!important;left:6%;bottom:102px;z-index:65!important;font-size:9px;color:#54879f;padding:8px 12px;background:#f2fbffb3;backdrop-filter:blur(8px);border-left:1px solid #81bcd4;pointer-events:none}
@keyframes mediaFloat{0%,100%{transform:translate(-50%,-50%) translateY(0) rotate(var(--tileTilt))}35%{transform:translate(-50%,-50%) translateY(-12px) rotate(calc(var(--tileTilt) + 1.2deg))}70%{transform:translate(-50%,-50%) translateY(7px) rotate(calc(var(--tileTilt) - .7deg))}}
@media(max-height:760px) and (min-width:801px){.scriptQuote{font-size:14px}.scriptKeywords>span{font-size:27px}.scriptKeywords>span:nth-child(2){font-size:35px}.scriptCore>span{font-size:18px}.portraitChoice>span{font-size:7px;padding:5px 1px}.characterRail{gap:5px;height:15%;bottom:13%}.storyScreen[data-kind=character] .assetCaption{padding:9px 12px}.storyScreen[data-kind=character] .assetCaption p{font-size:8px}.storyScreen[data-kind=character] .assetCaption h3{font-size:18px}.storyScreen[data-kind=character] #voiceToggle{font-size:8px;bottom:30%;padding:8px 10px}.campus>.sectionTop{top:100px}.campusWallCopy{top:23%}.campusWallCopy h2{font-size:36px}.campusWallCopy p{font-size:9px;margin-top:14px}.campusWallCopy small{font-size:6px;max-width:220px;margin-top:12px}.floatingMediaCaption{padding:22px 11px 10px}.floatingMediaCaption>b{font-size:13px}.floatingMediaCaption>small{font-size:5px}.campusWallNote{font-size:8px;bottom:95px}.campusWall{inset:105px 0 85px}.graphHint{font-size:8px}}
@media(max-width:800px){.scriptWords>span{font-size:11px;letter-spacing:1px}.scriptWords>span.featuredWord{font-size:25px;letter-spacing:3px}.scriptWords>span:nth-child(4n){font-size:9px}.scriptKeywords>span{font-size:23px;left:11%}.scriptKeywords>span:nth-child(2){font-size:30px;right:5%}.scriptKeywords>span:nth-child(3){font-size:20px;left:7%}.scriptCore>span{font-size:17px}.scriptQuote{font-size:12px;bottom:17%}.storyScreen[data-kind=character] .projectAssetFrame{inset:7% 40% 35% 3%}.characterSculpture{right:0;top:0;width:60%;height:76%}.storyScreen[data-kind=character] .assetCaption{left:4%;width:46%;bottom:35%;padding:9px 10px}.storyScreen[data-kind=character] .assetCaption h3{font-size:17px}.storyScreen[data-kind=character] .assetCaption p{font-size:7px;line-height:1.7}.storyScreen[data-kind=character] .assetCaption small{font-size:5px}.storyScreen[data-kind=character] #voiceToggle{bottom:32%;right:6%;font-size:7px;padding:7px 9px}.characterRail{left:3%;right:3%;bottom:14%;height:18%;gap:5px;overflow-x:auto;padding-top:6px;scrollbar-width:none}.portraitChoice{min-width:43px;flex:1;height:85%}.portraitChoice img{height:calc(100% - 20px)}.portraitChoice>span{font-size:6px;padding:5px 1px}.characterSculpture>span{font-size:5px;letter-spacing:1px}.finalModes{max-width:85%;gap:4px}.finalModes button{font-size:6px;padding:6px 8px}.graphHint{font-size:6px;letter-spacing:0}#graphHover{font-size:10px;max-width:190px;padding:8px 11px}.campus>.sectionTop{top:105px;left:6%;right:6%}.campus .sectionTop .status{font-size:6px;letter-spacing:0}.campus .sectionTop .kicker{font-size:6px;letter-spacing:1px}.campusWall{inset:125px -10% 90px;perspective:900px}.floatingMedia{width:calc(var(--tileW)*1.3);height:calc(var(--tileH)*.85);min-height:70px}.floatingMediaCaption{padding:15px 8px 8px}.floatingMediaCaption>b{font-size:9px;letter-spacing:1px}.floatingMediaCaption>small{font-size:4px;letter-spacing:.2px;margin-top:4px}.floatingMediaBody{border-radius:4px 13px 4px 13px;box-shadow:0 15px 35px #28628730}.floatingMedia.mediaFocused .floatingMediaBody{transform:scale(1.16)}.campusWallCopy{top:18%;left:6%;width:60%}.campusWallCopy:before{inset:-15px -30px}.campusWallCopy h2{font-size:29px;line-height:1.45}.campusWallCopy p{font-size:8px;max-width:210px;margin-top:13px}.campusWallCopy small{display:none}.campusWallNote{font-size:7px;bottom:99px;left:6%;right:6%;line-height:1.8;padding:8px 10px}.floatingMedia[data-media-type=video] .floatingMediaBody:before{right:8px;top:8px;width:4px;height:4px}.characterRail:focus-within{overflow-y:visible}}
@media(prefers-reduced-motion:reduce){.scriptWords>span,.assetWords>span,.scriptKeywords>span,.scriptCore i,.floatingMedia{animation:none!important}.scriptKeywords>span{opacity:.3;filter:none}.characterSculpture>img{transition:none}.floatingMedia{transform:translate(-50%,-50%) rotate(var(--tileTilt))}.floatingMediaBody{transition:none}}
