:root{--color-bg: #0d0e12;--color-surface: #16181f;--color-surface-raised: #1c1f28;--color-border: #2a2d38;--color-border-strong: #3a3e4c;--color-text: #f4f5f7;--color-text-secondary: #a8adba;--color-text-muted: #6f7480;--color-accent: #6d92ff;--color-accent-strong: #8fb0ff;--color-accent-muted: rgba(109, 146, 255, .14);--color-focus-ring: #8fb0ff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 2.75rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--content-max-width: 1280px;--header-height: 64px;--transition-fast: .12s ease}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body,h1,h2,h3,h4,p,figure{margin:0}body{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{line-height:1.25;font-weight:700}img,svg,video{display:block;max-width:100%}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-strong);text-decoration:underline}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul,ol{list-style:none;margin:0;padding:0}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-48px;left:var(--space-4);z-index:100;background:var(--color-accent);color:#0d0e12;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:600;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-3)}.container{width:100%;max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:48em){.container{padding-inline:var(--space-6)}}.site-header{position:sticky;top:0;z-index:50;background:#0d0e12eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--header-height)}.site-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.site-logo:hover{color:var(--color-text);text-decoration:none}.site-logo__mark{color:var(--color-accent)}.nav-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.primary-nav{position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:none}.primary-nav[data-open=true]{display:block}.primary-nav ul{display:flex;flex-direction:column;padding:var(--space-3) var(--space-4)}.primary-nav a{display:block;padding:var(--space-3) 0;color:var(--color-text-secondary);font-weight:600;border-bottom:1px solid var(--color-border)}.primary-nav li:last-child a{border-bottom:none}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--color-text);text-decoration:none}@media(min-width:48em){.nav-toggle{display:none}.primary-nav{position:static;display:block;background:none;border-bottom:none}.primary-nav ul{flex-direction:row;align-items:center;gap:var(--space-6);padding:0}.primary-nav a{padding:var(--space-2) 0;border-bottom:none}}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-8);padding-block:var(--space-6);color:var(--color-text-secondary)}.site-footer__inner{display:flex;flex-direction:column;gap:var(--space-4)}.site-footer__nav ul{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.site-footer__nav a{color:var(--color-text-secondary)}.site-footer__copyright{font-size:var(--text-sm);color:var(--color-text-muted)}@media(min-width:48em){.site-footer__inner{flex-direction:row;align-items:center;justify-content:space-between}}.hero{padding-block:var(--space-6);display:grid;gap:var(--space-5)}.hero__media{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-raised);border:1px solid var(--color-border)}.hero__media video,.hero__media img{width:100%;height:100%;object-fit:cover}.hero__eyebrow{color:var(--color-accent);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.hero__title{font-size:var(--text-3xl);margin-top:var(--space-2)}@media(min-width:64em){.hero__title{font-size:var(--text-4xl)}}.section{padding-block:var(--space-7)}.section__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.section__title{font-size:var(--text-2xl)}.section__link{font-size:var(--text-sm);font-weight:600;white-space:nowrap}.video-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:48em){.video-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:64em){.video-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:90em){.video-grid{grid-template-columns:repeat(4,1fr)}}.video-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),transform var(--transition-fast)}.video-card:hover,.video-card:focus-within{border-color:var(--color-border-strong);transform:translateY(-2px)}.video-card__thumb-wrap{position:relative;aspect-ratio:16 / 9;background:var(--color-surface-raised)}.video-card__thumb{width:100%;height:100%;object-fit:cover}.video-card__duration{position:absolute;right:var(--space-2);bottom:var(--space-2);background:#0d0e12d9;color:var(--color-text);font-size:var(--text-xs);font-weight:600;padding:2px 6px;border-radius:var(--radius-sm)}.video-card__body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.video-card__game{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent)}.video-card__game:hover{color:var(--color-accent-strong)}.video-card__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card__title-link{color:inherit}.video-card__title-link:hover{color:inherit;text-decoration:underline}.video-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.video-card__category-link{color:var(--color-text-secondary);text-decoration:underline;text-decoration-color:var(--color-border-strong)}.video-grid:has(.game-card){grid-template-columns:repeat(2,1fr)}@media(min-width:64em){.video-grid:has(.game-card){grid-template-columns:repeat(4,1fr)}}.game-card{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),transform var(--transition-fast)}.game-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px);color:var(--color-text);text-decoration:none}.game-card__art{aspect-ratio:16 / 9;width:100%;height:auto;object-fit:cover}.game-card__title{padding:var(--space-3) var(--space-4);font-weight:600}.pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:999px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);padding-block:var(--space-4)}.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb__current{color:var(--color-text)}.player{aspect-ratio:16 / 9;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-raised);border:1px solid var(--color-border)}.player video{width:100%;height:100%;object-fit:cover}.detail-title{margin-top:var(--space-5)}.page-header{padding-top:var(--space-6);padding-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);margin-block:var(--space-3) var(--space-5)}.detail-meta a{color:var(--color-accent)}.detail-description{max-width:68ch;color:var(--color-text-secondary);margin-bottom:var(--space-7)}.game-hero{display:grid;gap:var(--space-5);padding-block:var(--space-6)}.game-hero__art{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.game-hero__art img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}@media(min-width:64em){.game-hero{grid-template-columns:360px 1fr;align-items:center}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-weight:600;border:1px solid var(--color-border-strong);color:var(--color-text)}.button:hover{border-color:var(--color-accent);color:var(--color-text);text-decoration:none}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:#0d0e12}.button--primary:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#0d0e12}.empty-state{padding-block:var(--space-7);color:var(--color-text-secondary);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);text-align:center}.not-found{padding-block:var(--space-8);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.not-found__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}.prose{max-width:68ch;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-8)}.prose h1{color:var(--color-text)}