:root{--bg:#fafafa;--bg-grid:#00000009;--surface:#fff;--surface-2:#f4f4f5;--text:#0a0a0a;--text-muted:#6b7280;--border:#0000001a;--border-strong:#0000002e;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000f;--shadow-hover:0 2px 4px #0000000f, 0 18px 40px #0000001f;--radius:16px;--radius-sm:10px;--maxw:1180px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", monospace}.dark{--bg:#08080a;--bg-grid:#ffffff0a;--surface:#131316;--surface-2:#1b1b1f;--text:#f5f5f5;--text-muted:#8a8a93;--border:#ffffff1a;--border-strong:#fff3;--shadow:0 1px 2px #0006, 0 8px 28px #00000080;--shadow-hover:0 2px 6px #00000080, 0 22px 48px #000000a6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);background-size:48px 48px;min-height:100dvh;transition:background-color .25s,color .25s}a{color:inherit;text-decoration:none}.shell{max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-header{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);background:color-mix(in srgb, var(--bg) 72%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;height:64px;display:flex}.wordmark{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:flex}.wordmark__glyph{background:var(--text);width:30px;height:30px;color:var(--bg);border-radius:8px;place-items:center;font-size:.95rem;font-weight:900;display:grid}.wordmark__sub{color:var(--text-muted);font-weight:500}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;font-size:1.1rem;transition:border-color .2s,transform .15s,background-color .2s;display:grid}.theme-toggle:hover{border-color:var(--border-strong);transform:translateY(-1px)}.theme-toggle__icon{line-height:1}.hero{padding:72px 0 36px}.hero__eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.72rem;display:inline-flex}.hero__title{letter-spacing:-.035em;margin:20px 0 0;font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.02}.hero__title em{color:var(--text-muted);font-style:normal}.hero__subtitle{max-width:560px;color:var(--text-muted);margin:18px 0 0;font-size:1.05rem;line-height:1.55}.filters{flex-wrap:wrap;gap:8px;margin:36px 0 28px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .18s}.filter-chip:hover{border-color:var(--border-strong);color:var(--text)}.filter-chip[data-active=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.filter-chip__count{opacity:.55;font-variant-numeric:tabular-nums;margin-left:6px}.board{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;padding-bottom:80px;display:grid}.card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-height:220px;box-shadow:var(--shadow);flex-direction:column;padding:22px;transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.card[data-clickable=true]{cursor:pointer}.card[data-clickable=true]:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb, var(--accent) 55%, var(--border));transform:translateY(-4px)}.card:before{content:"";background:var(--accent);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.card:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 28%, transparent), transparent 70%);opacity:0;pointer-events:none;width:280px;height:280px;transition:opacity .3s;position:absolute;top:-140px;right:-120px}.card[data-clickable=true]:hover:after{opacity:1}.card__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card__icon{background:color-mix(in srgb, var(--accent) 14%, var(--surface-2));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));border-radius:12px;place-items:center;width:48px;height:48px;font-size:1.5rem;display:grid}.badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:.66rem}.badge[data-status=live]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent)}.badge[data-status=soon]{opacity:.8}.card__title{letter-spacing:-.02em;margin:18px 0 0;font-size:1.22rem;font-weight:700}.card__tagline{color:var(--text-muted);margin:8px 0 0;font-size:.92rem;line-height:1.5}.card__footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;display:flex}.card__cat{color:var(--text-muted);font-size:.78rem;font-weight:500}.card__cta{color:var(--accent);align-items:center;gap:6px;font-size:.85rem;font-weight:600;transition:gap .2s;display:inline-flex}.card[data-clickable=true]:hover .card__cta{gap:10px}.card__cta--muted{color:var(--text-muted)}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;padding:28px 0;font-size:.85rem;display:flex}.empty{text-align:center;color:var(--text-muted);padding:60px 0}.player{background:#000;position:fixed;inset:0}.player__frame{border:0;width:100%;height:100%;display:block}.player__back{z-index:10;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0cb8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:9px 14px 9px 11px;font-size:.85rem;font-weight:600;transition:background .2s,transform .15s;display:inline-flex;position:fixed;top:16px;left:16px}.player__back:hover{background:#0a0a0ce6;transform:translate(-2px)}@media (max-width:540px){.hero{padding:48px 0 24px}}