:root{--bg: #0b0d12;--panel: #12151d;--panel-2: #191e29;--line: #262c3a;--text: #e6e9f0;--muted: #98a2b8;--accent: #e62429;--accent-2: #7b1fa2;--gold: #f5c242;--blue: #3d7eff;--font-display: "Bebas Neue", "Arial Narrow", sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.55}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.hero{position:relative;overflow:hidden;padding:4rem 1.25rem 2.5rem;text-align:center}.hero-slideshow{position:absolute;inset:0;z-index:0}.hero-slideshow .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}.hero-slideshow .slide.is-active{opacity:1}.hero-slideshow .slide img{width:100%;height:100%;object-fit:cover;display:block}.hero-slideshow .frost{position:absolute;inset:0;backdrop-filter:blur(2px) saturate(.9);background:radial-gradient(1200px 420px at 50% -10%,rgba(230,36,41,.18),transparent 60%),radial-gradient(900px 360px at 80% 10%,rgba(123,31,162,.16),transparent 60%),linear-gradient(180deg,#10131bb8,#10131be0)}.hero>*:not(.hero-slideshow){position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.6)}.hero-kicker{margin:0 0 .5rem;letter-spacing:.28em;font-size:.72rem;font-weight:700;color:var(--gold)}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4.2rem);letter-spacing:.04em;line-height:1;text-transform:uppercase}.hero h1 span{color:var(--accent)}.hero-sub{max-width:46rem;margin:1rem auto 1.4rem;color:var(--muted);font-size:1.02rem}.hero-sub strong{color:var(--text)}.hero-stats{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;justify-content:center;color:var(--muted);font-size:.85rem}.hero-stats b{color:var(--text);font-variant-numeric:tabular-nums}.hero>.lang-switch{position:fixed;top:.75rem;right:.9rem;z-index:100}.hero>.lang-switch a{display:inline-block;font-family:var(--font-display);letter-spacing:.08em;text-decoration:none;border:1px solid rgba(245,194,66,.5);border-radius:999px;padding:.35rem .95rem;font-size:.8rem;color:var(--gold);background:#10131b8c;backdrop-filter:blur(4px);transition:border-color .15s,background .15s}.hero>.lang-switch a:hover{border-color:var(--gold);background:#f5c2421f}.controls-rail{position:sticky;top:4.5rem;align-self:start;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 5rem);overflow:auto;padding:.4rem}.controls-rail .search-box{position:relative;width:100%}.search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-52%);color:var(--muted);font-size:1.1rem}.search-box input{width:100%;padding:.6rem .9rem .6rem 2.2rem;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-family:inherit;font-size:.95rem;outline:none}.search-box input:focus{border-color:var(--accent)}.filter-group{display:flex;flex-direction:column;gap:.35rem;align-items:stretch}.filter-group .chip{text-align:left}.filter-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.chip{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:.28rem .7rem;font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .15s ease}.chip:hover{border-color:var(--accent)}.chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.chip i{margin-right:.35rem}.filter-toggle-row{display:flex;flex-wrap:wrap;gap:.4rem}.toggle-upcoming{display:inline-flex;align-items:center;gap:.4rem}.toggle-upcoming input{accent-color:var(--accent)}.toggle-mustwatch{display:inline-flex;align-items:center;gap:.4rem}.toggle-mustwatch input{accent-color:#f6c453}.no-results{margin:2rem auto 0;max-width:40rem;text-align:center;color:var(--muted);padding:0 1rem}.timeline-layout{position:relative;display:grid;grid-template-columns:5rem 1fr 17rem;gap:1rem;max-width:92rem;margin:0 auto;padding:2rem 1rem 1rem}.year-rail{position:sticky;top:4.5rem;align-self:start;display:flex;flex-direction:column;gap:.3rem;max-height:calc(100vh - 5rem);overflow:auto}.rail-title{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}.rail-link{color:var(--muted);font-family:var(--font-display);font-size:1.35rem;padding:.15rem .1rem;letter-spacing:.06em;transition:color .15s ease}.rail-link:hover{color:var(--accent);text-decoration:none}.rail-sources{font-family:var(--font-body);font-size:.82rem;color:var(--gold)}.timeline{position:relative;min-width:0}.timeline-line{position:absolute;left:-.75rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2));opacity:.7}.year-section{position:relative;margin-bottom:3rem;scroll-margin-top:120px}.year-section.is-hidden{display:none}.year-header{display:flex;align-items:baseline;gap:.9rem;margin:0 0 1rem;padding-left:.5rem}.year-label{font-family:var(--font-display);font-size:2.6rem;line-height:1;margin:0;color:var(--accent);letter-spacing:.05em;text-shadow:0 0 24px rgba(230,36,41,.35)}.year-label.accent{color:var(--accent-2)}.year-sub{margin:0;color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.year-cards{display:flex;flex-direction:column;gap:1.1rem;padding-left:.5rem}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:12px;padding:1rem 1.1rem .9rem;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.card-top{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.card-main{flex:1 1 auto;min-width:0}.card-body{margin-top:.8rem}.card-side{flex:0 0 7.5rem;width:7.5rem;display:flex;flex-direction:column;gap:.6rem;align-items:stretch}.card-thumb{border-radius:8px;overflow:hidden;border:1px solid var(--line)}.card-thumb img{width:100%;height:auto;display:block}.card-side .trailer-btn{justify-content:center;margin-top:0;font-size:.75rem;padding:.4rem .5rem}.card:before{content:"";position:absolute;left:-1.1rem;top:1.3rem;width:9px;height:9px;border-radius:50%;background:var(--blue);border:2px solid var(--bg)}.card.u-earth-616{border-left-color:var(--blue)}.card.u-earth-616:before{background:var(--blue)}.card.u-tva{border-left-color:var(--gold)}.card.u-tva:before{background:var(--gold)}.card.u-animated{border-left-color:#2dd4bf}.card.u-animated:before{background:#2dd4bf}.card.u-earth-10005{border-left-color:#22c55e}.card.u-earth-10005:before{background:#22c55e}.card.u-earth-828{border-left-color:var(--accent-2)}.card.u-earth-828:before{background:var(--accent-2)}.card.u-other{border-left-color:var(--accent)}.card.u-other:before{background:var(--accent)}.card:hover{transform:translateY(-2px);border-color:#39415a;box-shadow:0 10px 30px #00000059}.card.is-hidden{display:none}.card-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.badge{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.14rem .5rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.badge-kind{color:var(--text);background:var(--panel-2)}.badge-universe{color:var(--gold);border-color:#f5c24266}.badge-phase{color:var(--blue);border-color:#3d7eff66}.badge-upcoming{color:#fff;background:var(--accent-2);border-color:var(--accent-2)}.badge-mustwatch{color:#1c1402;background:#f6c453;border-color:#f6c453}.badge-mustwatch i{margin-right:.25rem}.card-title{font-family:var(--font-display);font-size:1.7rem;letter-spacing:.03em;margin:0 0 .5rem;text-transform:uppercase;line-height:1.1}.card-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin:0 0 .6rem}.card-meta div{display:flex;gap:.4rem;font-size:.8rem}.card-meta dt{color:var(--muted)}.card-meta dd{margin:0;color:var(--text)}.trailer-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.25rem;border:1px solid rgba(245,194,66,.45);border-radius:999px;background:#f5c24214;color:var(--gold);font-family:var(--font-display);font-size:.82rem;letter-spacing:.05em;padding:.35rem 1rem;cursor:pointer;transition:border-color .15s,background .15s}.trailer-btn:hover{border-color:var(--gold);background:#f5c2422e}.trailer-btn i{font-size:.9rem}.trailer-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:1.5rem}.trailer-modal.is-open{display:flex}.trailer-modal-backdrop{position:absolute;inset:0;background:#05070bdb;backdrop-filter:blur(6px)}.trailer-modal-panel{position:relative;width:min(56rem,100%);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.6rem;box-shadow:0 30px 80px #000000b3}.trailer-modal-close{position:absolute;top:-2.6rem;right:0;width:2.2rem;height:2.2rem;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);font-size:1rem;cursor:pointer;transition:border-color .15s,color .15s}.trailer-modal-close:hover{border-color:var(--gold);color:var(--gold)}.trailer-modal-frame{position:relative;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden}.trailer-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.card-summary{margin:0 0 .8rem;color:#cdd3e0;font-size:.94rem}.film-sections{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.8rem}.film-section{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.55rem .8rem}.film-section h4{margin:0 0 .2rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.film-section p{margin:0;font-size:.88rem;color:#cdd3e0}.episodes-toggle{width:100%;margin:.2rem 0 .6rem;padding:.55rem;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;color:var(--text);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.episodes-caret{font-size:.8rem;transition:transform .2s ease}.episodes-caret.is-open{transform:rotate(90deg)}.episodes-toggle:hover{border-color:var(--accent)}.episodes{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.8rem}.episodes[hidden]{display:none}.episodes.is-open{animation:ep-fade .2s ease}@keyframes ep-fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.episode{background:#0e1219;border:1px solid var(--line);border-radius:8px;padding:.6rem .85rem}.ep-head{margin:0 0 .35rem;font-size:.95rem;font-weight:700;display:flex;gap:.5rem;align-items:baseline}.ep-num{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.06em;color:var(--gold);white-space:nowrap}.ep-beats{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.ep-beats>li{font-size:.88rem;color:#cdd3e0}.ep-beats>li p{margin:0}.ep-source-links,.source-links{list-style:none;margin:.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.ep-source-links li,.source-links li{font-size:.72rem}.card-sources{margin-top:.7rem;border-top:1px dashed var(--line);padding-top:.5rem}.card-sources summary{cursor:pointer;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.card-sources .source-links{flex-direction:column;gap:.25rem;margin-top:.4rem}.sources-panel{max-width:74rem;margin:2rem auto 3rem;padding:1.5rem 1.5rem 2rem;scroll-margin-top:120px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.sources-panel h2{font-family:var(--font-display);letter-spacing:.05em;font-size:2rem;margin:0 0 .4rem;text-transform:uppercase;color:var(--gold)}.sources-note{color:var(--muted);max-width:60rem;font-size:.9rem}.sources-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));gap:.5rem 1.4rem;font-size:.85rem}.sources-list li{display:flex;flex-wrap:wrap;gap:.35rem}.src-for{color:var(--muted)}.footer{border-top:1px solid var(--line);padding:1.5rem 1rem 2.5rem;text-align:center;color:var(--muted);font-size:.82rem}.footer p{margin:.3rem 0}.footer-made{margin-top:1rem!important;font-family:var(--font-display);letter-spacing:.08em;font-size:.9rem;color:var(--gold);opacity:.85}@media(max-width:720px){.timeline-layout{grid-template-columns:1fr;padding-top:1rem}.year-rail{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.2rem .7rem;max-height:none}.rail-title{width:100%;margin-bottom:.1rem}.rail-link{font-size:1.15rem}.timeline-line{left:5px}.card:before{left:-.6rem}.card-side{flex-basis:4.6rem;width:4.6rem;gap:.4rem}.card-side .trailer-btn{font-size:.7rem;padding:.3rem}.controls-rail{position:static;max-height:none;overflow:visible;order:-1;border-bottom:1px solid var(--line);padding-bottom:1rem}.filter-group{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.35rem}.filter-group .filter-label{width:100%}.sources-list{grid-template-columns:1fr}}