*, *::before, *::after{box-sizing: border-box}body{margin: 0;min-height: 100vh;background: var(--bg);color: var(--text);font-family: var(--font-body);font-size: 16px;line-height: 1.5}.skin-texture{pointer-events: none;position: fixed;inset: 0;z-index: 0;opacity: 0.18;background-repeat: repeat;background-size: 240px 240px}.error-banner, .site-header, .stats-bar, .controls, .page-main, .title-page{position: relative;z-index: 1}a{color: var(--accent);text-decoration-thickness: 1px;text-underline-offset: 0.18em}a:hover{color: var(--accent-secondary)}.wrap{width: min(980px, calc(100% - 2rem));margin-inline: auto}.site-header{padding: 1.5rem 0 0.75rem;border-bottom: 1px solid var(--border)}.logo-wordmark{display: flex;flex-wrap: wrap;align-items: baseline;gap: 0.6rem 0.85rem;color: var(--accent);text-decoration: none;font-family: var(--font-display);letter-spacing: 0.16em;text-transform: uppercase}.logo-wordmark:hover{color: var(--accent)}.logo-main{font-size: clamp(1.6rem, 4vw, 2.4rem);font-weight: 700;line-height: 1}.logo-suffix{font-size: 0.85rem;letter-spacing: 0.28em;color: var(--text-muted)}.logo-image{display: block;height: 2.4rem;width: auto}.tagline, #next-release{margin: 0.4rem 0 0;color: var(--text-muted);font-size: 0.92rem}#next-release{color: var(--accent-secondary);min-height: 1.4em}#next-release[hidden]{display: block;visibility: hidden}.error-banner{width: min(980px, calc(100% - 2rem));margin: 1rem auto;padding: 1rem 1.1rem;background: var(--bg-elevated);border: 1px solid var(--accent-danger);border-radius: var(--radius);color: var(--text)}.error-title{margin: 0 0 0.5rem;font-family: var(--font-display);color: var(--accent-danger)}.error-banner ul{margin: 0;padding-left: 1.2rem}.stats-bar{display: flex;flex-wrap: wrap;align-items: stretch;gap: 0.35rem 0;margin: 1rem auto 0;padding: 0.85rem 0.4rem;background: var(--bg-elevated);border: 1px solid var(--border);border-radius: var(--radius);min-height: 4.6rem}.stats-dot{display: flex;align-items: center;color: var(--text-muted);padding: 0 0.15rem;font-family: var(--font-display)}.stat{flex: 1 1 5.5rem;text-align: center;padding: 0.15rem 0.4rem}.stat-value{display: block;font-family: var(--font-display);font-size: 1.35rem;font-weight: 700;color: var(--accent);letter-spacing: 0.04em;line-height: 1.1}.stat-label{display: block;margin-top: 0.2rem;color: var(--text-muted);font-size: 0.7rem;letter-spacing: 0.08em;text-transform: uppercase}.controls{padding: 1rem 0 0.4rem;min-height: 7rem}.order-switch, .filter-group{display: flex;flex-wrap: wrap;gap: 0.4rem;margin-bottom: 0.6rem}.order-btn, .filter-btn{appearance: none;background: var(--bg-elevated);color: var(--text);border: 1px solid var(--border);border-radius: var(--radius);font-family: var(--font-body);font-size: 0.85rem;padding: 0.4rem 0.7rem;cursor: pointer}.order-btn:hover, .filter-btn:hover{border-color: var(--accent)}.order-btn.is-active, .filter-btn.is-active{background: var(--accent);color: var(--bg);border-color: var(--accent)}.filter-toggle.is-active{background: var(--accent-secondary);color: var(--bg);border-color: var(--accent-secondary)}.title-list{list-style: none;margin: 0 0 3rem;padding: 0}.milestone{list-style: none;margin: 1.25rem 0 0.4rem;padding: 0}.milestone-label{display: block;font-family: var(--font-display);font-size: 0.72rem;letter-spacing: 0.22em;text-transform: uppercase;color: var(--accent);border-bottom: 1px solid var(--accent);padding-bottom: 0.3rem}.title-row{display: grid;grid-template-columns: auto minmax(0, 1fr) auto;gap: 0.7rem;align-items: center;padding: 0.7rem 0.55rem;border-bottom: 1px solid var(--border)}.title-row.is-watched .title-name{color: var(--text-muted);text-decoration: line-through;text-decoration-thickness: 1px}.title-check{display: flex}.watch-box{width: 1.15rem;height: 1.15rem;accent-color: var(--accent);cursor: pointer}.title-main{display: flex;flex-direction: column;gap: 0.15rem;color: inherit;text-decoration: none;min-width: 0}.title-main:hover .title-name{color: var(--accent)}.title-name{font-weight: 600;line-height: 1.25}.title-meta{color: var(--text-muted);font-size: 0.8rem}.title-flags{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 0.3rem}.badge{display: inline-block;font-size: 0.65rem;letter-spacing: 0.08em;text-transform: uppercase;padding: 0.18rem 0.4rem;border: 1px solid var(--border);border-radius: var(--radius);color: var(--text-muted);white-space: nowrap}.badge-essential{color: var(--bg);background: var(--accent);border-color: var(--accent)}.badge-recommended{color: var(--bg);background: var(--accent-secondary);border-color: var(--accent-secondary)}.badge-optional{color: var(--text-muted);border-color: var(--text-muted)}.badge-unconfirmed{color: var(--accent-danger);border-color: var(--accent-danger)}.badge-prepare{color: var(--accent-secondary);border-color: var(--accent-secondary)}.empty, .muted{color: var(--text-muted)}.title-page{padding-bottom: 3rem}.back-link{display: inline-block;margin: 1rem 0 0.5rem;font-size: 0.85rem}.title-page h1{font-family: var(--font-display);letter-spacing: 0.06em;text-transform: uppercase;margin: 0.3rem 0;line-height: 1.15}.title-page .lede, #title-sub{color: var(--text-muted);margin: 0 0 0.8rem}.title-poster img{display: block;width: min(200px, 45vw);height: auto;border: 1px solid var(--border);border-radius: var(--radius);margin: 0 0 1rem}.title-page h2{font-family: var(--font-display);font-size: 0.8rem;letter-spacing: 0.16em;text-transform: uppercase;color: var(--accent);margin: 1.4rem 0 0.4rem}.title-page p{margin: 0.25rem 0 0.6rem}#title-fields{display: grid;grid-template-columns: max-content 1fr;gap: 0.25rem 1rem;margin: 0}#title-fields dt{color: var(--text-muted)}#title-fields dd{margin: 0}.streaming-list, .plain-list{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 0.4rem}.streaming-badge{border: 1px solid var(--border);background: var(--bg-elevated);border-radius: var(--radius);padding: 0.2rem 0.5rem;font-size: 0.85rem;text-transform: capitalize}.watch-row{display: flex;align-items: center;gap: 0.5rem;margin: 1rem 0;padding: 0.7rem 0.8rem;background: var(--bg-elevated);border: 1px solid var(--border);border-radius: var(--radius)}@media (max-width: 640px){.wrap{width: min(980px, calc(100% - 1.25rem))}.title-row{grid-template-columns: auto minmax(0, 1fr)}.title-flags{grid-column: 2;justify-content: flex-start}.stat-value{font-size: 1.15rem}.filter-btn, .order-btn, .site-nav a, #planner-run{min-height: 44px}.logo-main{font-size: clamp(1.25rem, 7vw, 1.8rem)}.logo-image{max-width: 100%}.planner-form{padding: 0.75rem}}body:has(#error:not([hidden])) .title-page, body:has(#error:not([hidden])) .controls, body:has(#error:not([hidden])) .stats-bar, body:has(#error:not([hidden])) .page-main, body:has(#error:not([hidden])) .planner-page{display: none}.plain-list{flex-direction: column;align-items: flex-start;gap: 0.25rem}.site-nav{display: flex;flex-wrap: wrap;gap: 0.75rem 1.1rem;margin-top: 0.85rem;font-size: 0.85rem;letter-spacing: 0.08em;text-transform: uppercase}.site-nav a{color: var(--text-muted);text-decoration: none}.site-nav a:hover, .site-nav a[aria-current="page"]{color: var(--accent)}.planner-page{padding-bottom: 3rem}.planner-page h1{font-family: var(--font-display);letter-spacing: 0.06em;text-transform: uppercase;margin: 1rem 0 0.35rem}.planner-page .lede{color: var(--text-muted);margin: 0 0 1.2rem}.planner-form{display: grid;gap: 0.9rem;margin-bottom: 1.5rem;padding: 1rem;background: var(--bg-elevated);border: 1px solid var(--border);border-radius: var(--radius)}.planner-form fieldset{border: 1px solid var(--border);border-radius: var(--radius);margin: 0;padding: 0.7rem 0.8rem 0.85rem;display: grid;gap: 0.55rem}.planner-form legend{font-family: var(--font-display);font-size: 0.72rem;letter-spacing: 0.16em;text-transform: uppercase;color: var(--accent);padding: 0 0.35rem}.planner-form label{display: grid;gap: 0.25rem;font-size: 0.9rem}.planner-form [hidden]{display: none}.planner-form input[type="number"], .planner-form input[type="date"], .planner-form input[type="time"], .planner-form select{background: var(--bg);color: var(--text);border: 1px solid var(--border);border-radius: var(--radius);font-family: var(--font-body);font-size: 1rem;padding: 0.35rem 0.5rem}.choice-row{display: flex;flex-wrap: wrap;gap: 0.7rem 1rem}.choice-row label{display: flex;align-items: center;gap: 0.35rem}.hint{margin: 0;color: var(--text-muted);font-size: 0.85rem}.planner-form button[type="submit"]{appearance: none;justify-self: start;background: var(--accent);color: var(--bg);border: 1px solid var(--accent);border-radius: var(--radius);font-family: var(--font-display);letter-spacing: 0.08em;text-transform: uppercase;padding: 0.55rem 0.9rem;cursor: pointer}.planner-errors{margin: 0;color: var(--accent-danger)}.planner-summary{margin: 0 0 1.2rem;padding: 1rem;background: var(--bg-elevated);border: 1px solid var(--border);border-radius: var(--radius)}.planner-finish{font-family: var(--font-display);font-size: clamp(1.4rem, 4vw, 2rem);color: var(--accent);margin: 0.15rem 0 0.35rem;letter-spacing: 0.04em}.planner-change{margin: 0.7rem 0 0;padding: 0.65rem 0.7rem;border-left: 3px solid var(--accent-secondary);color: var(--text)}.planner-warnings{list-style: none;margin: 0 0 1.2rem;padding: 0;display: grid;gap: 0.4rem}.planner-warnings li{padding: 0.55rem 0.7rem;border: 1px solid var(--accent-danger);border-radius: var(--radius);color: var(--text);background: var(--bg-elevated)}.planner-week{margin: 0 0 1.6rem}.planner-week h2{font-family: var(--font-display);font-size: 0.8rem;letter-spacing: 0.16em;text-transform: uppercase;color: var(--accent);border-bottom: 1px solid var(--accent);padding-bottom: 0.3rem;margin: 0 0 0.7rem}.planner-days{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.8rem}.planner-day{padding: 0.7rem 0.75rem;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-elevated)}.planner-day h3{margin: 0;font-size: 1rem}.planner-day-tally{margin: 0.15rem 0 0.45rem;font-size: 0.85rem}.planner-items{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.3rem}.planner-item a{color: var(--text);text-decoration: none;font-weight: 600}.planner-item a:hover{color: var(--accent)}.planner-item[data-missing-runtime="true"], .planner-item[data-over-budget="true"]{border-left: 3px solid var(--accent-danger);padding-left: 0.45rem}.site-footer{position: relative;z-index: 1;margin-top: 2rem;padding: 1.1rem 0 1.6rem;border-top: 1px solid var(--border)}.site-footer nav{display: flex;flex-wrap: wrap;gap: 0.45rem 1rem;font-size: 0.85rem}.site-footer a{color: var(--text-muted);text-decoration: none}.site-footer a:hover{color: var(--accent)}.content-page{padding-bottom: 2rem}.content-page h1{font-family: var(--font-display);letter-spacing: 0.06em;text-transform: uppercase;margin: 1rem 0 0.4rem}.content-page h2{font-family: var(--font-display);font-size: 0.8rem;letter-spacing: 0.16em;text-transform: uppercase;color: var(--accent);margin: 1.4rem 0 0.4rem}.back-row{margin: 1rem 0 0}.explore-cards, .plain-index, .linked-list, .news-list, .changelog-list, .faq-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.7rem}.explore-cards li, .news-item, .changelog-item, .faq-item{padding: 0.75rem 0.85rem;background: var(--bg-elevated);border: 1px solid var(--border);border-radius: var(--radius)}.explore-cards a, .plain-index a, .linked-list a{font-weight: 600;color: var(--text);text-decoration: none}.explore-cards a:hover, .plain-index a:hover, .linked-list a:hover{color: var(--accent)}.explore-cards p, .plain-index p{margin: 0.25rem 0 0}.disclaimer{margin-top: 1.2rem;color: var(--text-muted);font-size: 0.9rem}.news-item h3, .changelog-item h2, .faq-item h2{margin: 0 0 0.25rem;text-transform: none;letter-spacing: 0.02em;font-family: var(--font-body);font-size: 1.05rem;color: var(--text)}body:has(#error:not([hidden])) .content-page{display: none}img{max-width: 100%;height: auto}html, body{overflow-x: hidden;max-width: 100%}.logo-mark{display: block;width: 2.2rem;height: 2.2rem;flex: 0 0 auto}.logo-wordmark{align-items: center}.title-poster img{display: block;width: min(100%, 342px);height: auto;aspect-ratio: 2 / 3;object-fit: cover;background: var(--bg-elevated);border: 1px solid var(--border);border-radius: var(--radius)}.ad-slot{display: none;margin: 1rem auto;box-sizing: border-box;width: 100%;max-width: var(--ad-width, 728px);min-height: var(--ad-height, 90px);height: var(--ad-height, 90px);align-items: center;justify-content: center;background: var(--bg-elevated);border: 1px dashed var(--border);border-radius: var(--radius);color: var(--text-muted);font-size: 0.7rem;letter-spacing: 0.1em;text-transform: uppercase}body.ads-enabled .ad-slot{display: flex}.film-grain{pointer-events: none;position: fixed;inset: 0;z-index: 0;opacity: 0.1;mix-blend-mode: overlay;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size: 180px 180px}@media (prefers-reduced-motion: reduce){.film-grain, .skin-texture{display: none}}#logo{min-height: 2.6rem}body:not(.is-ready) .site-footer{display: none}.page-main{min-height: 70vh}.title-list{min-height: 24rem}.site-header{min-height: 19rem}.stats-bar{min-height: 8.75rem}.controls{min-height: 15rem}#logo{min-height: 4.1rem}.tagline{min-height: 1.4em}.challenge-page{padding-bottom: 3rem}.challenge-page h1{font-family: var(--font-display);letter-spacing: 0.06em;text-transform: uppercase;margin: 1rem 0 0.35rem}.challenge-list{list-style: none;margin: 1rem 0 0;padding: 0;display: grid;gap: 0.85rem}.challenge-card, .challenge-run{padding: 1rem 1.1rem;background: var(--bg-elevated);border: 1px solid var(--border);border-radius: var(--radius)}.challenge-card h2, .challenge-run h2{margin: 0 0 0.35rem;font-size: 1.1rem;font-family: var(--font-display);letter-spacing: 0.04em;text-transform: uppercase}.challenge-meta, .challenge-countdown, .challenge-progress-label{margin: 0.25rem 0;color: var(--text-muted)}.challenge-countdown{font-family: var(--font-display);font-size: 1.35rem;color: var(--accent);letter-spacing: 0.06em}.challenge-status{display: inline-block;margin: 0.35rem 0;padding: 0.15rem 0.5rem;border: 1px solid var(--border);border-radius: var(--radius);font-size: 0.75rem;letter-spacing: 0.1em;text-transform: uppercase}.challenge-status[data-status="active"]{color: var(--accent-secondary);border-color: var(--accent-secondary)}.challenge-status[data-status="completed"]{color: var(--accent);border-color: var(--accent)}.challenge-status[data-status="failed"]{color: var(--accent-danger);border-color: var(--accent-danger)}.challenge-actions{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 0.8rem}.challenge-actions button, .challenge-card button{min-height: 44px;padding: 0.45rem 0.9rem;border: 1px solid var(--accent);background: transparent;color: var(--accent);font-family: var(--font-display);letter-spacing: 0.08em;text-transform: uppercase;border-radius: var(--radius);cursor: pointer}.challenge-actions button:hover, .challenge-card button:hover{background: var(--bg)}.challenge-progress-bar{position: relative;height: 0.65rem;margin: 0.6rem 0;background: var(--bg);border: 1px solid var(--border);border-radius: var(--radius);overflow: hidden}.challenge-progress-bar > span{display: block;height: 100%;background: var(--accent);width: 0%}.challenge-titles{list-style: none;margin: 0.8rem 0 0;padding: 0;display: grid;gap: 0.3rem}.challenge-titles li.is-done a{text-decoration: line-through;color: var(--text-muted)}.participant-count{margin: 1rem 0 0;color: var(--text-muted);font-size: 0.9rem}.participant-count[hidden]{display: none}@media (max-width: 640px){.site-header{min-height: 19rem}.title-list{min-height: 16rem}#next-release{min-height: 2.8em}}@media (min-width: 641px){.site-header{min-height: 12.5rem}.stats-bar{min-height: 4.6rem}.controls{min-height: 7rem}}.visually-hidden{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: absolute;left: 1rem;top: -4rem;z-index: 50;padding: 0.6rem 1rem;background: var(--accent);color: var(--bg);border-radius: var(--radius);font-weight: 600}.skip-link:focus{top: 1rem}.home .wrap{width: min(1180px, calc(100% - 2rem))}.home .site-header, .home .tagline{min-height: 0}.home #logo{min-height: 0;height: 2.6rem;display: flex;align-items: center}.home .site-header{position: relative;z-index: 3;padding: 1rem 0;border-bottom: 0;background: linear-gradient(to bottom, var(--bg), color-mix(in srgb, var(--bg) 0%, transparent))}.home .header-row{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.5rem 1.5rem}.home .tagline{display: none}.home .site-nav{margin-top: 0}.home .site-nav a{padding: 0.45rem 0.2rem;font-weight: 600}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.45rem;min-height: 44px;padding: 0.55rem 1.1rem;border: 1px solid var(--accent);border-radius: min(calc(var(--radius) * 3), 999px);background: transparent;color: var(--accent);font-family: var(--font-display);font-size: 0.8rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;text-decoration: none;cursor: pointer;transition: transform 0.15s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease}.btn:hover{color: var(--bg);background: var(--accent)}.btn-primary{background: var(--accent);color: var(--bg)}.btn-primary:hover{color: var(--bg);transform: translateY(-1px)}.btn-ghost{border-color: color-mix(in srgb, var(--text) 45%, transparent);color: var(--text)}.btn-ghost:hover{border-color: var(--accent);background: color-mix(in srgb, var(--accent) 14%, transparent);color: var(--text)}.btn-lg{min-height: 50px;padding: 0.7rem 1.4rem;font-size: 0.85rem}.btn-small{min-height: 36px;padding: 0.35rem 0.75rem;font-size: 0.68rem}:where(.btn, .path-card, .order-btn, .filter-btn, .seg-btn, .watch-toggle, summary, a):focus-visible{outline: 2px solid var(--accent-secondary);outline-offset: 3px}.hero{position: relative;z-index: 1;isolation: isolate;margin-top: -5rem;padding: 7.5rem 0 3rem;min-height: 600px;display: flex;align-items: flex-end;overflow: hidden}.hero-media{position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;width: 74%;background: radial-gradient(60% 70% at 70% 40%, color-mix(in srgb, var(--accent-secondary) 35%, transparent), transparent 70%), radial-gradient(50% 60% at 30% 80%, color-mix(in srgb, var(--accent-danger) 22%, transparent), transparent 70%), var(--bg-elevated)}.hero-img{width: 100%;height: 100%;object-fit: cover;object-position: 15% 30%;display: block}.hero-media::after{content: "";position: absolute;inset: 0;background: linear-gradient(90deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 75%, transparent) 22%, color-mix(in srgb, var(--bg) 0%, transparent) 55%), linear-gradient(0deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 0%, transparent) 40%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 70%, transparent) 0%, color-mix(in srgb, var(--bg) 0%, transparent) 30%)}.hero-inner{display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.85fr);gap: 2rem;align-items: end}.hero-copy{max-width: 640px}.hero-eyebrow{margin: 0 0 0.6rem;font-family: var(--font-display);font-size: 0.78rem;font-weight: 700;letter-spacing: 0.28em;text-transform: uppercase;color: var(--accent-secondary)}.hero-title{margin: 0;font-family: var(--font-display);font-size: clamp(2.5rem, 6.2vw, 4.9rem);font-weight: 900;line-height: 0.98;letter-spacing: 0.02em;text-transform: uppercase;color: var(--text);text-wrap: balance}.hero-tagline{display: inline-flex;align-items: center;gap: 0.55rem;margin: 1.1rem 0 0;padding: 0.4rem 0.85rem;border: 1px solid color-mix(in srgb, var(--accent) 60%, transparent);border-radius: 999px;background: color-mix(in srgb, var(--bg) 60%, transparent);color: var(--accent);font-family: var(--font-display);font-size: 0.78rem;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase}.pulse-dot{width: 0.55rem;height: 0.55rem;border-radius: 50%;background: var(--accent);box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent);animation: pulse 2s ease-out infinite}@keyframes pulse{0%{box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent)}80%, 100%{box-shadow: 0 0 0 0.6rem color-mix(in srgb, var(--accent) 0%, transparent)}}.hero-intro{margin: 1rem 0 0;max-width: 34rem;color: var(--text);font-size: 1.08rem;line-height: 1.6}.hero-ctas{display: flex;flex-wrap: wrap;gap: 0.7rem;margin-top: 1.5rem}.countdown-card{justify-self: end;width: min(100%, 420px);min-height: 196px;padding: 1.1rem 1.2rem 1.2rem;border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius: min(calc(var(--radius) * 5), 18px);background: color-mix(in srgb, var(--bg) 78%, transparent);backdrop-filter: blur(8px)}.countdown-head{display: grid;gap: 0.15rem}.countdown-eyebrow{font-size: 0.68rem;font-weight: 600;letter-spacing: 0.2em;text-transform: uppercase;color: var(--text-muted)}.countdown-title{font-family: var(--font-display);font-size: 1.2rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--accent)}.countdown-date{font-size: 0.85rem;color: var(--text-muted)}.countdown-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 0.5rem;margin-top: 0.9rem}.countdown-grid[hidden], .countdown-note[hidden]{display: none}.countdown-cell{display: grid;justify-items: center;gap: 0.2rem;padding: 0.6rem 0.2rem 0.5rem;border: 1px solid var(--border);border-radius: min(calc(var(--radius) * 4), 12px);background: color-mix(in srgb, var(--bg-elevated) 80%, transparent)}.countdown-num{font-family: var(--font-display);font-size: 1.85rem;font-weight: 700;line-height: 1;color: var(--text);font-variant-numeric: tabular-nums}.countdown-label{font-size: 0.62rem;letter-spacing: 0.16em;text-transform: uppercase;color: var(--text-muted)}.countdown-note{margin: 0.9rem 0 0;color: var(--text)}.home-main{position: relative;z-index: 1}.home-block{margin-top: 2.5rem}.section-head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 0.3rem 1rem;margin-bottom: 1rem}.section-title{margin: 0;font-family: var(--font-display);font-size: clamp(1.3rem, 2.6vw, 1.85rem);font-weight: 900;letter-spacing: 0.04em;text-transform: uppercase;color: var(--text)}.section-kicker{margin: 0;color: var(--text-muted);font-size: 0.95rem}.path-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0.9rem;min-height: 168px}.path-card{appearance: none;position: relative;display: grid;align-content: start;justify-items: start;gap: 0.35rem;padding: 1.1rem 1.1rem 1rem;border: 1px solid var(--border);border-radius: min(calc(var(--radius) * 5), 16px);background: var(--bg-elevated);color: var(--text);font: inherit;text-align: left;cursor: pointer;overflow: hidden;transition: transform 0.18s ease, border-color 0.2s ease, box-shadow 0.25s ease}.path-card::before{content: "";position: absolute;inset: 0 0 auto;height: 3px;background: linear-gradient(90deg, var(--accent), var(--accent-secondary));opacity: 0.85}.path-card:hover{transform: translateY(-3px);border-color: var(--accent)}.path-card.is-active{border-color: var(--accent);background: color-mix(in srgb, var(--accent) 12%, var(--bg-elevated))}.path-icon{display: inline-grid;place-items: center;width: 2.6rem;height: 2.6rem;border-radius: 50%;background: color-mix(in srgb, var(--accent) 16%, transparent);color: var(--accent)}.path-label{margin-top: 0.3rem;font-family: var(--font-display);font-size: 1rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;line-height: 1.2}.path-blurb{color: var(--text-muted);font-size: 0.88rem;line-height: 1.4}.path-meta{margin-top: 0.35rem;padding: 0.2rem 0.6rem;border-radius: 999px;border: 1px solid var(--border);font-size: 0.75rem;font-weight: 600;letter-spacing: 0.06em;color: var(--text)}.speedrun-card{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem 2rem;margin-top: 1rem;padding: 1.2rem 1.4rem;min-height: 132px;border: 1px solid color-mix(in srgb, var(--accent-danger) 55%, var(--border));border-radius: min(calc(var(--radius) * 5), 16px);background: radial-gradient(80% 140% at 100% 0%, color-mix(in srgb, var(--accent-danger) 20%, transparent), transparent 60%), var(--bg-elevated)}.speedrun-card[hidden]{display: none}.speedrun-copy{flex: 1 1 26rem;min-width: 0}.speedrun-eyebrow{display: inline-flex;align-items: center;gap: 0.4rem;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.2em;text-transform: uppercase;color: var(--accent-danger)}.speedrun-title{margin: 0.25rem 0 0.2rem;font-family: var(--font-display);font-size: 1.3rem;font-weight: 900;letter-spacing: 0.03em;text-transform: uppercase}.speedrun-desc, .speedrun-meta{margin: 0.15rem 0 0;color: var(--text-muted)}.speedrun-meta{color: var(--text);font-size: 0.9rem}.speedrun-pace{margin: 0.3rem 0 0;font-weight: 700;font-size: 0.95rem;color: var(--accent)}.speedrun-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 0.6rem}.speedrun-clock{font-family: var(--font-display);font-size: 1.15rem;color: var(--accent)}.meter{position: relative;height: 0.5rem;min-width: 8rem;border-radius: 999px;background: color-mix(in srgb, var(--text) 14%, transparent);overflow: hidden}.meter > span{display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg, var(--accent-secondary), var(--accent));transition: width 0.5s ease}.meter-lg{height: 0.75rem}.dashboard{display: grid;grid-template-columns: auto minmax(0, 1.35fr) minmax(0, 0.85fr);grid-template-areas: "ring stats ready" "hint hint hint";gap: 1rem 1.4rem;align-items: center;padding: 1.4rem;border: 1px solid var(--border);border-radius: min(calc(var(--radius) * 6), 20px);background: var(--bg-elevated)}.dash-ring{grid-area: ring;display: grid;justify-items: center;gap: 0.2rem;min-width: 132px;min-height: 160px}.ring{position: relative;width: 132px;height: 132px}.ring svg{display: block}.ring-track{stroke: color-mix(in srgb, var(--text) 14%, transparent)}.ring-fill{stroke: var(--accent);transition: stroke-dashoffset 0.7s cubic-bezier(0.2, 0.8, 0.2, 1)}.ring-num{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-family: var(--font-display);font-size: 2rem;font-weight: 900;color: var(--text)}.ring-num small{font-size: 0.9rem}.ring-caption{font-size: 0.72rem;letter-spacing: 0.18em;text-transform: uppercase;color: var(--text-muted)}.home .stats-bar{grid-area: stats;display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 0.6rem;margin: 0;padding: 0;border: 0;background: none;min-height: 0}.home .stat{padding: 0.85rem 0.4rem 0.75rem;border: 1px solid var(--border);border-radius: min(calc(var(--radius) * 4), 12px);background: var(--bg)}.home .stat-value{font-size: clamp(1.2rem, 2vw, 1.6rem);font-weight: 900}.home .stat-label{font-size: 0.62rem}.home .stats-dot{display: none}.dash-ready{grid-area: ready;display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 0.5rem 1rem;padding: 1rem 1.1rem;border-radius: min(calc(var(--radius) * 4), 12px);border: 1px solid color-mix(in srgb, var(--accent-secondary) 55%, var(--border));background: color-mix(in srgb, var(--accent-secondary) 10%, var(--bg));min-height: 150px}.dash-ready[hidden]{display: none}.ready-label{font-family: var(--font-display);font-size: 0.8rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--accent-secondary)}.ready-num{font-family: var(--font-display);font-size: 2rem;font-weight: 900;color: var(--text);text-align: right}.dash-ready .meter, .ready-meta{grid-column: 1 / -1}.ready-meta{color: var(--text-muted);font-size: 0.9rem}.dash-ready .btn{grid-column: 1 / -1;justify-self: start}.dash-hint{grid-area: hint;margin: 0;color: var(--text-muted);font-size: 0.8rem;letter-spacing: 0.1em;text-transform: uppercase}.tracker-block{outline: none;scroll-margin-top: 0.5rem}.home .controls{position: sticky;top: 0;z-index: 6;min-height: 0;padding: 0.75rem 0 0.4rem;margin-bottom: 0.4rem;background: color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter: blur(8px);border-bottom: 1px solid color-mix(in srgb, var(--border) 50%, transparent)}.controls-row{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.6rem 1rem}.home .order-switch{margin-bottom: 0;padding: 0.25rem;gap: 0.25rem;border: 1px solid var(--border);border-radius: 999px;background: var(--bg-elevated)}.home .order-btn{border: 0;border-radius: 999px;background: transparent;padding: 0.45rem 0.95rem;font-weight: 600}.home .order-btn.is-active{background: var(--accent);color: var(--bg)}.home .filters{display: flex;flex-wrap: wrap;gap: 0.4rem 1rem;margin-top: 0.6rem}.home .filter-group{margin-bottom: 0.2rem}.home .filter-btn{border-radius: 999px;padding: 0.38rem 0.85rem}.search input{width: min(22rem, 70vw);min-height: 42px;padding: 0.5rem 0.95rem;border: 1px solid var(--border);border-radius: 999px;background: var(--bg-elevated);color: var(--text);font: inherit;font-size: 0.92rem}.search input::placeholder{color: var(--text-muted)}.home .title-list{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1rem;margin: 0.5rem 0 1rem;min-height: 24rem}.home .title-list > .empty{grid-column: 1 / -1;padding: 2rem;text-align: center}.era-banner{position: relative;display: flex;margin: 0;min-height: 100%;border-radius: min(calc(var(--radius) * 5), 14px);overflow: hidden;border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--border));background: linear-gradient(170deg, color-mix(in srgb, var(--accent) 18%, var(--bg-elevated)) 0%, var(--bg) 85%);isolation: isolate}.era-banner-art{position: absolute;inset: 0;z-index: -1}.era-banner-img{width: 100%;height: 100%;object-fit: cover;object-position: 30% 30%;opacity: 0.5;display: block}.era-banner-art::after{content: "";position: absolute;inset: 0;background: linear-gradient(0deg, var(--bg) 8%, color-mix(in srgb, var(--bg) 55%, transparent) 55%, color-mix(in srgb, var(--bg) 20%, transparent) 100%)}.era-banner-inner{display: flex;flex-direction: column;justify-content: flex-end;gap: 0.4rem;width: 100%;padding: 1.2rem 1.1rem}.era-banner-index{font-family: var(--font-display);font-size: 3.4rem;font-weight: 900;line-height: 1;color: transparent;-webkit-text-stroke: 1.5px var(--accent);margin-bottom: auto}.home .milestone{margin: 0}.home .milestone-label.era-banner-title{margin: 0;padding: 0 0 0.5rem;border: 0;border-bottom: 2px solid var(--accent);font-size: clamp(1.15rem, 1.9vw, 1.5rem);font-weight: 900;line-height: 1.1;letter-spacing: 0.06em;color: var(--accent)}.era-banner-meta{color: var(--text);font-size: 0.85rem;line-height: 1.5}.era-banner-meta strong{display: block;color: var(--accent-secondary);font-weight: 600}.home .title-card{position: relative;display: flex;flex-direction: column;align-items: stretch;padding: 0;gap: 0;border: 1px solid var(--border);border-radius: min(calc(var(--radius) * 5), 14px);background: var(--bg-elevated);overflow: hidden;transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.25s ease}.home .title-card:hover{transform: translateY(-4px);border-color: color-mix(in srgb, var(--accent) 70%, var(--border))}.card-poster{position: relative;display: block;aspect-ratio: 2 / 3;overflow: hidden;background: var(--bg)}.poster{position: absolute;inset: 0;overflow: hidden;background-size: cover}.poster-img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.4s ease, filter 0.3s ease}.title-card:hover .poster-img{transform: scale(1.04)}.poster.is-placeholder{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0.8rem;text-align: center}.poster-mono{font-family: var(--font-display);font-size: clamp(2rem, 4vw, 3.2rem);font-weight: 900;letter-spacing: 0.06em;color: #fff;text-shadow: 0 2px 18px rgb(0 0 0 / 0.5)}.poster-caption{margin-top: 0.4rem;max-width: 100%;font-family: var(--font-display);font-size: 0.72rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: rgb(255 255 255 / 0.92);text-shadow: 0 1px 6px rgb(0 0 0 / 0.6)}.card-pos, .card-type{position: absolute;top: 0.55rem;padding: 0.18rem 0.5rem;border-radius: 999px;background: rgb(0 0 0 / 0.72);color: #fff;font-size: 0.68rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase}.card-pos{left: 0.55rem;font-family: var(--font-display)}.card-type{right: 0.55rem}.card-seen{position: absolute;inset: 0;display: grid;place-items: center;background: color-mix(in srgb, var(--bg) 55%, transparent);color: var(--accent);opacity: 0;transition: opacity 0.25s ease;pointer-events: none}.card-seen svg{width: 3.6rem;height: 3.6rem;padding: 0.6rem;border-radius: 50%;background: var(--accent);color: var(--bg)}.title-card.is-watched .card-seen{opacity: 1}.title-card.is-watched .poster-img, .title-card.is-watched .poster.is-placeholder{filter: grayscale(0.7) brightness(0.75)}.card-body{display: flex;flex-direction: column;gap: 0.45rem;flex: 1;padding: 0.85rem 0.9rem 0.6rem}.home .title-main{gap: 0.4rem}.home .title-name{font-size: 1rem;font-weight: 600;line-height: 1.25;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.home .title-row.is-watched .title-name{text-decoration: none}.home .title-meta{display: flex;flex-wrap: wrap;gap: 0.3rem;font-size: 0.75rem}.chip{padding: 0.08rem 0.45rem;border: 1px solid var(--border);border-radius: 999px;color: var(--text);font-variant-numeric: tabular-nums}.card-desc{margin: 0;color: var(--text-muted);font-size: 0.84rem;line-height: 1.45;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.home .title-flags{justify-content: flex-start;margin-top: auto;padding-top: 0.2rem}.home .badge{border-radius: 999px;padding: 0.16rem 0.5rem;font-weight: 600}.home .streaming-badge{border-radius: 999px;font-size: 0.68rem;padding: 0.14rem 0.5rem;text-transform: none}.badge-payoff{color: var(--accent-secondary);border-color: var(--accent-secondary);background: color-mix(in srgb, var(--accent-secondary) 12%, transparent)}.watch-toggle{position: relative;display: flex;align-items: center;justify-content: center;gap: 0.5rem;min-height: 46px;margin: 0 0.9rem 0.9rem;border: 1px solid var(--border);border-radius: min(calc(var(--radius) * 4), 999px);color: var(--text);font-family: var(--font-display);font-size: 0.75rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer;transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.12s ease}.watch-toggle:hover{border-color: var(--accent)}.watch-toggle:active{transform: scale(0.97)}.watch-toggle:has(.watch-box:focus-visible){outline: 2px solid var(--accent-secondary);outline-offset: 2px}.home .watch-box{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer}.watch-check{display: inline-grid;place-items: center;width: 1.5rem;height: 1.5rem;border: 2px solid var(--text-muted);border-radius: 50%;color: transparent;transition: background-color 0.2s ease, border-color 0.2s ease}.watch-check svg{width: 0.95rem;height: 0.95rem}.check-path{stroke-dasharray: 24;stroke-dashoffset: 24}.watch-on{display: none}.title-card.is-watched .watch-toggle{background: var(--accent);border-color: var(--accent);color: var(--bg)}.title-card.is-watched .watch-check{border-color: var(--bg);background: var(--bg);color: var(--accent)}.title-card.is-watched .check-path, .card-seen .check-path{stroke-dashoffset: 0}.title-card.is-watched .watch-on{display: inline}.title-card.is-watched .watch-off{display: none}.title-card.just-watched .check-path{animation: draw-check 0.45s ease-out both}.title-card.just-watched .watch-check{animation: pop 0.45s cubic-bezier(0.2, 1.6, 0.4, 1) both}.title-card.just-watched .card-seen svg{animation: pop 0.5s cubic-bezier(0.2, 1.6, 0.4, 1) both}.title-card.just-watched{animation: card-glow 0.9s ease-out}@keyframes draw-check{from{stroke-dashoffset: 24}to{stroke-dashoffset: 0}}@keyframes pop{0%{transform: scale(0.4)}70%{transform: scale(1.18)}100%{transform: scale(1)}}@keyframes card-glow{0%{box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 70%, transparent)}100%{box-shadow: 0 0 0 14px color-mix(in srgb, var(--accent) 0%, transparent)}}.duo{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);gap: 1rem}.panel{padding: 1.3rem 1.4rem;border: 1px solid var(--border);border-radius: min(calc(var(--radius) * 6), 20px);background: var(--bg-elevated);min-height: 320px}.panel-title{margin: 0;font-family: var(--font-display);font-size: 1.3rem;font-weight: 900;letter-spacing: 0.04em;text-transform: uppercase;color: var(--accent)}.panel-lede{margin: 0.25rem 0 1rem;color: var(--text-muted)}.panel-sub{margin: 0 0 0.55rem;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.18em;text-transform: uppercase;color: var(--text-muted)}#watching{display: grid;grid-template-columns: 1fr 1fr;column-gap: 1.4rem;align-content: start}#watching > .panel-title, #watching > .panel-lede{grid-column: 1 / -1}.up-next-list, .section-progress-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.6rem}.up-next-item{display: grid;grid-template-columns: 44px minmax(0, 1fr);gap: 0.3rem 0.7rem;align-items: center}.up-next-poster{position: relative;grid-row: span 2;display: block;width: 44px;aspect-ratio: 2 / 3;border-radius: 6px;overflow: hidden}.up-next-poster .poster-mono{font-size: 0.85rem}.up-next-poster .poster-caption{display: none}.up-next-copy{display: grid;min-width: 0;font-size: 0.88rem}.up-next-name{color: var(--text);font-weight: 600;text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.up-next-item .btn{justify-self: start}.section-progress-list li{display: grid;grid-template-columns: 1fr auto;gap: 0.25rem 0.5rem;font-size: 0.85rem}.section-progress-list .meter{grid-column: 1 / -1;min-width: 0}.sp-count{color: var(--text-muted);font-variant-numeric: tabular-nums}.mini-planner-form{display: grid;gap: 0.6rem}.seg{display: flex;flex-wrap: wrap;gap: 0.25rem;padding: 0.25rem;border: 1px solid var(--border);border-radius: 999px;width: fit-content;max-width: 100%}.seg-btn{appearance: none;border: 0;border-radius: 999px;background: transparent;color: var(--text);font: inherit;font-size: 0.85rem;padding: 0.45rem 0.9rem;min-height: 40px;cursor: pointer}.seg-btn.is-active{background: var(--accent);color: var(--bg);font-weight: 600}.mini-hours{display: flex;justify-content: space-between;font-size: 0.9rem;color: var(--text-muted)}.mini-hours-out{font-family: var(--font-display);font-weight: 700;color: var(--accent)}#mini-hours{width: 100%;accent-color: var(--accent);min-height: 32px}.mini-result{margin: 0.8rem 0 1rem;min-height: 7rem}.mini-label{font-size: 0.72rem;letter-spacing: 0.18em;text-transform: uppercase;color: var(--text-muted)}.mini-finish{margin: 0.1rem 0;font-family: var(--font-display);font-size: 1.5rem;font-weight: 900;color: var(--text)}.mini-meta{margin: 0;font-size: 0.88rem}.mini-gap{display: inline-block;margin: 0.5rem 0 0;padding: 0.25rem 0.7rem;border-radius: 999px;font-size: 0.85rem;font-weight: 600}.mini-gap.tone-good{color: var(--accent-secondary);border: 1px solid var(--accent-secondary)}.mini-gap.tone-late{color: var(--accent-danger);border: 1px solid var(--accent-danger)}.news-block[hidden]{display: none}.news-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));gap: 1rem;margin-top: 1rem}.news-card{display: grid;grid-template-rows: auto 1fr;border: 1px solid var(--border);border-radius: min(calc(var(--radius) * 5), 16px);background: var(--bg-elevated);overflow: hidden}.news-art{position: relative;aspect-ratio: 16 / 9;background: var(--bg)}.news-img{width: 100%;height: 100%;object-fit: cover;display: block}.news-body{padding: 0.9rem 1rem 1rem}.news-flag{font-size: 0.68rem;font-weight: 700;letter-spacing: 0.18em;text-transform: uppercase}.news-flag.is-upcoming{color: var(--accent)}.news-flag.is-released{color: var(--accent-secondary)}.news-title{margin: 0.2rem 0;font-family: var(--font-display);font-size: 1.05rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase}.news-date{margin: 0;font-weight: 600;color: var(--text)}.news-summary{margin: 0.4rem 0;color: var(--text-muted);font-size: 0.9rem}.news-source{font-size: 0.85rem}.faq-block, .about-block{max-width: 880px}.faq-block .section-title, .about-block .section-title{margin-bottom: 1rem;color: var(--accent)}.faq-list{border-top: 1px solid var(--border)}.faq-item{border-bottom: 1px solid var(--border)}.faq-item summary{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 1rem 0.2rem;cursor: pointer;list-style: none}.faq-item summary::-webkit-details-marker{display: none}.faq-q{margin: 0;font-family: var(--font-body);font-size: 1.02rem;font-weight: 600;line-height: 1.35}.faq-icon{position: relative;flex: 0 0 1.6rem;width: 1.6rem;height: 1.6rem;border: 1px solid var(--border);border-radius: 50%}.faq-icon::before, .faq-icon::after{content: "";position: absolute;top: 50%;left: 50%;width: 0.7rem;height: 2px;background: var(--accent);transform: translate(-50%, -50%);transition: transform 0.2s ease}.faq-icon::after{transform: translate(-50%, -50%) rotate(90deg)}.faq-item[open] .faq-icon::after{transform: translate(-50%, -50%) rotate(0deg)}.faq-a p{margin: 0 0 1rem;padding: 0 0.2rem;color: var(--text-muted);line-height: 1.65}.about-block{padding: 1.6rem 1.8rem;border: 1px solid var(--border);border-radius: min(calc(var(--radius) * 6), 20px);background: var(--bg-elevated)}.about-block p{color: var(--text-muted);line-height: 1.7}.home .site-footer{margin-top: 3rem;padding: 2rem 0 2.5rem;border-top: 1px solid var(--border);position: relative;z-index: 1}.home .site-footer nav{display: flex;flex-wrap: wrap;gap: 0.4rem 1.2rem}.home .site-footer nav a{display: inline-block;padding: 0.35rem 0;color: var(--text-muted);font-size: 0.85rem;text-decoration: none}.home .site-footer nav a:hover{color: var(--accent)}.tmdb-attribution{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 0.8rem;margin-top: 1.2rem}.tmdb-attribution[hidden]{display: none}.tmdb-link{display: inline-flex;opacity: 0.85}.tmdb-link img{display: block;width: 92px;height: 12px}.tmdb-notice, .footer-disclaimer{margin: 0;color: var(--text-muted);font-size: 0.78rem}.footer-disclaimer{margin-top: 0.7rem}body:has(#error:not([hidden])) .hero, body:has(#error:not([hidden])) .home-main{display: none}@media (max-width: 1100px){.home .title-list{grid-template-columns: repeat(3, minmax(0, 1fr))}.path-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}.dashboard{grid-template-columns: auto minmax(0, 1fr);grid-template-areas: "ring stats" "ready ready" "hint hint"}}@media (max-width: 860px){.home .title-list{grid-template-columns: repeat(2, minmax(0, 1fr))}.hero-inner, .duo{grid-template-columns: 1fr}.countdown-card{justify-self: start}#watching{grid-template-columns: 1fr;row-gap: 1.2rem}}@media (max-width: 640px){.home .wrap{width: calc(100% - 1.5rem)}.home .site-header{padding: 0.7rem 0 0.3rem}.home .header-row{flex-wrap: nowrap;flex-direction: column;align-items: flex-start;gap: 0.35rem}.home .logo-suffix{display: none}.home .logo-main{font-size: 1.45rem}.home #logo{height: 2.1rem}.home .logo-mark{width: 1.8rem;height: 1.8rem}.home .site-nav{flex-wrap: nowrap;gap: 0 1.1rem;max-width: 100%;overflow-x: auto;scrollbar-width: none;font-size: 0.78rem}.home .site-nav a{display: inline-flex;align-items: center;min-height: 40px}.hero{margin-top: 0;padding: 0 0 1.5rem;min-height: 0;display: block}.hero-media{position: relative;width: 100%;aspect-ratio: 16 / 10;z-index: 0}.hero-img{object-position: 30% 25%}.hero-media::after{background: linear-gradient(0deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 0%, transparent) 55%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 55%, transparent) 0%, color-mix(in srgb, var(--bg) 0%, transparent) 25%)}.hero-inner{position: relative;margin-top: -3.2rem;gap: 1.2rem}.hero-title{font-size: clamp(2.1rem, 11vw, 2.8rem)}.hero-intro{font-size: 1rem}.hero-ctas .btn{flex: 1 1 auto}.countdown-card{width: 100%;min-height: 186px}.countdown-num{font-size: 1.55rem}.home-block{margin-top: 2rem}.path-grid{grid-template-columns: 1fr;gap: 0.6rem;min-height: 0}.path-card{grid-template-columns: auto 1fr;column-gap: 0.85rem;align-items: center;padding: 0.85rem 1rem}.path-icon{grid-row: span 3}.path-label{margin-top: 0}.path-meta{margin-top: 0.1rem}.speedrun-card{padding: 1rem}.speedrun-actions .btn{flex: 1 1 auto}.dashboard{grid-template-columns: 1fr;grid-template-areas: "ring" "stats" "ready" "hint";padding: 1rem}.home .stats-bar{grid-template-columns: repeat(3, minmax(0, 1fr))}.home .stat-value{font-size: 1.45rem}.home .stat-label{font-size: 0.62rem}.controls-row{flex-direction: column;align-items: stretch}.search input{width: 100%}.home .order-switch{width: 100%;justify-content: space-between}.home .order-btn{flex: 1;min-height: 40px}.home .controls{position: static}.home .filters{flex-wrap: nowrap;flex-direction: column;gap: 0.3rem}.home .filter-group{flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;padding-bottom: 0.15rem}.home .filter-btn{flex: 0 0 auto;min-height: 40px}.home .title-list{grid-template-columns: 1fr;gap: 0.6rem}.era-banner{margin-top: 0.8rem;min-height: 92px;border-left: 3px solid var(--accent)}.era-banner-art::after{background: linear-gradient(90deg, var(--bg) 10%, color-mix(in srgb, var(--bg) 35%, transparent) 100%)}.era-banner-inner{display: grid;grid-template-columns: auto 1fr;column-gap: 0.8rem;align-items: center;padding: 0.85rem 1rem}.era-banner-index{grid-row: span 2;font-size: 2.1rem;margin: 0}.home .milestone-label.era-banner-title{border: 0;padding: 0}.era-banner-meta strong{display: inline}.home .title-card{display: grid;grid-template-columns: 76px minmax(0, 1fr) 48px;align-items: start;gap: 0 0.75rem;padding: 0.7rem}.home .title-card:hover{transform: none}.card-poster{grid-row: span 1;width: 76px;border-radius: 8px}.card-pos{top: auto;bottom: 0.3rem;left: 0.3rem;font-size: 0.6rem;padding: 0.1rem 0.35rem}.card-type{display: none}.poster-mono{font-size: 1.35rem}.poster-caption{display: none}.card-seen svg{width: 2.2rem;height: 2.2rem;padding: 0.4rem}.card-body{padding: 0;gap: 0.35rem}.home .title-name{font-size: 0.95rem}.card-desc{font-size: 0.8rem}.watch-toggle{margin: 0;width: 48px;height: 48px;min-height: 48px;padding: 0;border-radius: 50%;align-self: center}.watch-text{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.watch-check{width: 1.7rem;height: 1.7rem}.panel{padding: 1.1rem;min-height: 0}.about-block{padding: 1.2rem}}@media (prefers-reduced-motion: reduce){.pulse-dot, .title-card.just-watched, .title-card.just-watched .check-path, .title-card.just-watched .watch-check, .title-card.just-watched .card-seen svg{animation: none}.home .title-card, .path-card, .btn, .poster-img, .ring-fill, .meter > span{transition: none}.home .title-card:hover, .path-card:hover{transform: none}}.path-picker{display: grid;grid-template-columns: 1fr;gap: 0.75rem}.path-picker .path-card{position: relative;display: grid;grid-template-columns: auto minmax(0, 1fr) auto;align-items: center;column-gap: 1.1rem;width: 100%;min-height: 88px;padding: 1rem 1.25rem;border: 1px solid var(--border);border-radius: min(calc(var(--radius) * 3), 12px);background: var(--bg-elevated);text-align: left;overflow: hidden;isolation: isolate;transform: none}.path-picker .path-card::before{content: "";position: absolute;inset: 0;height: auto;z-index: -1;background: linear-gradient(90deg, var(--bg-elevated) 0%, color-mix(in srgb, var(--bg-elevated) 70%, transparent) 55%, color-mix(in srgb, var(--bg-elevated) 25%, transparent) 100%);opacity: 1}.path-picker .path-bg{position: absolute;inset: 0;z-index: -2;width: 100%;height: 100%;object-fit: cover;object-position: center 30%;opacity: 0.2;filter: saturate(0);transform: scale(1);transition: opacity 0.35s ease, filter 0.35s ease, transform 0.6s ease}.path-picker .path-card:hover .path-bg{opacity: 0.4;filter: saturate(0.6)}.path-picker .path-card:hover{transform: none;border-color: color-mix(in srgb, var(--accent) 60%, var(--border))}.path-picker .path-card.is-active{border-color: var(--accent);background: color-mix(in srgb, var(--accent) 10%, var(--bg-elevated));box-shadow: 0 0 0 1px var(--accent), 0 0 20px color-mix(in srgb, var(--accent) 35%, transparent)}.path-picker .path-card.is-active .path-bg{opacity: 0.55;filter: saturate(1);transform: scale(1.08)}.path-picker .path-icon{grid-row: auto;width: 56px;height: 56px;border-radius: 14px;background: color-mix(in srgb, var(--bg) 55%, transparent);border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent)}.path-picker .path-icon img, .path-picker .path-icon svg{width: 44px;height: 44px}.path-picker .path-copy{display: grid;gap: 0.2rem;min-width: 0}.path-picker .path-label{margin: 0;font-size: 1.12rem;font-weight: 800;letter-spacing: 0.03em}.path-picker .path-blurb{color: var(--text-muted);font-size: 0.92rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.path-picker .path-card.is-active .path-blurb{color: var(--text)}.path-picker .path-check{display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;border: 1px solid var(--border);color: transparent;transition: background 0.2s ease, color 0.2s ease}.path-picker .path-card.is-active .path-check{background: var(--accent);border-color: var(--accent);color: var(--bg)}@media (max-width: 640px){.path-picker{gap: 0.6rem}.path-picker .path-card{grid-template-columns: auto minmax(0, 1fr) auto;column-gap: 0.8rem;min-height: 76px;padding: 0.8rem 0.9rem}.path-picker .path-icon{width: 46px;height: 46px}.path-picker .path-icon img, .path-picker .path-icon svg{width: 36px;height: 36px}.path-picker .path-label{font-size: 0.98rem}.path-picker .path-blurb{font-size: 0.82rem;white-space: normal}.path-picker .path-check{width: 28px;height: 28px}}@media (prefers-reduced-motion: reduce){.path-picker .path-bg{transition: none;transform: none !important}}.list-heading{margin: 0 0 0.8rem}.skip-btn{appearance: none;display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.3rem 0.65rem;border: 1px solid var(--border);border-radius: 999px;background: transparent;color: var(--text-muted);font: inherit;font-size: 0.78rem;cursor: pointer}.skip-btn.is-active{border-color: var(--accent-danger);color: var(--accent-danger);background: color-mix(in srgb, var(--accent-danger) 10%, transparent)}.title-card .skip-btn{justify-self: start;margin: 0 0.75rem 0.75rem}.title-card.is-skipped{opacity: 0.55}.title-card.is-skipped .title-name{text-decoration: line-through}.chip-rating{color: var(--accent);font-weight: 700}.list-legend{display: flex;flex-wrap: wrap;gap: 0.4rem 1rem;margin: 0.6rem 0 0;color: var(--text-muted);font-size: 0.8rem}.legend-item{display: inline-flex;align-items: center;gap: 0.3rem}.skip-sample{padding: 0.05rem 0.4rem}.card-spoiler{color: var(--accent-danger);font-size: 0.85rem;font-style: italic}.title-actions{display: flex;gap: 0.8rem;align-items: center}.title-prevnext{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.6rem;margin: 1rem 0}.planner-fab{position: fixed;right: 1.2rem;bottom: 1.2rem;z-index: 40;padding: 0.8rem 1.2rem;border-radius: 999px;background: var(--accent);color: var(--bg);font-weight: 700;text-decoration: none;box-shadow: 0 6px 22px color-mix(in srgb, var(--bg) 60%, transparent)}.planner-fab:hover{filter: brightness(1.08)}.weekly-grid{display: grid;grid-template-columns: repeat(7, minmax(0, 1fr));gap: 0.4rem}.weekly-grid label{display: grid;gap: 0.2rem;font-size: 0.8rem}.weekly-grid input{width: 100%}.check-row{display: flex;gap: 0.5rem;align-items: center}.planner-target[data-target-met="false"]{color: var(--accent-danger);font-weight: 600}.planner-target[data-target-met="true"]{color: var(--accent)}@media (max-width: 640px){.weekly-grid{grid-template-columns: repeat(4, minmax(0, 1fr))}}.makeit, .marathon{margin: 1.2rem 0;padding: 1rem;border: 1px solid var(--border);border-radius: var(--radius)}.makeit-row{display: flex;gap: 0.6rem;align-items: center;flex-wrap: wrap}.makeit-row input{width: 6rem}.makeit-verdict[data-makeit-verdict="yes"]{color: var(--accent);font-weight: 700}.makeit-verdict[data-makeit-verdict="no"]{color: var(--accent-danger);font-weight: 700}.stat-cards{display: flex;flex-wrap: wrap;gap: 0.8rem;padding: 0;list-style: none}.stat-cards li{display: grid;padding: 0.8rem 1rem;border: 1px solid var(--border);border-radius: var(--radius)}.era-hours, .rank-list{padding-left: 1.2rem}.era-hours li{display: flex;justify-content: space-between;gap: 1rem;padding: 0.3rem 0;border-bottom: 1px solid var(--border)}.milestone-badges{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 0.6rem;padding: 0;list-style: none}.milestone-badge{display: grid;grid-template-columns: auto 1fr auto;gap: 0.5rem;align-items: center;padding: 0.6rem 0.8rem;border: 1px solid var(--border);border-radius: var(--radius);color: var(--text-muted)}.milestone-badge.is-earned{border-color: var(--accent);color: var(--text)}.milestone-badge.is-earned .milestone-mark{color: var(--accent)}.challenge-tonight{font-weight: 600}body.home{padding-bottom: 4.5rem}