*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--accent:#e87a1e;--accent-dim:#e87a1e26;--text:#fff;--muted:#94a3b8;--dim:#64748b;--mono:"SF Mono","Fira Code","Courier New",monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);width:100vw;height:100vh;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.brand{z-index:100;font-family:var(--mono);color:#888;letter-spacing:3px;text-transform:lowercase;font-size:18px;position:fixed;top:20px;left:24px}.brand span{color:var(--accent)}.scroll-hint{z-index:100;font-family:var(--mono);color:var(--dim);align-items:center;gap:8px;font-size:14px;animation:1.5s infinite fadeRight;display:flex;position:fixed;top:20px;right:24px}@keyframes fadeRight{0%,to{opacity:.3;transform:translate(0)}50%{opacity:1;transform:translate(6px)}}.brain-hints{z-index:100;font-family:var(--mono);color:var(--dim);letter-spacing:1px;font-size:14px;line-height:2;position:fixed;bottom:24px;left:24px}.brain-hints .gold{color:var(--accent)}.brain-hints .cyan{color:#d4d4d4}.brain-hints .amber{color:#888}.reel-container{flex-direction:column;height:100vh;animation:.5s reelIn;display:flex}@keyframes reelIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.reel-header{z-index:10;flex-shrink:0;align-items:center;gap:16px;padding:8px 20px;display:flex;position:relative}.back-btn{font-family:var(--mono);color:var(--dim);cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #ffffff1a;border-radius:2px;padding:5px 14px;font-size:11px;transition:all .2s}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.back-arrow{margin-right:4px}.orbit-label{font-family:var(--mono);color:var(--accent);letter-spacing:2px;font-size:12px}.perfs{background:#1a1a1a;flex-shrink:0;align-items:center;height:32px;display:flex;position:relative}.perfs:before{content:"";opacity:.9;background-image:radial-gradient(circle,#0a0a0a 4px,#0000 4px);background-position:24px;background-size:48px 32px;position:absolute;inset:0}.perfs.bottom{order:4}.content-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;align-items:stretch;gap:3px;padding:0 24px;display:flex;overflow-x:auto}.content-track::-webkit-scrollbar{display:none}.frame{scroll-snap-align:start;opacity:0;border-left:1px dashed #ffffff0a;flex-direction:column;flex-shrink:0;justify-content:center;width:340px;padding:20px 24px;transition:opacity .5s,transform .5s;display:flex;position:relative;transform:translate(20px)}.frame.visible{opacity:1;transform:translate(0)}.frame .frame-year{font-family:var(--mono);letter-spacing:2px;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;display:flex}.frame .frame-year .era-dot{border-radius:50%;width:8px;height:8px}.frame .frame-title{letter-spacing:.5px;margin-bottom:2px;font-size:22px;font-weight:700;line-height:1.2}.frame .frame-subtitle{font-family:var(--mono);color:var(--muted);letter-spacing:.5px;margin-bottom:12px;font-size:12px}.frame .frame-body{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:1.6}.frame .frame-badges{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.frame .imdb-badge{font-family:var(--mono);color:#000;background:var(--accent);border-radius:2px;padding:3px 10px;font-size:12px;font-weight:700}.frame .status-badge{font-family:var(--mono);border-radius:2px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;display:inline-flex}.frame .status-badge.live{color:#22c55e;background:#22c55e14;border:1px solid #22c55e4d}.frame .status-badge.building{color:#22d3ee;background:#22d3ee14;border:1px solid #22d3ee4d}.frame .status-badge .dot{border-radius:50%;width:5px;height:5px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.frame .frame-link{font-family:var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:2px;padding:6px 14px;font-size:11px;text-decoration:none;transition:all .2s;display:inline-block}.frame .frame-link:hover,.frame .frame-link.cyan:hover{border-color:var(--accent);color:var(--accent)}.frame.end-frame{border-right:2px solid var(--accent);justify-content:center;align-items:flex-start;width:260px}.frame .end-title{color:var(--accent);margin-bottom:12px;font-size:18px;font-weight:700}.progress{z-index:100;gap:6px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.progress .dot{background:var(--dim);cursor:pointer;border-radius:50%;width:6px;height:6px;transition:all .2s}.progress .dot.active{background:var(--accent);transform:scale(1.4)}@media (max-width:768px){.frame{width:280px;padding:16px 18px}.frame .frame-title{font-size:18px}.perfs{height:22px}.perfs:before{background-position:20px;background-size:40px 22px}.brain-hints{display:none}}