.story-page{--phosphor:#8bffc0;--terminal:#09221d;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
.wopr-hero{position:relative;overflow:hidden;background:var(--terminal);color:var(--phosphor);text-align:center;padding:56px 0 44px;border-bottom:4px solid #ce285d}
.wopr-hero:after{content:'';position:absolute;inset:0;pointer-events:none;border-bottom:1px solid #8bffc045;animation:story-scan 7s linear infinite}
.wopr-eyebrow{font:11px/1.5 var(--mono);margin:0 0 26px;color:#9cb9ad}
.wopr-line{font:38px/1.4 var(--mono);font-weight:500;margin:0;min-height:54px}
.wopr-typed{display:inline-block;max-width:100%;width:21ch;white-space:nowrap;vertical-align:bottom;clip-path:inset(0 100% 0 0);border-right:.4em solid #ff6590;box-sizing:content-box;padding-right:.15em;animation:story-type 2.3s steps(21,end) .3s forwards,story-cursor 1.2s step-end infinite;text-shadow:0 0 16px #8bffc040}
.wopr-subtitle{font:20px/1.5 var(--serif);color:#e5eee8;margin:24px 0}
.wopr-enter{display:inline-flex;align-items:center;gap:22px;color:var(--phosphor);font:12px/1.5 var(--mono);padding:8px;border-bottom:1px solid #8bffc050}
.wopr-enter:hover{color:#ff98b5}.wopr-enter:focus-visible{outline-color:#ff98b5}
.story-reading{width:calc(100% - 48px);max-width:740px;margin:0 auto;padding:52px 0 60px}
.story-opening h2{font:38px/1.15 var(--serif);font-weight:400;margin:0 0 18px}
.story-opening .byline{font-size:12px}.story-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 36px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.story-toolbar .reader-controls{margin:0}.motion-control{display:flex;gap:8px;align-items:center;font:12px var(--sans);color:var(--muted);cursor:pointer;min-height:36px}.motion-control input{accent-color:var(--red);width:16px;height:16px}
.story-body .lede{font-size:28px;line-height:1.4;color:var(--green)}
.story-body p{text-wrap:pretty}.story-body blockquote{margin:34px 0;padding:24px 28px;border:0;border-left:3px solid var(--phosphor);border-radius:0;background:var(--terminal);color:var(--phosphor);font:20px/1.65 var(--mono);font-style:normal}
.story-body blockquote:before{content:'WOPR >';display:block;font:11px/1.5 var(--mono);color:#91b7a1;margin-bottom:12px}.story-body blockquote p{font:inherit;color:inherit;margin:0}
.story-body hr{width:72px;border:0;border-top:2px solid var(--red);margin:48px auto}
.story-body .cassandra-figure{display:flex;flex-direction:column;align-items:center;gap:20px;margin:64px 0;padding:16px 0}
.story-body .cassandra-orb{width:168px;height:168px;position:relative}
.story-body .cassandra-orb:before{content:'';position:absolute;inset:-12px;border:1px solid #176d6850;border-left:2px solid var(--red);border-right:2px solid #176d68;animation:story-signal 4.4s ease-in-out infinite}
.story-body .cassandra-figure img{width:168px;height:168px;object-fit:contain;animation:story-breathe 4.4s ease-in-out infinite}
.story-body .cassandra-figure figcaption{font:12px var(--mono);color:var(--green)}
.story-body .video-embed{margin:36px 0 0;background:var(--terminal);border-top:3px solid var(--phosphor)}
.story-body .video-embed-frame{aspect-ratio:16/9;background:url('https://i.ytimg.com/vi/s93KC4AGKnY/hqdefault.jpg') center/cover no-repeat}.story-body .video-embed iframe{width:100%;height:100%;display:block;border:0}
.story-body .video-caption{font:12px/1.6 var(--sans);color:var(--muted);margin:12px 0 36px;text-align:center}
.story-body .essay-signature{font:italic 18px/1.6 var(--serif);margin-top:40px;color:var(--green)}
.story-body [data-reveal]{transition:transform .65s ease,box-shadow .65s ease}.story-body [data-reveal].story-revealed{animation:story-arrive .65s ease both}
.story-coda{margin-top:48px;padding-top:28px;border-top:1px solid var(--line);font:18px/1.6 var(--serif)}
.story-motion-off .story-page *,.story-motion-off .story-page *:before,.story-motion-off .story-page *:after{animation:none!important;transition:none!important}.story-motion-off .wopr-typed{clip-path:none}
@keyframes story-type{to{clip-path:inset(0)}}
@keyframes story-cursor{50%{border-right-color:transparent}}
@keyframes story-scan{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@keyframes story-breathe{50%{transform:scale(1.025)}}
@keyframes story-signal{50%{transform:scale(1.06);border-color:#ce285d60}}
@keyframes story-arrive{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(max-width:760px){.wopr-hero{padding:38px 0 32px}.wopr-line{font-size:24px;min-height:35px}.wopr-subtitle{font-size:18px;max-width:320px;margin:20px auto}.wopr-eyebrow{font-size:10px}.story-reading{padding-top:36px}.story-opening h2{font-size:30px}.story-body blockquote{font-size:17px;padding:20px}.story-body .lede{font-size:25px}}
@media(max-width:380px){.wopr-line{font-size:20px}.story-reading{width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){.story-page *,.story-page *:before,.story-page *:after{animation:none!important;transition:none!important}.wopr-typed{clip-path:none}}
@media print{.wopr-hero{background:white;color:black;border-bottom:1px solid}.wopr-eyebrow,.wopr-subtitle{color:black}.wopr-typed{clip-path:none;border:0}.wopr-enter,.story-toolbar,.video-embed{display:none}.story-reading{width:100%;padding:20px 0}.story-body blockquote{background:white;color:black}}