.story-timeline{background:#1A1A1A;color:#FFFFFF}.story-chapter{--scene-bg:#1A1A1A;min-height:calc(100svh - 104px);scroll-margin-top:104px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:5vw;padding:90px 8vw 100px;position:relative;border-bottom:1px solid #ffffff20}.story-chapter:nth-of-type(3n+2){--scene-bg:#FF0033;background:#FF0033}.story-chapter:nth-of-type(3n){--scene-bg:#FFFFFF;background:#FFFFFF;color:#1A1A1A}.chapter-date{font:11px monospace;letter-spacing:.14em;color:#FF0033;margin:0 0 24px}.story-chapter:nth-of-type(3n+2) .chapter-date{color:#FFFFFF}.chapter-copy h1,.chapter-copy h2{font-size:clamp(38px,5.2vw,80px);font-weight:800;letter-spacing:-.055em;line-height:1.02;margin:0 0 25px;max-width:700px}.chapter-body{font-size:clamp(15px,1.3vw,18px);line-height:1.8;max-width:620px;opacity:.85;margin:0}.chapter-quote{font-size:17px;font-weight:600;line-height:1.5;margin:24px 0 0;padding-left:18px;border-left:3px solid #FF0033}.story-chapter:nth-of-type(3n+2) .chapter-quote{border-color:#FFFFFF}.chapter-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.chapter-visual svg{width:100%;max-width:520px;overflow:visible;image-rendering:pixelated}.pixel-accent{fill:#FF0033}.story-chapter:nth-of-type(3n+2) .pixel-accent{fill:#1A1A1A}.pixel-caption{font:9px monospace;letter-spacing:.14em;margin-top:20px;opacity:.6}.chapter-next{position:absolute;bottom:28px;left:8vw;font:10px monospace;letter-spacing:.12em;color:inherit;padding:12px 0}.story-progress{position:fixed;z-index:35;bottom:22px;right:24px;width:220px;padding:15px 18px;border-radius:20px;background:#1a1a1aee;backdrop-filter:blur(14px);border:1px solid #ffffff30;color:#FFFFFF}.story-progress-top{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.1em}.story-progress-line{height:3px;background:#ffffff30;margin:12px 0}.story-progress-line>span{display:block;width:0;height:100%;background:#FF0033;transition:width .2s ease}.story-dots{display:flex;justify-content:space-between;gap:3px}.story-dots a{width:10px;height:14px;position:relative}.story-dots a:before{content:'';position:absolute;width:5px;height:5px;left:2px;top:4px;background:#FFFFFF66}.story-dots a[aria-current]:before{background:#FF0033}.story-dots a:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}.story-chapter .button{background:#FF0033;color:#FFFFFF}.story-chapter:nth-of-type(3n+2) .button{background:#1A1A1A}.story-chapter .text-link{color:inherit}.story-chapter .actions{margin-top:25px}.pixel-person{animation:pixel-step 1s steps(2,end) infinite;transform-origin:46px 86px}.pixel-friend{animation:pixel-crew 1.4s steps(2,end) infinite}.pixel-car{animation:pixel-drive 1.2s steps(2,end) infinite}.pixel-spark{animation:pixel-glint 1.8s steps(2,end) infinite}.pixel-snow{animation:pixel-snow 2.4s steps(4,end) infinite}@keyframes pixel-step{50%{transform:translateY(-3px) rotate(2deg)}}@keyframes pixel-crew{50%{opacity:.7}}@keyframes pixel-drive{50%{transform:translateY(-2px)}}@keyframes pixel-glint{50%{opacity:0}}@keyframes pixel-snow{100%{transform:translateY(28px);opacity:0}}
@media(max-width:700px){.story-chapter{scroll-margin-top:88px;min-height:calc(100svh - 88px);grid-template-columns:1fr;gap:22px;padding:45px 7vw 110px}.chapter-copy h1,.chapter-copy h2{font-size:clamp(36px,10vw,54px);margin-bottom:18px}.chapter-date{margin-bottom:18px;font-size:10px}.chapter-body{font-size:15px;line-height:1.65}.chapter-quote{font-size:15px;margin-top:18px}.chapter-visual svg{max-width:260px}.pixel-caption{font-size:8px;margin-top:6px}.chapter-next{left:7vw;bottom:70px}.story-progress{width:180px;right:12px;bottom:12px;padding:10px 12px;border-radius:14px}.story-progress-line{margin:8px 0}.story-dots a{min-height:16px}.story-chapter .actions{gap:16px}}
@media(prefers-reduced-motion:reduce){.chapter-visual *{animation:none!important}.story-progress-line>span{transition:none}.story-chapter{min-height:auto;padding-top:60px;padding-bottom:100px}html{scroll-behavior:auto!important}}

/* Praveen's supplied character sheet, framed without modifying the artwork. */
.praveen-portrait{margin:0;min-width:0}.praveen-frame{width:min(100%,420px);aspect-ratio:418/940;overflow:hidden;border-radius:32px;background:#b2afb1;border:1px solid #ffffff30;box-shadow:0 24px 70px #0003}.praveen-frame img{display:block;width:400%;max-width:none;height:100%;object-fit:fill;animation:praveen-breathe 6s cubic-bezier(.22,1,.36,1) infinite;transform-origin:12.5% 100%}.praveen-portrait figcaption{text-align:center;line-height:1.6}@keyframes praveen-breathe{50%{transform:translateY(-5px)}}
@media(max-width:700px){.praveen-frame{width:210px;border-radius:24px}.praveen-portrait{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){.praveen-frame img{animation:none}}