:root[data-theme=stadium-navy-red]{--bg:#0a1220;--surface:#111b2e;--surface-2:#1d2b45;--text:#f4f6fa;--muted:#b6c0d0;--accent:#c3323a;--accent-hover:#d6454d;--accent-active:#a5292f;--inverse:#0a1220;--border:#ffffff1a;--shadow-sm:0 4px 12px #0000002e;--shadow:0 8px 24px #00000059;--shadow-lg:0 16px 40px #00000073;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--container:1180px;--section-spacing:clamp(60px,8vw,110px);--transition:.25s ease}:root[data-theme=stadium-navy-red-light]{--bg:#f4f6fa;--surface:#e2e9f4;--surface-2:#ccd8ea;--text:#101820;--muted:#58657a;--accent:#c3323a;--accent-hover:#b22930;--accent-active:#921f26;--inverse:#f4f6fa;--border:#1018201f;--shadow-sm:0 4px 12px #1018200f;--shadow:0 8px 24px #1018201a;--shadow-lg:0 16px 40px #10182029;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--container:1180px;--section-spacing:clamp(60px,8vw,110px);--transition:.25s ease}body{background:var(--bg);color:var(--text);transition:background var(--transition), color var(--transition)}.logo{color:var(--text);align-items:center;gap:10px;font-weight:700;display:flex}.logo-mark{width:30px;height:30px;color:var(--accent);flex-shrink:0}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);-webkit-user-select:none;user-select:none;transition:background var(--transition), color var(--transition), border-color var(--transition);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.chip:hover{background:var(--accent);color:#fff;border-color:#0000}.card,.preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);padding:20px}.card:hover,.preview:hover{box-shadow:var(--shadow-lg);border-color:#c3323a59;transform:translateY(-4px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition), transform .2s ease, box-shadow var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 28px #c3323a59}.btn-secondary{color:var(--text);border-color:var(--border);background:0 0}.btn-secondary:hover{background:var(--surface-2);border-color:var(--accent)}.mini{border-top:1px solid var(--border);color:var(--muted);margin-top:16px;padding-top:12px;font-size:.85rem}.mini strong{color:var(--text);margin-top:4px;display:block}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{margin:0;overflow-x:hidden}img,video,iframe{max-width:100%;display:block}.app-shell{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.nav-header{z-index:1000;background:var(--surface);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background var(--transition), box-shadow var(--transition);justify-content:space-between;align-items:center;gap:20px;padding:16px clamp(20px,4vw,40px);display:flex;position:sticky;top:0}.logo{color:var(--text);align-items:center;gap:12px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.logo-mark{object-fit:cover;border:2px solid #ffffff14;border-radius:50%;width:38px;height:38px}.nav-links{align-items:center;gap:28px;margin-left:auto;display:flex}.nav-link{color:var(--muted);transition:color var(--transition);font-weight:600;text-decoration:none;position:relative}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform var(--transition);position:absolute;bottom:-8px;left:0;transform:scaleX(0)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.desktop-theme{margin-left:20px}.hamburger{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.7rem;transition:transform .2s;display:none}.hamburger:hover{transform:scale(1.08)}.mobile-menu{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity var(--transition), transform var(--transition), visibility var(--transition);flex-direction:column;gap:18px;padding:24px;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-12px)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-link{color:var(--text);padding:8px 0;font-size:1rem;font-weight:600;text-decoration:none}.app-main{flex:1;width:min(1180px,100%);margin:auto;padding:clamp(20px,4vw,48px)}.page-hero h1,.page-content h1{margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem)}.page-content p{color:var(--muted);margin-bottom:16px;line-height:1.7}.hero-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(24px,5vw,60px);padding:clamp(24px,5vw,50px) 0;display:grid}.hero-chip,.collection-chip{margin-bottom:18px;display:inline-block}.hero-content h1{margin-bottom:18px;font-size:clamp(2.1rem,5vw,3.3rem);line-height:1.15}.hero-content p{color:var(--muted);max-width:600px;line-height:1.8}.hero-subtext{font-weight:600;color:var(--text)!important}.actions{flex-wrap:wrap;gap:14px;margin:28px 0;display:flex}.actions a{text-decoration:none}.hero-video{flex-direction:column;gap:14px;display:flex}.video-embed{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.video-embed-skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stats-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:20px;transition:all .2s}.stat-card:hover{border-color:var(--accent);transform:translateY(-3px)}.stat-card strong{color:var(--accent);font-size:clamp(1.6rem,3vw,2rem);line-height:1;display:block}.stat-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.video-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:24px;display:grid}.video-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;transition:all .2s}.video-card:hover{transform:translateY(-3px)}.video-thumb{aspect-ratio:16/9;background:var(--surface-2);border-radius:10px;margin-bottom:12px}.collection-page{justify-content:center;align-items:center;min-height:60vh;padding:48px 0;display:flex}.collection-card{background:var(--surface);border:1px solid var(--border);width:min(760px,100%);box-shadow:var(--shadow);text-align:center;border-radius:24px;padding:clamp(24px,5vw,56px)}.collection-card h1{margin-bottom:16px;font-size:clamp(2rem,5vw,3rem)}.collection-card p{color:var(--muted);max-width:560px;margin:0 auto 14px;line-height:1.8}.collection-note{font-weight:600;color:var(--text)!important}.site-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);background:var(--surface);margin-top:auto;padding:22px}@media (width<=900px){.hero-split{grid-template-columns:1fr}.hero-content,.hero-video{width:100%}}@media (width<=768px){.nav-links,.desktop-theme{display:none}.hamburger{margin-left:auto;display:flex}.actions{flex-direction:column}.actions .btn{width:100%}.video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (width<=480px){.app-main{padding:18px}.page-hero h1,.page-content h1,.hero-content h1{font-size:1.8rem}.hero-content p{font-size:.95rem}.video-grid,.stats-row{grid-template-columns:1fr}.collection-card{border-radius:18px;padding:24px 18px}.site-footer{padding:18px}.nav-link{font-size:.95rem}}
