.c64-container[data-v-fbc88bbc]{margin:2rem 0;max-width:600px}.c64-screen[data-v-fbc88bbc]{background:#4040e0;border:16px solid #4040e0;border-radius:8px;padding:1rem;position:relative;box-shadow:0 0 60px #4040e066,inset 0 0 100px #0000004d;overflow:hidden}.c64-screen[data-v-fbc88bbc]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(transparent 0px,rgba(0,0,0,.1) 1px,transparent 2px);pointer-events:none;z-index:10}.c64-screen[data-v-fbc88bbc]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:11}.c64-content[data-v-fbc88bbc]{font-family:C64 Pro,Courier New,monospace;font-size:16px;line-height:1.2;color:#a0a0ff;position:relative;z-index:5}.c64-line[data-v-fbc88bbc]{margin:0;padding:0;min-height:1.2em;white-space:pre;letter-spacing:0}.c64-stars[data-v-fbc88bbc]{text-align:center}.c64-cursor-line[data-v-fbc88bbc]{display:flex;align-items:center}.c64-cursor[data-v-fbc88bbc]{color:#a0a0ff;opacity:0;transition:none}.c64-cursor.visible[data-v-fbc88bbc]{opacity:1}.c64-label[data-v-fbc88bbc]{margin-top:.75rem;font-size:.8rem;color:#666;text-align:center;font-family:Fira Code,monospace}@keyframes crt-glow-fbc88bbc{0%,to{filter:brightness(1)}50%{filter:brightness(1.02)}}.c64-screen[data-v-fbc88bbc]{animation:crt-glow-fbc88bbc 4s ease-in-out infinite}@media (max-width: 600px){.c64-screen[data-v-fbc88bbc]{border-width:10px;padding:.75rem}.c64-content[data-v-fbc88bbc]{font-size:12px}}.back-in-time-story[data-v-3bdff0da]{min-height:100vh;background:#0a0a0a;color:#0f0;font-family:Fira Code,monospace;position:relative}.scanlines[data-v-3bdff0da]{position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(transparent 0px,rgba(0,255,0,.03) 1px,transparent 2px);pointer-events:none;z-index:100}.container[data-v-3bdff0da]{max-width:800px;margin:0 auto;padding:0 2rem}.story-hero[data-v-3bdff0da]{padding:10rem 2rem 4rem;background:radial-gradient(ellipse at center,#0f1a0f,#0a0a0a 70%)}.hero-content[data-v-3bdff0da]{max-width:800px;margin:0 auto}.back-link[data-v-3bdff0da]{display:inline-flex;align-items:center;gap:.5rem;color:#0a0;text-decoration:none;font-size:.9rem;margin-bottom:2rem;transition:color .3s ease}.back-link[data-v-3bdff0da]:hover{color:#0f0}.back-link .arrow[data-v-3bdff0da]{transition:transform .3s ease}.back-link:hover .arrow[data-v-3bdff0da]{transform:translate(-4px)}.hero-meta[data-v-3bdff0da]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.hero-meta .emoji[data-v-3bdff0da]{font-size:2.5rem}.hero-meta .year-range[data-v-3bdff0da]{font-size:1rem;color:#0a0;background:#00ff001a;padding:.25rem .75rem}.story-hero h1[data-v-3bdff0da]{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 .5rem;color:#c8ffc8;text-shadow:0 0 10px rgba(0,255,0,.8),0 0 30px rgba(0,255,0,.5),0 0 50px rgba(0,255,0,.3)}.story-hero .subtitle[data-v-3bdff0da]{font-size:1.2rem;color:#0c0;margin:0 0 1.5rem}.hero-info[data-v-3bdff0da]{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.9rem;color:#0a0}.hero-info .separator[data-v-3bdff0da]{color:#333}.hero-info .fun-fact[data-v-3bdff0da]{font-style:italic}.timeline-nav[data-v-3bdff0da]{position:sticky;top:60px;z-index:50;background:#0a0a0afa;border-bottom:1px solid #222;padding:1.5rem 2rem;overflow-x:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline-track[data-v-3bdff0da]{display:flex;justify-content:space-between;align-items:flex-start;max-width:900px;margin:0 auto;position:relative;padding:0 1rem}.timeline-line[data-v-3bdff0da]{position:absolute;top:32px;left:2rem;right:2rem;height:2px;background:#333;z-index:1}.timeline-line-progress[data-v-3bdff0da]{position:absolute;top:32px;left:2rem;height:2px;background:#0f0;box-shadow:0 0 8px #00ff0080;z-index:2;transition:width .3s ease}.timeline-point[data-v-3bdff0da]{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;padding:0;transition:all .3s ease;position:relative;z-index:3;min-width:80px}.timeline-point .year[data-v-3bdff0da]{font-size:.85rem;color:#555;font-family:Fira Code,monospace;font-weight:600;transition:color .3s ease;margin-bottom:.25rem}.timeline-point .dot[data-v-3bdff0da]{width:14px;height:14px;background:#0a0a0a;border:2px solid #333;border-radius:50%;transition:all .3s ease}.timeline-point .label[data-v-3bdff0da]{font-size:.7rem;color:#444;font-family:Fira Code,monospace;margin-top:.25rem;text-align:center;max-width:90px;line-height:1.2;transition:color .3s ease}.timeline-point.passed .year[data-v-3bdff0da]{color:#0a0}.timeline-point.passed .dot[data-v-3bdff0da]{background:#0a0;border-color:#0a0}.timeline-point.passed .label[data-v-3bdff0da]{color:#0a0}.timeline-point.active .year[data-v-3bdff0da]{color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5)}.timeline-point.active .dot[data-v-3bdff0da]{background:#0f0;border-color:#0f0;box-shadow:0 0 12px #0f0;transform:scale(1.2)}.timeline-point.active .label[data-v-3bdff0da],.timeline-point:hover .year[data-v-3bdff0da]{color:#0f0}.timeline-point:hover .dot[data-v-3bdff0da]{border-color:#0f0;box-shadow:0 0 8px #00ff004d}.timeline-point:hover .label[data-v-3bdff0da]{color:#0c0}.story-content[data-v-3bdff0da]{padding:4rem 0}.chapter-section[data-v-3bdff0da]{margin-bottom:4rem;padding-top:2rem}.chapter-header[data-v-3bdff0da]{margin-bottom:2rem}.chapter-year[data-v-3bdff0da]{display:inline-block;font-size:.9rem;color:#0a0;background:#00ff001a;padding:.25rem .75rem;margin-bottom:.5rem}.chapter-header h2[data-v-3bdff0da]{font-size:1.8rem;color:#0f0;margin:0}.chapter-content[data-v-3bdff0da]{font-size:1rem;line-height:1.8;color:#0d0}.chapter-content[data-v-3bdff0da] p{margin:0 0 1.5rem}.chapter-content[data-v-3bdff0da] h4{font-size:1.2rem;color:#0f0;margin:2rem 0 1rem}.chapter-content[data-v-3bdff0da] ul{list-style:none;padding:0;margin:0 0 1.5rem}.chapter-content[data-v-3bdff0da] li{padding-left:1.5rem;margin-bottom:.5rem;position:relative}.chapter-content[data-v-3bdff0da] li:before{content:">";position:absolute;left:0;color:#0f0}.chapter-content[data-v-3bdff0da] strong{color:#0f0}.chapter-content[data-v-3bdff0da] em{color:#0c0;font-style:italic}.code-example[data-v-3bdff0da]{margin-top:2rem;background:#000;border:1px solid #333;border-radius:4px;overflow:hidden}.code-header[data-v-3bdff0da]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#111;border-bottom:1px solid #333}.code-label[data-v-3bdff0da]{font-size:.8rem;color:#0f0;font-weight:600}.code-language[data-v-3bdff0da]{font-size:.75rem;color:#666;text-transform:uppercase}.code-block[data-v-3bdff0da]{padding:1rem;margin:0;overflow-x:auto;font-size:.9rem;line-height:1.5}.code-block code[data-v-3bdff0da]{font-family:Fira Code,monospace;color:#0f0}.cta-section[data-v-3bdff0da]{padding:4rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(0,255,0,.02) 100%)}.cta-box[data-v-3bdff0da]{max-width:600px;margin:0 auto;text-align:center;padding:2rem;background:#00ff000d;border:2px solid #00ff00}.cta-box h2[data-v-3bdff0da]{font-size:1.5rem;color:#0f0;margin:0 0 1rem}.cta-box p[data-v-3bdff0da]{color:#0c0;margin:0 0 1.5rem;line-height:1.6}.cta-button[data-v-3bdff0da]{display:inline-block;padding:.75rem 1.5rem;background:#0f0;color:#000;text-decoration:none;font-weight:600;transition:all .3s ease}.cta-button[data-v-3bdff0da]:hover{background:#0c0;box-shadow:0 0 20px #00ff0080}.story-navigation[data-v-3bdff0da]{padding:2rem;background:#111;border-top:1px solid #222}.story-navigation .container[data-v-3bdff0da]{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;max-width:1000px}.nav-link[data-v-3bdff0da]{display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-decoration:none;color:inherit;background:#00ff000d;border:1px solid #333;transition:all .3s ease}.nav-link[data-v-3bdff0da]:hover{border-color:#0f0;background:#00ff001a}.nav-link.prev[data-v-3bdff0da]{text-align:left}.nav-link.next[data-v-3bdff0da]{text-align:right}.nav-link.overview[data-v-3bdff0da]{text-align:center;justify-content:center}.nav-direction[data-v-3bdff0da]{font-size:.8rem;color:#666}.nav-title[data-v-3bdff0da]{font-size:1rem;color:#0f0}.story-not-found[data-v-3bdff0da]{min-height:100vh;background:#0a0a0a;color:#0f0;font-family:Fira Code,monospace;display:flex;align-items:center;justify-content:center;text-align:center}.story-not-found h1[data-v-3bdff0da]{font-size:3rem;margin-bottom:1rem}.story-not-found p[data-v-3bdff0da]{color:#0a0;margin-bottom:2rem}.story-not-found .back-link[data-v-3bdff0da]{color:#0f0;text-decoration:none}.story-not-found .back-link[data-v-3bdff0da]:hover{text-decoration:underline}@media (max-width: 768px){.story-hero[data-v-3bdff0da]{padding:4rem 1.5rem 3rem}.story-hero h1[data-v-3bdff0da]{font-size:1.8rem}.timeline-nav[data-v-3bdff0da]{padding:.75rem 1rem}.timeline-track[data-v-3bdff0da]{gap:1rem}.story-navigation .container[data-v-3bdff0da]{grid-template-columns:1fr}.nav-link.prev[data-v-3bdff0da],.nav-link.next[data-v-3bdff0da]{text-align:center}}