*{box-sizing:border-box}.stage{width:1080px;height:1920px;background:#11151c;color:#fff;position:relative;overflow:hidden;font-family:Arial,sans-serif}.safe{position:absolute;display:grid;gap:0}.visual{min-height:0;display:flex;align-items:center;justify-content:center;padding:20px 0 45px;overflow:hidden}.visual>svg{width:100%;height:100%;overflow:hidden;transform-origin:center;will-change:transform}.speech{min-height:0;display:flex;flex-direction:column;gap:25px;padding-top:30px}.words{flex:1;min-height:0;font-size:60px;line-height:1.32;font-weight:400;overflow-wrap:anywhere;color:white}.words .active{color:#ffff00}.speaker{width:170px;height:170px;flex-shrink:0;align-self:flex-end}.speaker-figure{position:relative;width:100%;height:100%;filter:drop-shadow(0 4px 8px #0005)}.speaker-image{display:block;width:100%;height:100%;object-fit:contain}.speaker-mouth{position:absolute;pointer-events:none}.speaker-mouth img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.mouth-open{transform-origin:center;opacity:0}.stage.guides .safe{outline:2px dashed #6de4dd88}.stage.guides .visual{border-bottom:2px dashed #6de4dd66}
.duck-eyelid{position:absolute;z-index:3;width:11.5%;height:15%;left:40.7%;top:30%;transform:translate(-50%,-50%) scaleY(1);opacity:0;transform-origin:center;background:#f5c94d;border:3px solid #9f681c;border-radius:50%;pointer-events:none}.duck-eyelid-right{left:59.3%;}


.opening-hook{position:absolute;top:0;left:0;width:100%;height:280px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-line;overflow-wrap:anywhere;font-size:76px;line-height:1.08;font-weight:900;color:#ffff00;text-shadow:0 4px 6px #000;-webkit-text-stroke:2px #000;paint-order:stroke fill;pointer-events:none;overflow:hidden;transform-origin:center}
.opening-hook[hidden]{display:none}
.has-opening-hook .visual{padding-top:290px}
.stage.mode-mod3 .opening-hook{top:0;height:100%}
.stage.mode-mod3.has-opening-hook .visual{padding-top:20px}

.visual>.ascii-frame{width:100%;height:100%;overflow:hidden;transform-origin:center;will-change:transform;display:flex;align-items:center;justify-content:center;padding:20px}
.ascii-frame pre{margin:0;font-family:'Courier New',monospace;font-weight:700;font-size:34px;line-height:1.3;color:#6de4dd;text-shadow:0 0 12px #6de4dd88,0 0 2px #fff;white-space:pre;background:#0d1117;border:2px solid #6de4dd55;border-radius:12px;padding:28px 32px;box-shadow:0 0 30px #0009 inset,0 8px 24px #0006}
.ascii-frame pre::after{content:'\2588';color:#6de4dd;animation:ascii-blink 1s step-end infinite;margin-left:2px}
@keyframes ascii-blink{0%,100%{opacity:1}50%{opacity:0}}

/* Story scenes: full-bleed art with TikTok-style captions and hook laid over the video */
.stage.mode-story{background:#a9def0}
.stage.mode-story .safe{inset:0;display:block}
.stage.mode-story .visual{position:absolute;inset:0;padding:0;overflow:hidden}
.stage.mode-story .visual>svg{width:100%;height:100%}
.stage.mode-story .speech{position:absolute;left:0;right:0;top:1230px;height:340px;padding:0 64px;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}
.stage.mode-story .words{flex:none;width:100%;max-height:340px;text-align:center;font-size:96px!important;line-height:1.14;font-weight:900;color:#fff;-webkit-text-stroke:10px #1d2b4f;paint-order:stroke fill;text-shadow:0 6px 0 #1d2b4f;letter-spacing:.01em}
.stage.mode-story .words .active{color:#ffd23f}
.stage.mode-story .speaker{display:none}
.stage.mode-story .opening-hook{top:0;height:100%;padding:0 56px;z-index:5;font-size:92px;line-height:1.02;color:#ffe600;-webkit-text-stroke:13px #1d2b4f;text-shadow:0 7px 0 #1d2b4f}
.stage.mode-story.has-opening-hook .visual{padding-top:0}