:root { --ii-gold: #c9a227; --ii-gold-light: #f5e6a3; --ii-gold-dark: #8a6d0b; --ii-silver: #9ca3af; --ii-dark: #0a1a0e; }   .ytgs-ii-status-badge { display: inline-block; font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; padding: 3px 9px; border-radius: 3px; } .ytgs-ii-status-badge--completed { background: rgba(22,163,74,.15); color: var(--green-600); } .ytgs-ii-status-badge--upcoming { background: rgba(201,162,39,.15); color: var(--ii-gold); } .ytgs-ii-status-badge--in_progress{ background: rgba(239,68,68,.15); color: var(--red); } .ytgs-ii-result-badge { display: inline-block; font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; padding: 3px 8px; border-radius: 3px; white-space: nowrap; } .ytgs-ii-result-badge--winner { background: var(--ii-gold); color: #fff; } .ytgs-ii-result-badge--finalist { background: var(--ii-silver); color: #fff; } .ytgs-ii-result-badge--semi { background: rgba(22,163,74,.15); color: var(--green-700); } .ytgs-ii-result-badge--elim { background: var(--cream-dark); color: #888; } .ytgs-ii-result-badge--withdrew { background: var(--cream-dark); color: #aaa; }   .ytgs-ii-hub-hero { background: var(--ii-dark); padding: 4rem 2rem 3rem; position: relative; overflow: hidden; border-bottom: 3px solid var(--ii-gold); } .ytgs-ii-hub-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 60% 50%, rgba(201,162,39,0.08) 0%, transparent 70%); pointer-events: none; } .ytgs-ii-hub-hero-inner { max-width: 1100px; margin: 0 auto; position: relative; display: flex; align-items: center; gap: 3.5rem; } .ytgs-ii-hub-hero-text { flex: 1; min-width: 0; } .ytgs-ii-hub-hero-logo { flex-shrink: 0; width: 210px; } .ytgs-ii-hub-hero-logo img { width: 100%; height: auto; border-radius: 14px; display: block; filter: drop-shadow(0 0 40px rgba(201,162,39,0.22)); } .ytgs-ii-hub-eyebrow { font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--ii-gold); margin-bottom: 0.75rem; } .ytgs-ii-hub-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(3rem, 8vw, 5.5rem); letter-spacing: 0.04em; color: var(--white); line-height: 1; margin: 0 0 0.75rem; } .ytgs-ii-hub-desc { font-family: 'IBM Plex Mono', monospace; font-size: 0.78rem; color: rgba(255,255,255,0.55); line-height: 1.6; margin: 0; }   .ytgs-ii-hub-body { max-width: 1100px; margin: 0 auto; padding: 1rem 2rem 5rem; }   .ytgs-ii-editions { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 1.5rem; } .ytgs-ii-edition-card { display: flex; flex-direction: column; background: var(--white); border: 1.5px solid var(--cream-dark); border-radius: 10px; padding: 1.75rem; text-decoration: none; color: var(--charcoal); transition: border-color 0.15s, box-shadow 0.15s; } .ytgs-ii-edition-card:hover { border-color: var(--ii-gold); box-shadow: 0 4px 20px rgba(201,162,39,0.12); } .ytgs-ii-edition-card-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; } .ytgs-ii-edition-year { font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 700; color: var(--ii-gold); text-transform: uppercase; letter-spacing: 0.12em; } .ytgs-ii-edition-card-title { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: 0.04em; color: var(--charcoal); margin-bottom: 0.5rem; } .ytgs-ii-edition-card-meta { font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; color: #888; display: flex; flex-wrap: wrap; gap: 0.3rem 0.75rem; margin-bottom: 1.25rem; } .ytgs-ii-edition-card-stats { display: flex; gap: 1.5rem; margin-bottom: 1.25rem; } .ytgs-ii-edition-stat-num { font-family: 'IBM Plex Mono', monospace; font-size: 1.1rem; font-weight: 700; color: var(--charcoal); display: block; line-height: 1; } .ytgs-ii-edition-stat-label { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.07em; color: #999; display: block; margin-top: 0.2rem; } .ytgs-ii-edition-winners-strip, .ytgs-ii-edition-invitees-strip { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0; border-top: 1px solid var(--cream-dark); margin-top: auto; } .ytgs-ii-edition-winners-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--ii-gold); white-space: nowrap; } .ytgs-ii-edition-winners-avatars { display: flex; gap: -4px; } .ytgs-ii-edition-winner-avatar { width: 28px; height: 28px; border-radius: 50%; overflow: hidden; border: 2px solid var(--white); margin-left: -4px; flex-shrink: 0; } .ytgs-ii-edition-winner-avatar:first-child { margin-left: 0; } .ytgs-ii-edition-winner-avatar img, .ytgs-ii-edition-winner-avatar .ytgs-profile-avatar { width: 100% !important; height: 100% !important; border-radius: 50%; font-size: 0.5rem; } .ytgs-ii-more-badge { background: var(--cream-dark); color: #666; font-family: 'IBM Plex Mono', monospace; font-size: 0.6rem; font-weight: 700; display: flex; align-items: center; justify-content: center; } .ytgs-ii-edition-winners-team { font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; color: var(--ii-gold-dark); font-weight: 600; } .ytgs-ii-edition-card-cta { font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; color: var(--green-700); text-transform: uppercase; letter-spacing: 0.1em; padding-top: 0.75rem; border-top: 1px solid var(--cream-dark); margin-top: 1rem; }   .ytgs-ii-hub-section { padding-bottom: 2rem; border-bottom: 1px solid var(--cream-dark); margin-top: 20px; } .ytgs-ii-hub-section:last-child { border-bottom: none; } .ytgs-ii-hub-section-header { margin-bottom: 1.75rem; } .ytgs-ii-hub-section-title { font-family: 'Bebas Neue', sans-serif; font-size: 2rem; letter-spacing: 0.05em; color: var(--charcoal); margin: 0 0 0.4rem; } .ytgs-ii-hub-section-sub { font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; color: #888; margin: 0; }   .ytgs-ii-hub-intro-body { font-size: 0.95rem; line-height: 1.75; color: #333; } .ytgs-ii-hub-intro-body p { margin: 0 0 1.1rem; } .ytgs-ii-hub-intro-body p:last-child { margin-bottom: 0; }   .ytgs-ii-hub-hero-stats { display: flex; gap: 2.5rem; flex-wrap: wrap; margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid rgba(201,162,39,0.22); } .ytgs-ii-hub-hero-stat-num { font-family: 'Bebas Neue', sans-serif; font-size: 2rem; line-height: 1; color: var(--ii-gold); letter-spacing: 0.03em; display: block; } .ytgs-ii-hub-hero-stat-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.14em; color: rgba(255,255,255,0.4); display: block; margin-top: 0.25rem; }   .ytgs-ii-honor-roll { display: flex; flex-direction: column; gap: 1.25rem; } .ytgs-ii-honor-card { background: linear-gradient(160deg, #152215 0%, #0d1a0d 100%); border-radius: 12px; overflow: hidden; border: 1px solid rgba(201,162,39,0.15); } .ytgs-ii-honor-card-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.75rem; border-bottom: 1px solid rgba(201,162,39,0.12); gap: 1rem; } .ytgs-ii-honor-year { font-family: 'Bebas Neue', sans-serif; font-size: 1.35rem; letter-spacing: 0.06em; color: rgba(255,255,255,0.7); text-decoration: none; transition: color 0.15s; } .ytgs-ii-honor-year:hover { color: var(--ii-gold); } .ytgs-ii-honor-prize-wrap { text-align: right; } .ytgs-ii-honor-prize { font-family: 'Bebas Neue', sans-serif; font-size: 1.8rem; line-height: 1; color: var(--ii-gold); letter-spacing: 0.03em; } .ytgs-ii-honor-prize-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.58rem; text-transform: uppercase; letter-spacing: 0.14em; color: rgba(201,162,39,0.5); margin-top: 0.15rem; } .ytgs-ii-honor-card-body { display: grid; grid-template-columns: 1fr 1fr; } .ytgs-ii-honor-card-body--solo { grid-template-columns: 1fr; } .ytgs-ii-honor-side { padding: 1.5rem 1.75rem 2rem; } .ytgs-ii-honor-side--runners { border-left: 1px solid rgba(201,162,39,0.1); } .ytgs-ii-honor-side-label { font-family: 'IBM Plex Mono', monospace; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.18em; color: var(--ii-gold); opacity: 0.75; margin-bottom: 1rem; } .ytgs-ii-honor-side--runners .ytgs-ii-honor-side-label { color: rgba(255,255,255,0.45); opacity: 1; } .ytgs-ii-honor-avatars { display: flex; gap: 0.6rem; flex-wrap: wrap; margin-bottom: 0.85rem; } .ytgs-ii-honor-av-link { display: block; flex-shrink: 0; } .ytgs-ii-honor-av { width: 54px; height: 54px; border-radius: 50%; overflow: hidden; border: 2.5px solid rgba(201,162,39,0.35); transition: border-color 0.15s; } .ytgs-ii-honor-av-link:hover .ytgs-ii-honor-av { border-color: var(--ii-gold); } .ytgs-ii-honor-av--sm { width: 38px; height: 38px; border-width: 2px; border-color: rgba(255,255,255,0.15); } .ytgs-ii-honor-av-link:hover .ytgs-ii-honor-av--sm { border-color: rgba(255,255,255,0.4); } .ytgs-ii-honor-av img, .ytgs-ii-honor-av .ytgs-profile-avatar { width: 100% !important; height: 100% !important; border-radius: 50%; font-size: 0.55rem; } .ytgs-ii-honor-names { font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.9); line-height: 1.5; display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.5rem; } .ytgs-ii-honor-names a { color: inherit; text-decoration: none; transition: color 0.15s; } .ytgs-ii-honor-names a:hover { color: var(--ii-gold); } .ytgs-ii-honor-sep { color: rgba(201,162,39,0.5); font-weight: 400; font-size: 0.85em; } .ytgs-ii-honor-names--sm { font-size: 0.82rem; font-weight: 400; color: rgba(255,255,255,0.5); }   .ytgs-ii-hub-format-steps { display: flex; flex-direction: column; gap: 0; counter-reset: step; } .ytgs-ii-hub-format-step { display: flex; gap: 1.75rem; align-items: flex-start; padding: 1.5rem 0; border-bottom: 1px solid var(--cream-dark); } .ytgs-ii-hub-format-step:last-child { border-bottom: none; } .ytgs-ii-hub-format-step-num { font-family: 'Bebas Neue', sans-serif; font-size: 2.5rem; line-height: 1; color: var(--ii-gold); opacity: 0.55; flex-shrink: 0; width: 3.5rem; text-align: right; letter-spacing: 0.03em; } .ytgs-ii-hub-format-step-body { flex: 1; } .ytgs-ii-hub-format-step-body h3 { font-family: 'Bebas Neue', sans-serif; font-size: 1.35rem; letter-spacing: 0.04em; color: var(--charcoal); margin: 0 0 0.4rem; } .ytgs-ii-hub-format-step-body p { font-size: 0.9rem; line-height: 1.65; color: #444; margin: 0; }   .ytgs-ii-hub-faqs { display: flex; flex-direction: column; gap: 0; } .ytgs-ii-hub-faq-item { border-bottom: 1px solid var(--cream-dark); } .ytgs-ii-hub-faq-item:last-child { border-bottom: none; } .ytgs-ii-hub-faq-q { font-family: 'IBM Plex Mono', monospace; font-size: 0.85rem; font-weight: 600; color: var(--charcoal); cursor: pointer; padding: 1rem 1.5rem 1rem 0; list-style: none; position: relative; user-select: none; } .ytgs-ii-hub-faq-q::-webkit-details-marker { display: none; } .ytgs-ii-hub-faq-q::after { content: '+'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 1.2rem; color: var(--ii-gold); font-family: 'IBM Plex Mono', monospace; line-height: 1; } .ytgs-ii-hub-faq-item[open] .ytgs-ii-hub-faq-q::after { content: '−'; } .ytgs-ii-hub-faq-q:hover { color: var(--green-700); } .ytgs-ii-hub-faq-a { font-size: 0.88rem; line-height: 1.7; color: #444; padding: 0 1.5rem 1.25rem 0; margin: 0; }   .ytgs-ii-hub-venue-block { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; } .ytgs-ii-hub-venue-block:not(:has(.ytgs-ii-hub-venue-img-wrap)) { grid-template-columns: 1fr; } .ytgs-ii-hub-venue-img-wrap { border-radius: 10px; overflow: hidden; aspect-ratio: 16 / 9; } .ytgs-ii-hub-venue-img { width: 100%; height: 100%; object-fit: cover; display: block; } .ytgs-ii-hub-venue-name { font-family: 'Bebas Neue', sans-serif; font-size: 1.6rem; letter-spacing: 0.04em; color: var(--charcoal); margin: 0 0 0.75rem; } .ytgs-ii-hub-venue-desc { font-size: 0.9rem; line-height: 1.7; color: #444; margin: 0 0 1.25rem; } .ytgs-ii-hub-venue-link { font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--green-700); text-decoration: none; } .ytgs-ii-hub-venue-link:hover { text-decoration: underline; }   .ytgs-ii-hero { background: var(--ii-dark); padding: 3.5rem 2rem 3rem; border-bottom: 3px solid var(--ii-gold); position: relative; overflow: hidden; } .ytgs-ii-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 70% 40%, rgba(201,162,39,0.07) 0%, transparent 65%); pointer-events: none; } .ytgs-ii-hero-inner { max-width: 1100px; margin: 0 auto; position: relative; } .ytgs-ii-hero-top { display: flex; align-items: flex-start; gap: 1.75rem; } .ytgs-ii-hero-image { flex-shrink: 0; width: 110px; height: 110px; border-radius: 12px; overflow: hidden; border: 2px solid rgba(201,162,39,0.35); background: rgba(255,255,255,0.04); } .ytgs-ii-hero-image-img { width: 100%; height: 100%; object-fit: cover; display: block; } .ytgs-ii-hero-content { flex: 1; min-width: 0; }   .ytgs-ygt-email-signup { background: var(--green-950); border-top: 3px solid var(--green-600); border-bottom: 1px solid rgba(255,255,255,0.06); padding: 1.75rem 2rem; text-align: center; position: relative; overflow: hidden; }   .ytgs-ygt-email-signup::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent, transparent 30px, rgba(22,163,74,0.035) 30px, rgba(22,163,74,0.035) 31px), repeating-linear-gradient(90deg, transparent, transparent 30px, rgba(22,163,74,0.035) 30px, rgba(22,163,74,0.035) 31px); pointer-events: none; }   .ytgs-ygt-email-signup::after { content: ''; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 700px; height: 220px; background: radial-gradient(ellipse at center top, rgba(22,163,74,0.18) 0%, transparent 70%); pointer-events: none; } .ytgs-ygt-email-signup-inner { max-width: 660px; margin: 0 auto; position: relative; z-index: 1; } .ytgs-ygt-email-signup-heading { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.25rem, 5vw, 4.25rem); color: var(--white); letter-spacing: 0.04em; line-height: 1; margin: 0 0 0.6rem; } .ytgs-ygt-email-signup-sub { font-family: 'DM Sans', sans-serif; font-size: 0.95rem; color: rgba(245,240,232,0.58); line-height: 1.55; }   .ytgs-ygt-email-fields { display: flex; border: 1px solid rgba(255,255,255,0.18); border-radius: 8px; overflow: hidden; background: rgba(255,255,255,0.06); transition: border-color 0.2s, box-shadow 0.2s; } .ytgs-ygt-email-fields:focus-within { border-color: var(--green-500); box-shadow: 0 0 0 3px rgba(22,163,74,0.15); } .ytgs-ygt-email-input { flex: 1; border: none; background: transparent; color: var(--white); font-family: 'DM Sans', sans-serif; font-size: 0.9rem; padding: 0.9rem 1rem; outline: none; min-width: 0; }   .ytgs-ygt-email-fields .ytgs-ygt-email-input { background: transparent; color: var(--white); border: none; border-radius: 0; box-sizing: border-box; } .ytgs-ygt-email-fields .ytgs-ygt-email-input::placeholder { color: rgba(245,240,232,0.55); opacity: 1; } .ytgs-ygt-email-input--email { border-right: 1px solid rgba(255,255,255,0.1); } .ytgs-ygt-email-input::placeholder { color: rgba(245,240,232,0.55); } .ytgs-ygt-email-btn { background: var(--green-600); color: var(--white); border: none; font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; padding: 0.9rem 1.4rem; cursor: pointer; white-space: nowrap; transition: background 0.2s; display: flex; align-items: center; gap: 0.45rem; flex-shrink: 0; } .ytgs-ygt-email-btn:hover:not(:disabled) { background: var(--green-500); } .ytgs-ygt-email-btn:disabled { opacity: 0.65; cursor: not-allowed; } .ytgs-ygt-email-btn-spinner { display: none; width: 13px; height: 13px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: ytgs-spin 0.7s linear infinite; flex-shrink: 0; } .ytgs-ygt-email-btn--loading .ytgs-ygt-email-btn-spinner { display: block; } .ytgs-ygt-email-msg { font-family: 'DM Sans', sans-serif; font-size: 0.82rem; margin: 0.6rem 0 0; min-height: 1.1em; line-height: 1.4; } .ytgs-ygt-email-msg--success { color: var(--green-400); } .ytgs-ygt-email-msg--error { color: #f87171; }   .ytgs-ygt-email-strip { background: var(--green-950); border-top: 3px solid var(--green-600); border-bottom: 1px solid rgba(255,255,255,0.06); padding: 1.5rem 2rem; text-align: center; position: relative; overflow: hidden; } .ytgs-ygt-email-strip::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent, transparent 30px, rgba(22,163,74,0.035) 30px, rgba(22,163,74,0.035) 31px), repeating-linear-gradient(90deg, transparent, transparent 30px, rgba(22,163,74,0.035) 30px, rgba(22,163,74,0.035) 31px); pointer-events: none; } .ytgs-ygt-email-strip::after { content: ''; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 500px; height: 150px; background: radial-gradient(ellipse at center top, rgba(22,163,74,0.18) 0%, transparent 70%); pointer-events: none; } .ytgs-ygt-email-strip-inner { max-width: 520px; margin: 0 auto; position: relative; z-index: 1; } .ytgs-ygt-email-strip-label { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 2.5rem; color: var(--white); letter-spacing: 0.04em; line-height: 1; margin: 0 0 0.4rem; } .ytgs-ygt-email-strip-sub { font-family: 'DM Sans', sans-serif; font-size: 0.82rem; color: rgba(245,240,232,0.58); margin: 0 0 1rem; line-height: 1.55; } .ytgs-ygt-email-form--strip .ytgs-ygt-email-fields { margin: 0 auto; } .ytgs-ygt-email-form--strip .ytgs-ygt-email-input { padding: 0.7rem 0.9rem; font-size: 0.84rem; } .ytgs-ygt-email-form--strip .ytgs-ygt-email-btn { padding: 0.7rem 1.1rem; font-size: 0.67rem; } .ytgs-ygt-email-form--strip .ytgs-ygt-email-msg { font-size: 0.78rem; margin-top: 0.45rem; } @media (max-width: 640px) { .ytgs-ygt-email-strip { padding: 1.25rem 1.25rem; } }   @media (min-width: 641px) { .ytgs-creator-email-strip .ytgs-ygt-email-strip-label { white-space: nowrap; } } .ytgs-ygt-email-disclaimer { font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; color: rgba(245,240,232,0.3); text-transform: uppercase; letter-spacing: 0.08em; line-height: 1.6; } @media (max-width: 640px) { .ytgs-ygt-email-signup { padding: 2.5rem 1.25rem; } .ytgs-ygt-email-fields { flex-direction: column; border-radius: 8px; } .ytgs-ygt-email-input--email { flex: none; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); } .ytgs-ygt-email-btn { justify-content: center; padding: 0.9rem; } } .ytgs-ii-breadcrumb { color: rgba(255,255,255,0.4) !important; } .ytgs-ii-breadcrumb a { color: rgba(255,255,255,0.5) !important; } .ytgs-ii-hero-eyebrow { font-family: 'IBM Plex Mono', monospace; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--ii-gold); margin: 0.5rem 0 0.6rem; } .ytgs-ii-hero-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.5rem, 6vw, 4.5rem); letter-spacing: 0.04em; color: var(--white); line-height: 1; margin: 0 0 0.75rem; } .ytgs-ii-hero-meta { display: flex; flex-wrap: wrap; gap: 0.4rem 1.25rem; margin: 0.75rem 0 0; } .ytgs-ii-hero-meta-item { font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; color: rgba(255,255,255,0.55); } .ytgs-ii-hero-meta-prize { color: var(--ii-gold); font-weight: 600; } .ytgs-ii-hero-desc { font-family: 'DM Sans', sans-serif; font-size: 0.95rem; color: rgba(255,255,255,0.65); line-height: 1.7; margin: 1.25rem 0 0; } .ytgs-ii-hero-details { display: flex; flex-wrap: wrap; gap: 0.3rem 1.5rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.08); } .ytgs-ii-hero-details span { font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; color: rgba(255,255,255,0.45); } .ytgs-ii-hero-details strong { color: rgba(255,255,255,0.65); }   .ytgs-ii-winners-section { background: linear-gradient(135deg, #0a1a0e, #1a2a0e); border-bottom: 1px solid rgba(201,162,39,0.2); } .ytgs-ii-winners-inner { text-align: center; padding: 2.5rem 1.5rem; } .ytgs-ii-winners-label { font-family: 'Bebas Neue', sans-serif; font-size: 1.4rem; letter-spacing: 0.08em; color: var(--ii-gold); margin-bottom: 0.4rem; } .ytgs-ii-winners-team-name { font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(255,255,255,0.45); margin-bottom: 1.5rem; } .ytgs-ii-winners-grid { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-bottom: 1rem; } .ytgs-ii-winner-card { display: flex; align-items: center; gap: 0.6rem; text-decoration: none; } .ytgs-ii-winner-avatar { width: 80px !important; height: 80px !important; border-radius: 50% !important; border: 3px solid var(--ii-gold) !important; box-shadow: 0 0 20px rgba(201,162,39,0.35); } .ytgs-ii-winner-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .ytgs-ii-winner-name { font-family: 'DM Sans', sans-serif; font-size: 0.85rem; font-weight: 700; color: var(--white); text-align: center; } .ytgs-ii-winners-prize { font-family: 'IBM Plex Mono', monospace; font-size: 0.78rem; color: var(--ii-gold); margin-top: 0.5rem; }   .ytgs-ii-draft-section .ytgs-section-title { color: var(--ii-gold-dark); } .ytgs-ii-draft-matchup { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; gap: 1.5rem; background: var(--green-950); border-radius: 12px; padding: 2rem; } .ytgs-ii-draft-side { min-width: 0; } .ytgs-ii-draft-side-name { font-family: 'Bebas Neue', sans-serif; font-size: 1.7rem; letter-spacing: 0.06em; color: var(--ii-gold); margin-bottom: 1rem; text-align: center; } .ytgs-ii-draft-side-roster { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; } .ytgs-ii-draft-player { position: relative; display: block; } .ytgs-ii-draft-player-avatar { width: 46px !important; height: 46px !important; border-radius: 50% !important; border: 2px solid rgba(255,255,255,0.2); } .ytgs-ii-draft-player-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .ytgs-ii-draft-player:hover .ytgs-ii-draft-player-avatar { border-color: var(--ii-gold); } .ytgs-ii-draft-captain-mark { position: absolute; top: -4px; right: -4px; font-size: 0.7rem; color: var(--ii-gold); text-shadow: 0 0 3px rgba(0,0,0,.6); } .ytgs-ii-draft-vs { font-family: 'Bebas Neue', sans-serif; font-size: 1.4rem; letter-spacing: 0.1em; color: rgba(255,255,255,0.4); align-self: center; padding-top: 2rem; } .ytgs-ii-participants-subhead { font-family: 'Bebas Neue', sans-serif; font-size: 1.15rem; letter-spacing: 0.06em; color: var(--ii-gold-dark); margin: 1.5rem 0 0.75rem; } .ytgs-ii-participants-subhead:first-of-type { margin-top: 0; } .ytgs-ii-participants-note { font-size: 0.8rem; color: #888; margin: 0.35rem 0 1rem; font-style: italic; } .ytgs-ii-hero-meta-tba { opacity: 0.6; }   .ytgs-ii-participants-grid { display: flex; flex-wrap: wrap; gap: 16px; } .ytgs-ii-participant-card { display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none; color: inherit; width: 80px; transition: transform .15s; } .ytgs-ii-participant-card:hover { transform: translateY(-2px); } .ytgs-ii-participant-avatar-wrap { position: relative; } .ytgs-ii-participant-avatar { width: 64px !important; height: 64px !important; border-radius: 50% !important; border: 2px solid var(--cream-dark); transition: border-color .15s; } .ytgs-ii-participant-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .ytgs-ii-participant-card:hover .ytgs-ii-participant-avatar { border-color: var(--green-500); } .ytgs-ii-participant-card--captain .ytgs-ii-participant-avatar { border-color: var(--ii-gold); box-shadow: 0 0 0 3px rgba(201,162,39,.18); } .ytgs-ii-participant-captain-badge { position: absolute; bottom: -2px; right: -2px; background: var(--ii-gold); color: #fff; font-size: 0.6rem; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid var(--white); } .ytgs-ii-participant-name { font-size: 12px; font-weight: 600; color: var(--text-dark); text-align: center; line-height: 1.3; word-break: break-word; } .ytgs-ii-participant-hcp { font-family: 'Bebas Neue', sans-serif; font-size: 0.85rem; color: var(--green-700); letter-spacing: 0.03em; text-align: center; } .ytgs-ii-participant-team { font-family: 'IBM Plex Mono', monospace; font-size: 0.6rem; color: #999; text-align: center; }   .ytgs-ii-videos { display: flex; flex-direction: column; gap: 1.5rem; } .ytgs-ii-video { background: var(--white); border: 1.5px solid var(--cream-dark); border-radius: 10px; overflow: hidden; } .ytgs-ii-video-header { background: var(--green-950); padding: 1rem 1.5rem; display: flex; align-items: baseline; gap: 1rem; flex-wrap: wrap; } .ytgs-ii-video-label { font-family: 'Bebas Neue', sans-serif; font-size: 1.3rem; letter-spacing: 0.05em; color: var(--white); } .ytgs-ii-video-format { font-family: 'IBM Plex Mono', monospace; font-size: 0.68rem; color: var(--green-400); text-transform: uppercase; letter-spacing: 0.1em; } .ytgs-ii-draft-banner { display: flex; align-items: center; justify-content: center; gap: 1rem; margin: 0.25rem 1.5rem 0; padding-top: 1rem; border-top: 1px solid var(--cream-dark); } .ytgs-ii-draft-banner:last-child { margin-bottom: 1rem; } .ytgs-ii-draft-banner-team { font-family: 'Bebas Neue', sans-serif; font-size: 1.2rem; letter-spacing: 0.05em; color: var(--charcoal); } .ytgs-ii-draft-banner-team--a { color: var(--green-700); } .ytgs-ii-draft-banner-team--b { color: var(--ii-gold-dark); } .ytgs-ii-draft-banner-vs { font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; letter-spacing: 0.1em; color: #aaa; } .ytgs-ii-draft-banner-score { display: flex; align-items: baseline; gap: 0.5rem; padding: 0.15rem 0.85rem; background: var(--cream); border-radius: 999px; } .ytgs-ii-draft-banner-score-num { font-family: 'Bebas Neue', sans-serif; font-size: 1.4rem; letter-spacing: 0.03em; } .ytgs-ii-draft-banner-score-num--a { color: var(--green-700); } .ytgs-ii-draft-banner-score-num--b { color: var(--ii-gold-dark); } .ytgs-ii-skins-banner { display: flex; align-items: center; justify-content: center; gap: 0.85rem; padding: 0.5rem 1.5rem 1rem; } .ytgs-ii-skins-banner-amount { font-family: 'Bebas Neue', sans-serif; font-size: 1.15rem; letter-spacing: 0.03em; } .ytgs-ii-skins-banner-amount--a { color: var(--green-700); } .ytgs-ii-skins-banner-amount--b { color: var(--ii-gold-dark); } .ytgs-ii-skins-banner-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; text-transform: uppercase; letter-spacing: 0.12em; color: #999; } .ytgs-ii-video-embed { margin: 1rem 1.5rem; border-radius: 8px; overflow: hidden; position: relative; aspect-ratio: 16 / 9; background: #000; } .ytgs-ii-video-embed iframe, .ytgs-ii-video-embed embed, .ytgs-ii-video-embed object, .ytgs-ii-video-embed div, .ytgs-ii-video-embed img { position: absolute !important; inset: 0 !important; display: block; width: 100% !important; height: 100% !important; max-width: 100%; border: 0; object-fit: cover; }   .ytgs-ii-stroke-play { padding: 1rem 1.5rem; display: flex; flex-direction: column; gap: 0.5rem; } .ytgs-ii-sp-row { display: grid; grid-template-columns: 2rem 1fr auto; align-items: center; gap: 0.75rem; padding: 0.65rem 0.85rem; border: 1px solid var(--cream-dark); border-radius: 8px; background: var(--white); } .ytgs-ii-sp-row--advanced { border-color: var(--green-600); background: #f0fdf4; } .ytgs-ii-sp-rank { font-family: 'Bebas Neue', sans-serif; font-size: 1.3rem; color: #bbb; text-align: center; line-height: 1; } .ytgs-ii-sp-row--advanced .ytgs-ii-sp-rank { color: var(--green-600); } .ytgs-ii-sp-info { min-width: 0; } .ytgs-ii-sp-team-name { display: flex; align-items: center; gap: 0.5rem; font-family: 'Bebas Neue', sans-serif; font-size: 1rem; letter-spacing: 0.04em; color: var(--charcoal); margin-bottom: 0.35rem; } .ytgs-ii-sp-advanced-badge { font-family: 'IBM Plex Mono', monospace; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.1em; background: var(--green-600); color: #fff; padding: 0.15rem 0.45rem; border-radius: 999px; } .ytgs-ii-sp-players { display: flex; flex-wrap: wrap; gap: 0.4rem 1rem; } .ytgs-ii-sp-player { display: flex; align-items: center; gap: 0.35rem; font-size: 0.82rem; color: var(--charcoal); text-decoration: none; } .ytgs-ii-sp-player:hover { color: var(--green-700); } .ytgs-ii-sp-avatar { width: 22px !important; height: 22px !important; border-radius: 50% !important; flex-shrink: 0; } .ytgs-ii-sp-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .ytgs-ii-sp-notes { font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; color: #6b7280; margin-top: 0.5rem; line-height: 1.5; } .ytgs-ii-podium-summary { max-width: 640px; margin: 1.5rem auto 0; padding-top: 1.5rem; border-top: 1px solid rgba(212,175,55,0.2); font-family: 'IBM Plex Mono', monospace; font-size: 0.8rem; line-height: 1.6; color: rgba(255,255,255,0.65); } .ytgs-ii-sp-score { font-family: 'Bebas Neue', sans-serif; font-size: 1.4rem; letter-spacing: 0.03em; color: var(--charcoal); white-space: nowrap; text-align: right; } .ytgs-ii-sp-row--advanced .ytgs-ii-sp-score { color: var(--green-700); }   .ytgs-ii-podium { margin: 0 0 2rem; padding: 0.75rem 2rem 2.25rem; background: linear-gradient(160deg, #152215 0%, #0d1a0d 100%); border-radius: 12px; text-align: center; } .ytgs-ii-podium-eyebrow { font-family: 'IBM Plex Mono', monospace; font-size: 3rem; text-transform: uppercase; letter-spacing: 0.22em; color: var(--ii-gold); display: flex; align-items: center; justify-content: center; gap: 0.85rem; margin-bottom: 2rem; } .ytgs-ii-podium-eyebrow::before, .ytgs-ii-podium-eyebrow::after { content: '★'; font-size: 0.8em; opacity: 0.65; } .ytgs-ii-podium-team { font-family: 'Bebas Neue', sans-serif; font-size: 2rem; letter-spacing: 0.07em; color: #fff; margin-bottom: 1.75rem; line-height: 1; } .ytgs-ii-podium .ytgs-ii-winners-grid { gap: 2.5rem; margin-bottom: 0; } .ytgs-ii-podium .ytgs-ii-winner-avatar { width: 96px !important; height: 96px !important; box-shadow: 0 0 0 3px rgba(212,175,55,0.3), 0 0 28px rgba(201,162,39,0.35) !important; } .ytgs-ii-podium .ytgs-ii-winner-name { font-size: 0.92rem; } .ytgs-ii-podium-prize { margin-top: 2rem; padding-top: 1.75rem; border-top: 1px solid rgba(212,175,55,0.2); } .ytgs-ii-podium-prize-amount { font-family: 'Bebas Neue', sans-serif; font-size: 4.5rem; line-height: 1; letter-spacing: 0.04em; color: var(--ii-gold); text-shadow: 0 0 40px rgba(201,162,39,0.4); } .ytgs-ii-podium-prize-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.22em; color: rgba(255,255,255,0.35); margin-top: 0.35rem; } @media (max-width: 600px) { .ytgs-ii-podium .ytgs-ii-winner-avatar { width: 72px !important; height: 72px !important; } .ytgs-ii-podium .ytgs-ii-winners-grid { gap: 1.5rem; } .ytgs-ii-podium-prize-amount { font-size: 3.5rem; } .ytgs-ii-podium-team { font-size: 1.5rem; } }   .ytgs-ii-recap-section { margin-top: 2.5rem; margin-bottom: 2.5rem; } .ytgs-ii-recap-body { font-size: 0.96rem; line-height: 1.75; color: var(--charcoal); } .ytgs-ii-recap-body p { margin: 0 0 1rem; }   .ytgs-ii-faq-section { margin-top: 2.5rem; margin-bottom: 2.5rem; } .ytgs-ii-faqs { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--cream-dark); border-radius: 10px; overflow: hidden; } .ytgs-ii-faq { padding: 1rem 1.25rem; border-bottom: 1px solid var(--cream-dark); } .ytgs-ii-faq:last-child { border-bottom: none; } .ytgs-ii-faq-q { font-family: 'Bebas Neue', sans-serif; font-size: 1.05rem; letter-spacing: 0.04em; color: var(--charcoal); margin: 0 0 0.45rem; } .ytgs-ii-faq-a { font-size: 0.9rem; line-height: 1.6; color: #555; margin: 0; }   .ytgs-ii-matchups { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; padding: 1rem 1.5rem; } .ytgs-ii-matchup { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 0.75rem; padding: 0.75rem 0.85rem; border: 1px solid var(--cream-dark); border-radius: 8px; } .ytgs-ii-matchup-side { display: flex; flex-direction: column; gap: 0.35rem; padding: 0.6rem 0.85rem; border-radius: 8px; } .ytgs-ii-matchup-side:last-child { align-items: flex-end; } .ytgs-ii-matchup-side:last-child .ytgs-ii-matchup-player { flex-direction: row-reverse; } .ytgs-ii-matchup-side--win { background: #f0fdf4; } .ytgs-ii-matchup-side--lose { opacity: 0.55; } .ytgs-ii-matchup-players { display: flex; flex-direction: column; gap: 0.3rem; } .ytgs-ii-matchup-skins { font-family: 'Bebas Neue', sans-serif; font-size: 0.95rem; letter-spacing: 0.03em; color: var(--ii-gold-dark); margin-top: 0.25rem; } .ytgs-ii-matchup-side:last-child .ytgs-ii-matchup-skins { text-align: right; } .ytgs-ii-matchup-player { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: var(--charcoal); font-size: 0.85rem; } .ytgs-ii-matchup-player:hover { color: var(--green-700); } .ytgs-ii-matchup-avatar { width: 26px !important; height: 26px !important; border-radius: 50% !important; flex-shrink: 0; } .ytgs-ii-matchup-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .ytgs-ii-matchup-result { display: flex; align-items: center; justify-content: center; min-width: 64px; } .ytgs-ii-matchup-margin { font-family: 'IBM Plex Mono', monospace; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; color: var(--green-700); background: var(--cream); border: 1px solid var(--cream-dark); border-radius: 20px; padding: 0.3rem 0.7rem; white-space: nowrap; } .ytgs-ii-matchup-margin--halved { color: #888; } .ytgs-ii-matchup-vs { font-family: 'Bebas Neue', sans-serif; font-size: 0.8rem; letter-spacing: 0.1em; color: #aaa; text-transform: uppercase; } .ytgs-ii-video-description { margin: 0.85rem 1.5rem 0; font-size: 0.9rem; color: #666; line-height: 1.65; } .ytgs-ii-video-description p { margin-bottom: 20px; } .ytgs-ii-video-ep { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; font-size: 0.82rem; color: var(--green-700); background: var(--cream); border: 1px solid var(--cream-dark); border-radius: 5px; padding: 0.4rem 0.75rem; margin: 1rem 1.5rem; } .ytgs-ii-video-ep img { width: 48px; height: 27px; object-fit: cover; border-radius: 3px; } .ytgs-ii-video-ep:hover { border-color: var(--green-500); } .ytgs-ii-notes-block { background: var(--white); border: 1px solid var(--cream-dark); border-radius: 8px; padding: 1.25rem 1.5rem; font-size: 0.92rem; color: var(--charcoal); line-height: 1.7; }   .ytgs-ii-creator-section { padding-top: 0; } .ytgs-ii-section-title { color: var(--charcoal) !important; } .ytgs-ii-creator-edition { background: var(--white); border: 1.5px solid var(--cream-dark); border-radius: 10px; overflow: hidden; margin-bottom: 1rem; } .ytgs-ii-creator-edition-header { background: var(--ii-dark); padding: 1rem 1.25rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } .ytgs-ii-creator-edition-year a { font-family: 'Bebas Neue', sans-serif; font-size: 1.25rem; letter-spacing: 0.04em; color: var(--white); text-decoration: none; } .ytgs-ii-creator-edition-year a:hover { color: var(--ii-gold); } .ytgs-ii-creator-edition-meta { font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; color: rgba(255,255,255,0.4); margin-left: auto; } .ytgs-ii-creator-draft { display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1.25rem; border-bottom: 1px solid var(--cream-dark); font-size: 0.85rem; color: var(--charcoal); } .ytgs-ii-creator-draft-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; text-transform: uppercase; letter-spacing: 0.1em; color: #999; } .ytgs-ii-creator-draft-sep { color: #ccc; } .ytgs-ii-creator-skins { font-weight: 700; color: var(--ii-gold-dark); } .ytgs-ii-creator-matches { padding: 0.25rem 0; } .ytgs-ii-creator-match-row { display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 1.25rem; border-bottom: 1px solid var(--cream-dark); border-left: 3px solid transparent; flex-wrap: wrap; } .ytgs-ii-creator-match-row:last-child { border-bottom: none; } .ytgs-ii-creator-match-row--win { border-left-color: var(--green-500); } .ytgs-ii-creator-match-row--loss { border-left-color: #d97373; opacity: 0.7; } .ytgs-ii-creator-match-row--halved { border-left-color: var(--ii-silver); } .ytgs-ii-creator-match-info { min-width: 110px; } .ytgs-ii-creator-match-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; font-weight: 600; color: var(--charcoal); } .ytgs-ii-creator-match-format { font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; color: #999; text-transform: uppercase; letter-spacing: 0.08em; } .ytgs-ii-creator-match-side { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; } .ytgs-ii-creator-match-side-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.08em; color: #aaa; } .ytgs-ii-creator-teammate { display: flex; align-items: center; gap: 0.3rem; text-decoration: none; font-size: 0.78rem; color: var(--charcoal); } .ytgs-ii-creator-teammate:hover { color: var(--green-700); } .ytgs-ii-creator-teammate--text { font-size: 0.78rem; color: var(--charcoal); } .ytgs-ii-creator-teammate-avatar { width: 22px !important; height: 22px !important; border-radius: 50% !important; flex-shrink: 0; } .ytgs-ii-creator-teammate-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .ytgs-ii-round-result-pill { font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 2px 7px; border-radius: 3px; white-space: nowrap; margin-left: auto; } .ytgs-ii-round-result-pill--win { background: rgba(22,163,74,.15); color: var(--green-700); } .ytgs-ii-round-result-pill--loss { background: var(--cream-dark); color: #888; } .ytgs-ii-round-result-pill--halved { background: rgba(156,163,175,.2); color: #777; }   .ytgs-ii-creator-match-row--loss { opacity: 1; }     @media (max-width: 700px) { #events .ytgs-ii-creator-match-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.4rem 0.6rem; padding: 0.7rem 1rem; flex-wrap: nowrap; } #events .ytgs-ii-creator-match-info { grid-column: 1; grid-row: 1; min-width: 0; } #events .ytgs-ii-round-result-pill { grid-column: 2; grid-row: 1; margin-left: 0; justify-self: end; align-self: center; }   #events .ytgs-ii-creator-match-side { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem 0.5rem; }   #events .ytgs-ii-creator-match-side-label { flex: 0 0 auto; min-width: 36px;   color: #5f5a4e;   } #events .ytgs-ii-creator-match-label { font-size: 0.78rem; }   #events .ytgs-ii-creator-match-format { font-size: 0.75rem; } }   .ytgs-ygtcr-section { padding-top: 0; } .ytgs-ygtcr-section-title { color: var(--charcoal) !important; } .ytgs-ygtcr-card { background: var(--white); border: 1.5px solid var(--cream-dark); border-radius: 10px; overflow: hidden; } .ytgs-ygtcr-card-header { background: var(--green-950); padding: 1rem 1.25rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } .ytgs-ygtcr-team-name a { font-family: 'Bebas Neue', sans-serif; font-size: 1.25rem; letter-spacing: 0.04em; color: var(--white); text-decoration: none; } .ytgs-ygtcr-team-name a:hover { color: var(--green-400); } .ytgs-ygtcr-badge { font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 3px 9px; border-radius: 20px; margin-left: auto; background: rgba(74,222,128,0.15); color: var(--green-400); } .ytgs-ygtcr-badge--captain { background: var(--green-500); color: var(--green-950); } .ytgs-ygtcr-badge--wildcard { background: rgba(251,191,36,0.2); color: #fbbf24; } .ytgs-ygtcr-stops { padding: 0.25rem 0; }   .ytgs-ygtcr-stop-row { display: flex; flex-direction: column; align-items: stretch; gap: 0.65rem; padding: 0.9rem 1.25rem 1rem; border-bottom: 1px solid var(--cream-dark); } .ytgs-ygtcr-stop-strip { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0.3rem 0.65rem; padding: 0.45rem 0.7rem 0.5rem; background: rgba(22, 163, 74, 0.06); border-left: 3px solid var(--green-600); border-radius: 4px; }   .ytgs-ygtcr-stop-strip-result { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; margin-left: auto; }   .ytgs-ygtcr-detail-format { display: block; font-family: 'DM Sans', sans-serif; font-size: 0.74rem; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--charcoal); margin-top: 1px; } .ytgs-ygtcr-stop-details { display: flex; flex-direction: column; gap: 0.45rem;   flex: 0 1 auto; min-width: 0; } .ytgs-ygtcr-detail-row { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } .ytgs-ygtcr-detail-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.6rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #aaa; width: 132px; flex-shrink: 0; } .ytgs-ygtcr-detail-sub { font-family: 'IBM Plex Mono', monospace; font-size: 0.6rem; color: #bbb; font-style: italic; } .ytgs-ygtcr-qualifier-row { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.25rem; padding-top: 0.35rem; border-top: 1px dashed var(--cream-dark); flex-wrap: wrap; } .ytgs-ygtcr-qualifier-pos { font-family: 'Bebas Neue', sans-serif; font-size: 1rem; color: #ccc; } .ytgs-ygtcr-qualifier-badge { font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; padding: 0.15em 0.6em; border-radius: 3px; } .ytgs-ygtcr-qualifier-badge--finals { background: rgba(22,163,74,0.1); color: var(--green-700); } .ytgs-ygtcr-qualifier-badge--elim { background: var(--cream-dark); color: #888; } .ytgs-ygtcr-qualifier-badge--winner { background: rgba(217,119,6,0.1); color: #d97706; } .ytgs-ygtcr-qualifier-badge--runner_up { background: rgba(148,163,184,0.12); color: #94a3b8; }   .ytgs-ygt-1v1-summary { display: flex; align-items: center; gap: 1rem; background: var(--green-950); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 1.25rem 1.5rem; margin-bottom: 2rem; } .ytgs-ygt-1v1-summary-team { flex: 1; } .ytgs-ygt-1v1-summary-team--winner .ytgs-ygt-1v1-summary-name { color: #f59e0b; } .ytgs-ygt-1v1-summary-name { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.3rem; letter-spacing: 0.04em; color: var(--cream); line-height: 1.1; } .ytgs-ygt-1v1-summary-record { display: block; font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; color: rgba(255,255,255,0.5); margin-top: 0.2rem; } .ytgs-ygt-1v1-summary-prize { display: block; font-family: 'IBM Plex Mono', monospace; font-size: 0.85rem; font-weight: 700; color: var(--green-400); margin-top: 0.3rem; } .ytgs-ygt-1v1-summary-divider { font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem; color: rgba(255,255,255,0.3); padding: 0 0.5rem; }   .ytgs-ygt-1v1-match { background: var(--green-950); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; overflow: hidden; margin-bottom: 1.5rem; } .ytgs-ygt-1v1-match-header { display: flex; align-items: stretch; border-bottom: 1px solid rgba(255,255,255,0.07); } .ytgs-ygt-1v1-vs { display: flex; align-items: center; justify-content: center; padding: 0 0.75rem; font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; color: rgba(255,255,255,0.3); flex-shrink: 0; } .ytgs-ygt-1v1-player { display: flex; align-items: center; gap: 0.75rem; flex: 1; padding: 1rem 1.25rem; text-decoration: none; transition: background 0.15s; } .ytgs-ygt-1v1-player:hover { background: rgba(255,255,255,0.03); } .ytgs-ygt-1v1-player--won { border-left: 3px solid #f59e0b; } .ytgs-ygt-1v1-player--lost { border-left: 3px solid transparent; opacity: 0.7; } .ytgs-ygt-1v1-player--tied { border-left: 3px solid rgba(255,255,255,0.2); } .ytgs-ygt-1v1-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0; } .ytgs-ygt-1v1-player-info { flex: 1; min-width: 0; } .ytgs-ygt-1v1-player-name { display: block; font-family: 'DM Sans', sans-serif; font-size: 0.9rem; font-weight: 600; color: var(--cream); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ytgs-ygt-1v1-player-team { display: block; font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; color: rgba(255,255,255,0.45); margin-top: 0.1rem; } .ytgs-ygt-1v1-total { font-family: 'IBM Plex Mono', monospace; font-size: 1rem; font-weight: 700; color: var(--cream); margin-left: auto; padding-right: 0.5rem; flex-shrink: 0; } .ytgs-ygt-1v1-result-tag { font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 700; padding: 0.2rem 0.45rem; border-radius: 4px; flex-shrink: 0; } .ytgs-ygt-1v1-result-tag--w { background: rgba(217,119,6,0.2); color: #f59e0b; } .ytgs-ygt-1v1-result-tag--l { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.35); } .ytgs-ygt-1v1-result-tag--t { background: rgba(148,163,184,0.12); color: #94a3b8; } .ytgs-ygt-1v1-match .ytgs-scorecard-wrap { border-top: 1px solid rgba(255,255,255,0.05); background: #fff; }   .ytgs-ygt-1v1-result { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1.25rem; border-top: 1px solid rgba(255,255,255,0.05); background: rgba(0,0,0,0.15); } .ytgs-ygt-1v1-result-line { font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; font-weight: 700; } .ytgs-ygt-1v1-result-line--winner { color: #f59e0b; } .ytgs-ygt-1v1-result-line--tie { color: #94a3b8; font-weight: 600; } .ytgs-ygt-1v1-result-scores { font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; color: rgba(255,255,255,0.45); }   .ytgs-ygt-1v1-table-wrap { overflow-x: auto; margin: 1.25rem 0 1.75rem; } .ytgs-ygt-1v1-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid var(--cream-dark); border-radius: 8px; overflow: hidden; font-family: 'DM Sans', sans-serif; font-size: 0.85rem; } .ytgs-ygt-1v1-table thead tr { background: var(--green-950); } .ytgs-ygt-1v1-table thead th { padding: 0.6rem 0.75rem; font-family: 'Bebas Neue', sans-serif; font-size: 0.88rem; letter-spacing: 0.05em; font-weight: 400; color: rgba(255,255,255,0.7); white-space: nowrap; } .ytgs-ygt-1v1t-team-col { text-align: left; } .ytgs-ygt-1v1t-team-col--brad { text-align: right; } .ytgs-ygt-1v1t-score-col { text-align: center; width: 56px; } .ytgs-ygt-1v1t-vs-col { text-align: center; width: 36px; } .ytgs-ygt-1v1t-result-col { text-align: center; width: 90px; } .ytgs-ygt-1v1-table tbody tr { border-bottom: 1px solid var(--cream-dark); transition: background 0.12s; } .ytgs-ygt-1v1-table tbody tr:last-child { border-bottom: none; } .ytgs-ygt-1v1-table tbody tr:hover { background: rgba(22,163,74,0.03); } .ytgs-ygt-1v1t-player { padding: 0.6rem 0.75rem; color: #333; } .ytgs-ygt-1v1t-player--won { font-weight: 600; } .ytgs-ygt-1v1t-player--lost { opacity: 0.5; } .ytgs-ygt-1v1t-player-link { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: inherit; } .ytgs-ygt-1v1t-player-link:hover { color: var(--green-700); } .ytgs-ygt-1v1t-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex-shrink: 0; } .ytgs-ygt-1v1t-score { text-align: center; padding: 0.6rem 0.4rem; font-family: 'IBM Plex Mono', monospace; font-size: 0.82rem; font-weight: 700; color: #bbb; } .ytgs-ygt-1v1t-score--won { color: var(--green-700); } .ytgs-ygt-1v1t-vs { text-align: center; padding: 0.6rem 0.25rem; font-family: 'IBM Plex Mono', monospace; font-size: 0.6rem; color: #ccc; } .ytgs-ygt-1v1t-result { text-align: center; padding: 0.6rem 0.75rem; } .ytgs-ygt-1v1t-badge { display: inline-block; font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 700; padding: 0.2rem 0.55rem; border-radius: 4px; white-space: nowrap; } .ytgs-ygt-1v1t-badge--wesley { background: rgba(59,130,246,0.1); color: #3b82f6; } .ytgs-ygt-1v1t-badge--brad { background: rgba(217,119,6,0.12); color: #d97706; } .ytgs-ygt-1v1t-badge--tie { background: rgba(148,163,184,0.1); color: #64748b; }   .ytgs-ygt-1v1-table td:nth-child(5) .ytgs-ygt-1v1t-player-link { justify-content: flex-end; }     .ytgs-ygt-st-finalist { color: #8f5502 !important; font-weight: 700; }   .ytgs-ygt-recap-grid { display: grid; grid-template-columns: 1fr 1fr 1.6fr; gap: 1rem; margin-top: 1rem; } .ytgs-ygt-recap-block { background: var(--green-950); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; padding: 1rem 1.25rem; } .ytgs-ygt-recap-heading { font-family: 'Bebas Neue', sans-serif; font-size: 0.95rem; letter-spacing: 0.05em; color: var(--green-400); margin: 0 0 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(255,255,255,0.07); } .ytgs-ygt-recap-row { display: flex; justify-content: space-between; align-items: center; padding: 0.35rem 0; border-bottom: 1px solid rgba(255,255,255,0.04); } .ytgs-ygt-recap-row:last-child { border-bottom: none; } .ytgs-ygt-recap-team { font-family: 'DM Sans', sans-serif; font-size: 0.82rem; color: var(--cream); } .ytgs-ygt-recap-score { font-family: 'IBM Plex Mono', monospace; font-size: 0.82rem; font-weight: 700; color: var(--green-400); } .ytgs-ygt-recap-match { display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0; border-bottom: 1px solid rgba(255,255,255,0.04); flex-wrap: wrap; } .ytgs-ygt-recap-player { font-family: 'DM Sans', sans-serif; font-size: 0.8rem; color: rgba(255,255,255,0.6); flex: 1; min-width: 0; } .ytgs-ygt-recap-player em { font-style: normal; font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; margin-left: 0.3em; } .ytgs-ygt-recap-player--won { color: var(--cream); font-weight: 600; } .ytgs-ygt-recap-player--lost { opacity: 0.55; } .ytgs-ygt-recap-match-sep { font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; color: rgba(255,255,255,0.3); flex-shrink: 0; } .ytgs-ygt-recap-finals-result { margin-top: 0.75rem; padding-top: 0.6rem; border-top: 1px solid rgba(255,255,255,0.08); } .ytgs-ygt-recap-finals-winner { font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 700; color: #f59e0b; } @media (max-width: 768px) { .ytgs-ygt-recap-grid { grid-template-columns: 1fr 1fr; } .ytgs-ygt-recap-block--finals { grid-column: 1 / -1; } } @media (max-width: 480px) { .ytgs-ygt-recap-grid { grid-template-columns: 1fr; } } @media (max-width: 600px) { .ytgs-ygt-1v1-summary { flex-direction: column; align-items: flex-start; gap: 0.75rem; } .ytgs-ygt-1v1-summary-divider { display: none; } .ytgs-ygt-1v1-match-header { flex-direction: column; } .ytgs-ygt-1v1-vs { padding: 0.25rem 1.25rem; justify-content: flex-start; } .ytgs-ygt-1v1-player--won, .ytgs-ygt-1v1-player--lost, .ytgs-ygt-1v1-player--tied { border-left: none; border-top: 3px solid; } .ytgs-ygt-1v1-player--won { border-top-color: #f59e0b; } .ytgs-ygt-1v1-player--lost { border-top-color: transparent; } .ytgs-ygt-1v1-player--tied { border-top-color: rgba(255,255,255,0.2); } } .ytgs-ygtcr-qualifier-prize { font-weight: 700; font-size: 0.85rem; color: var(--green-700); margin-left: auto; } .ytgs-ygtcr-stop-row:last-child { border-bottom: none; } .ytgs-ygtcr-stop-info { min-width: 160px; } .ytgs-ygtcr-stop-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; font-weight: 600; color: var(--charcoal); } .ytgs-ygtcr-stop-meta { font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; color: #999; } .ytgs-ygtcr-stop-side { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; } .ytgs-ygtcr-stop-side-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.06em; color: #aaa; } .ytgs-ygtcr-teammate { display: flex; align-items: center; gap: 0.4rem; text-decoration: none; font-size: 0.92rem; color: var(--charcoal); } .ytgs-ygtcr-teammate:hover { color: var(--green-700); } .ytgs-ygtcr-teammate-avatar { width: 22px !important; height: 22px !important; border-radius: 50% !important; flex-shrink: 0; } .ytgs-ygtcr-teammate-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .ytgs-ygtcr-result-pill { font-family: 'IBM Plex Mono', monospace; font-size: 0.86rem; font-weight: 700; background: rgba(22,163,74,.12); color: var(--green-700); padding: 2px 8px; border-radius: 3px; white-space: nowrap; margin-left: auto; } .ytgs-ygtcr-result-pill--pending { background: rgba(22,163,74,.2); color: var(--green-600); animation: ytgs-pulse 2s ease-in-out infinite; } .ytgs-ygtcr-result-pill--benched { background: var(--cream-dark); color: #888; margin-left: 0.5rem; } .ytgs-ygtcr-result-pill--win { background: rgba(22,163,74,.12); color: var(--green-700); } .ytgs-ygtcr-result-pill--loss { background: rgba(239,68,68,.08); color: #dc2626; } .ytgs-ygtcr-result-pill--tie { background: rgba(148,163,184,.12); color: #64748b; }   .ytgs-nav-invitational { color: var(--ii-gold) !important; font-weight: 600; }   @media (max-width: 768px) { .ytgs-ii-hub-title { font-size: 3rem; } .ytgs-ii-hero-title { font-size: 2.5rem; } .ytgs-ii-hero-top { flex-direction: column; gap: 1rem; } .ytgs-ii-hero-image { width: 88px; height: 88px; } .ytgs-ii-matchups { grid-template-columns: 1fr; } .ytgs-ii-matchup { grid-template-columns: 1fr; gap: 0.5rem; } .ytgs-ii-draft-matchup { grid-template-columns: 1fr; } .ytgs-ii-draft-vs { padding: 0.5rem 0; } .ytgs-ii-matchup-side:last-child { align-items: flex-start; } .ytgs-ii-matchup-side:last-child .ytgs-ii-matchup-player { flex-direction: row; } .ytgs-ii-matchup-result { justify-content: flex-start; } .ytgs-ii-creator-edition-meta { display: none; }   .ytgs-ii-hub-venue-block { grid-template-columns: 1fr; } .ytgs-ii-hub-section-title { font-size: 1.6rem; } .ytgs-ii-hub-format-step { gap: 1rem; } .ytgs-ii-hub-format-step-num { font-size: 1.8rem; width: 2.5rem; } .ytgs-ii-honor-card-body { grid-template-columns: 1fr; } .ytgs-ii-honor-side--runners { border-left: none; border-top: 1px solid rgba(201,162,39,0.1); } .ytgs-ii-hub-hero-stats { gap: 1.5rem; } .ytgs-ii-hub-hero-stat-num { font-size: 1.6rem; } .ytgs-ii-hub-hero-inner { gap: 2rem; } .ytgs-ii-hub-hero-logo { width: 140px; } } @media (max-width: 480px) { .ytgs-ii-hub-hero-inner { flex-direction: column; align-items: flex-start; gap: 1.25rem; } .ytgs-ii-hub-hero-logo { width: 90px; order: -1; } } @media (max-width: 480px) { .ytgs-ii-participants-grid { gap: 12px; } .ytgs-ii-winner-avatar { width: 64px !important; height: 64px !important; } .ytgs-ii-winners-grid { gap: 1.25rem; } }   .ytgs-ep-hero-meta-item--updated { opacity: 0.65; font-style: italic; }   .ytgs-hcp-toc { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem 2.5rem; background: var(--white); border: 1.5px solid var(--cream-dark); border-radius: 8px; padding: 1.4rem 1.75rem; margin: 0 0 2rem; } .ytgs-hcp-toc-group { font-family: 'IBM Plex Mono', monospace; font-size: 0.68rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--green-700); padding-bottom: 0.5rem; margin-bottom: 0.35rem; border-bottom: 1px solid var(--cream-dark); } .ytgs-hcp-toc a { display: block; font-family: 'IBM Plex Mono', monospace; font-size: 0.78rem; color: var(--charcoal); text-decoration: none; padding: 0.2rem 0; line-height: 1.7; transition: color 0.15s; } .ytgs-hcp-toc a:hover { color: var(--green-600); text-decoration: none; }   @media (max-width: 600px) { .ytgs-hcp-toc { grid-template-columns: 1fr; } .ytgs-hcp-section-banner { flex-direction: column; align-items: flex-start; gap: 0.5rem; padding: 1.1rem 1.25rem; } .ytgs-hcp-formula { padding: 1.25rem 1.25rem; } .ytgs-hcp-formula .formula-main { font-size: 0.875rem; } .ytgs-hcp-example { padding: 1rem 1.1rem; } .ytgs-hcp-example .example-row { font-size: 0.8rem; white-space: normal; } .ytgs-table--lookup { max-width: 100%; } }   .ytgs-stat-cards--4col { grid-template-columns: repeat(4, 1fr); } @media (max-width: 640px) { .ytgs-stat-cards--4col { grid-template-columns: repeat(2, 1fr); } }   .ytgs-stat-cards--7col { grid-template-columns: repeat(7, 1fr); } @media (max-width: 900px) { .ytgs-stat-cards--7col { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 480px) { .ytgs-stat-cards--7col { grid-template-columns: repeat(2, 1fr); }   .ytgs-stat-cards--7col > .ytgs-stat-card:last-child:nth-child(odd) { grid-column: 1 / -1; } } .ytgs-stat-cards--3col { grid-template-columns: repeat(3, 1fr); } @media (max-width: 480px) { .ytgs-stat-cards--3col { grid-template-columns: 1fr; } }   .ytgs-stat-card--dark { background: var(--green-950); border-color: var(--green-900); } .ytgs-stat-card--dark::after { background: var(--green-400); } .ytgs-stat-card--dark .ytgs-stat-card-val { color: var(--green-400); } .ytgs-stat-card--dark .ytgs-stat-card-label { color: rgba(245, 240, 232, 0.65); } .ytgs-stat-card-sublink { display: block; font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; color: #999; text-decoration: none; margin-top: 2px; } .ytgs-stat-card-sublink:hover { color: var(--green-700); text-decoration: underline; }   .ytgs-rr-video { display: flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; } .ytgs-rr-video:hover span { text-decoration: underline; } .ytgs-rr-thumb { width: 64px; height: 36px; object-fit: cover; border-radius: 4px; flex-shrink: 0; } .ytgs-rr-video-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .ytgs-rr-video-title { font-weight: 600; } .ytgs-rr-video-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; color: #888; } .ytgs-rr-video-course { display: inline-flex; align-items: center; gap: 2px; } @media (max-width: 640px) {   .ytgs-rr-video { flex-direction: column; align-items: flex-start; gap: 6px; } .ytgs-rr-thumb { width: 100%; height: auto; aspect-ratio: 16 / 9; } }     .ytgs-h2h-avatar-wrap { text-decoration: none; } .ytgs-h2h-name { text-decoration: none; } .ytgs-h2h-name:hover { color: var(--green-700); }   .ytgs-h2h-card { height: 100%; }   .ytgs-h2h-stats--roomy { justify-content: center; gap: 1.5rem; padding: 0.7rem 1.25rem; } .ytgs-h2h-stats--roomy .ytgs-h2h-stat { flex: 0 0 auto; } .ytgs-h2h-stats--roomy .ytgs-h2h-stat-val, .ytgs-h2h-stats--roomy .ytgs-h2h-stat-label { white-space: nowrap; }   .ytgs-h2h-record { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: 0.03em; padding: 0.25rem 1rem; border-radius: 999px; margin-bottom: 0.25rem; } .ytgs-h2h-record--win { background: rgba(22, 163, 74, 0.15); color: var(--green-700); } .ytgs-h2h-record--loss { background: rgba(239, 68, 68, 0.12); color: var(--red); } .ytgs-h2h-record--tie { background: var(--cream); color: #888; }   .ytgs-h2h-latest-label { width: 100%; white-space: nowrap; font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; color: #999; margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid var(--cream-dark); } .ytgs-h2h-matchup-v { display: flex; flex-direction: column; flex: 1 1 auto; gap: 5px; width: 100%; margin-top: 4px; color: inherit; text-decoration: none; } .ytgs-h2h-matchup-v-title { font-weight: 600; font-size: 0.85rem; color: var(--charcoal); display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .ytgs-h2h-matchup-v .ytgs-h2h-stats { margin-top: auto; } .ytgs-h2h-matchup-v:hover .ytgs-h2h-matchup-v-title { color: var(--green-700); text-decoration: underline; } .ytgs-h2h-matchup-v-thumb { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 6px; }   @media (max-width: 899px) { #rivals .ytgs-h2h-grid { gap: .7rem; } #rivals .ytgs-h2h-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto;   grid-template-areas: "avatar name   record" "stats  stats  stats" "latest latest latest" "match  match  match"; align-items: center; justify-items: start; gap: .3rem .7rem; padding: .8rem .85rem .85rem; height: auto; } #rivals .ytgs-h2h-card > .ytgs-h2h-avatar-wrap { grid-area: avatar; align-self: start; } #rivals .ytgs-h2h-card > .ytgs-h2h-name { grid-area: name; font-size: 1rem; } #rivals .ytgs-h2h-card > .ytgs-h2h-record { grid-area: record; justify-self: end; margin-bottom: 0; font-size: 1.15rem; padding: .1rem .65rem; } #rivals .ytgs-h2h-card > .ytgs-h2h-stats, #rivals .ytgs-h2h-card > .ytgs-h2h-empty { grid-area: stats; width: 100%; } #rivals .ytgs-h2h-card > .ytgs-h2h-latest-label { grid-area: latest; margin-top: .35rem; padding-top: .45rem; } #rivals .ytgs-h2h-card > .ytgs-h2h-matchup-v { grid-area: match; }   #rivals .ytgs-h2h-card > .ytgs-h2h-stats--roomy { justify-content: flex-start; gap: 1.4rem; padding: .4rem .7rem; border-radius: 8px; } #rivals .ytgs-h2h-avatar-wrap .ytgs-h2h-avatar { width: 54px; height: 54px; }   #rivals .ytgs-h2h-matchup-v { display: grid; grid-template-columns: 96px minmax(0, 1fr); grid-template-areas: "thumb title" "thumb score"; align-items: center; gap: .15rem .7rem; margin-top: 3px; } #rivals .ytgs-h2h-matchup-v-title { grid-area: title; font-size: .82rem; align-self: end; } #rivals .ytgs-h2h-matchup-v-thumb { grid-area: thumb; width: 96px; height: 54px; aspect-ratio: auto; align-self: center; } #rivals .ytgs-h2h-matchup-v .ytgs-h2h-stats { grid-area: score; margin-top: 0; justify-content: flex-start; gap: 1rem; padding: 0; align-self: start; }   #rivals .ytgs-played-with-name { min-height: 2.5em; display: flex; align-items: center; justify-content: center; text-align: center; } }   .ytgs-h2h-score--win { color: var(--green-700); } .ytgs-h2h-score--loss { color: #999; } .ytgs-h2h-empty { width: 100%; text-align: center; font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; color: #999; background: var(--cream); border-radius: 8px; padding: 0.6rem 0.25rem; }   .ytgs-h2h-self { display: flex; align-items: center; gap: 1rem; background: var(--green-950); border: 1px solid var(--green-900); border-radius: 12px; padding: 0.85rem 1.25rem; margin-bottom: 1rem; } .ytgs-h2h-self .ytgs-h2h-avatar { width: 48px; height: 48px; } .ytgs-h2h-self-name { font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem; letter-spacing: 0.03em; color: #fff; flex: 1; } .ytgs-h2h-self-stats { background: transparent; padding: 0; width: auto; } .ytgs-h2h-self-stats .ytgs-h2h-stat-val { color: var(--green-400); } .ytgs-h2h-self-stats .ytgs-h2h-stat-label { color: rgba(245, 240, 232, 0.6); } .ytgs-h2h-self-stats .ytgs-h2h-stat-divider { background: rgba(245, 240, 232, 0.2); } @media (max-width: 480px) { .ytgs-h2h-self { flex-wrap: wrap; justify-content: center; text-align: center; } }   .ytgs-subsection-title { font-family: 'Bebas Neue', sans-serif; font-size: 1.3rem; letter-spacing: 0.03em; color: var(--charcoal); margin: 0 0 1rem; }   .ytgs-stat-chip-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .ytgs-stat-chip { display: inline-flex; align-items: baseline; gap: 5px; padding: 6px 14px; border-radius: 999px; white-space: nowrap; border: 1px solid rgba(22,163,74,0.25); background: rgba(22,163,74,0.08); color: var(--charcoal); font-size: 13px; } .ytgs-stat-chip strong { font-size: 16px; font-weight: 800; color: var(--green-700); line-height: 1; } .ytgs-stat-chip a { color: var(--green-700); text-decoration: underline; text-decoration-color: rgba(22,163,74,0.35); }   .ytgs-ep-highlight-grid--4col { grid-template-columns: repeat(4, 1fr); } @media (max-width: 900px) { .ytgs-ep-highlight-grid--4col { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .ytgs-ep-highlight-grid--4col { grid-template-columns: 1fr; } }   .ytgs-lb-channel-link { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.15); transition: color 0.15s, border-color 0.15s; } .ytgs-lb-channel-link:hover { color: var(--green-700); border-bottom-color: var(--green-500); text-decoration: none; }   .ytgs-hcp-move { display: inline-block; font-size: 0.8rem; font-weight: 700; margin-left: 0.4rem; vertical-align: middle; line-height: 1; } .ytgs-hcp-move--down { color: var(--green-500); }   .ytgs-hcp-move--up { color: #ef4444; }   .ytgs-hcp-move--same { color: #aaa; } .ytgs-hcp-move--new { font-family: 'IBM Plex Mono', monospace; font-size: 0.5rem; font-weight: 700; color: var(--green-400); letter-spacing: 0.06em; text-transform: uppercase; border: 1px solid currentColor; border-radius: 3px; padding: 0.1em 0.3em; vertical-align: middle; }   .ytgs-lb-search-wrap { margin-left: auto; } .ytgs-lb-search { font-family: 'DM Sans', sans-serif; font-size: 0.8rem; color: var(--charcoal); background: var(--white); border: 1px solid var(--cream-dark); border-radius: 4px; padding: 0.35rem 0.75rem; width: 180px; outline: none; transition: border-color 0.15s, width 0.2s; } .ytgs-lb-search:focus { border-color: var(--green-500); width: 220px; } .ytgs-lb-search::placeholder { color: #aaa; } @media (max-width: 640px) { .ytgs-lb-search-wrap { margin-left: 0; width: 100%; } .ytgs-lb-search { width: 100%; } .ytgs-lb-search:focus { width: 100%; } }   .ytgs-bbxgg-hero-inner { display: flex; align-items: center; justify-content: space-between; gap: 2.5rem; flex-wrap: wrap; } .ytgs-bbxgg-hero-text { flex: 1 1 420px; min-width: 0; } .ytgs-bbxgg-hero-logo { flex: 0 0 auto; width: 180px; } .ytgs-bbxgg-hero-logo img { width: 100%; height: auto; display: block; border-radius: 8px; } @media (max-width: 780px) {   .ytgs-bbxgg-hero-inner { flex-direction: column; text-align: center; } .ytgs-bbxgg-hero-logo { width: 130px; order: -1; }   .ytgs-bbxgg-hero-text { flex: none; } } .ytgs-bbxgg-body { max-width: 1100px; margin: 0 auto; padding: 1rem 2rem 5rem; } .ytgs-bbxgg-section { padding-bottom: 2rem; border-bottom: 1px solid var(--cream-dark); margin-top: 20px; } .ytgs-bbxgg-section:last-child { border-bottom: none; } .ytgs-bbxgg-section-header { margin-bottom: 1.75rem; } .ytgs-bbxgg-section-title { font-family: 'Bebas Neue', sans-serif; font-size: 2rem; letter-spacing: 0.05em; color: var(--charcoal); margin: 0 0 0.4rem; } .ytgs-bbxgg-section-sub { font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; color: #888; margin: 0; } .ytgs-bbxgg-intro { font-size: 0.98rem; line-height: 1.75; color: #333; } .ytgs-bbxgg-intro p { margin: 0 0 1rem; } .ytgs-bbxgg-intro p:last-child { margin-bottom: 15px; } .ytgs-bbxgg-status { margin: 1.5rem 0 0; }   .ytgs-bbxgg-cast-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.5rem; } .ytgs-bbxgg-cast-card { background: var(--white); border: 1px solid var(--cream-dark); border-radius: 10px; overflow: hidden; transition: box-shadow 0.15s ease, transform 0.15s ease; } a.ytgs-bbxgg-cast-card { text-decoration: none; color: inherit; display: block; } a.ytgs-bbxgg-cast-card:hover { box-shadow: 0 6px 18px rgba(5,46,22,0.1); transform: translateY(-2px); } .ytgs-bbxgg-cast-photo { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: var(--cream); } .ytgs-bbxgg-cast-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .ytgs-bbxgg-cast-placeholder { width: 100%; aspect-ratio: 1 / 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.4rem; background: repeating-linear-gradient(45deg, var(--cream), var(--cream) 10px, var(--cream-dark) 10px, var(--cream-dark) 11px); border-bottom: 1px dashed var(--cream-dark); color: #999; } .ytgs-bbxgg-cast-placeholder svg { width: 28px; height: 28px; opacity: 0.6; } .ytgs-bbxgg-cast-placeholder span { font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; text-transform: uppercase; letter-spacing: 0.06em; } .ytgs-bbxgg-cast-body { padding: 0.9rem 1rem 1.1rem; } .ytgs-bbxgg-cast-name { font-weight: 700; font-size: 0.95rem; color: var(--charcoal); margin: 0 0 0.15rem; } a.ytgs-bbxgg-cast-card .ytgs-bbxgg-cast-name { color: var(--green-700); } .ytgs-bbxgg-cast-hometown { font-family: 'IBM Plex Mono', monospace; font-size: 0.68rem; color: #888; margin: 0 0 0.6rem; } .ytgs-bbxgg-cast-facts { margin: 0; padding-left: 1.1rem; font-size: 0.8rem; line-height: 1.5; color: #555; } .ytgs-bbxgg-cast-facts li { margin-bottom: 0.25rem; } .ytgs-bbxgg-cast-facts li:last-child { margin-bottom: 0; }   .ytgs-bbxgg-faq-item { border-bottom: 1px solid var(--cream-dark); } .ytgs-bbxgg-faq-item:last-child { border-bottom: none; } .ytgs-bbxgg-faq-q { font-family: 'IBM Plex Mono', monospace; font-size: 0.85rem; font-weight: 600; color: var(--charcoal); cursor: pointer; padding: 1rem 1.5rem 1rem 0; list-style: none; position: relative; user-select: none; } .ytgs-bbxgg-faq-q::-webkit-details-marker { display: none; } .ytgs-bbxgg-faq-q::after { content: '+'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 1.2rem; color: var(--green-600); font-family: 'IBM Plex Mono', monospace; line-height: 1; } .ytgs-bbxgg-faq-item[open] .ytgs-bbxgg-faq-q::after { content: '\2212'; } .ytgs-bbxgg-faq-q:hover { color: var(--green-700); } .ytgs-bbxgg-faq-a { font-size: 0.88rem; line-height: 1.7; color: #444; padding: 0 1.5rem 1.25rem 0; margin: 0; }   .ytgs-bbxgg-channel-promo { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; background: linear-gradient(135deg, rgba(22,163,74,0.10), rgba(22,163,74,0.03)); border: 1px solid rgba(22,163,74,0.35); border-radius: 10px; padding: 0.9rem 1.25rem; margin: 1rem 0 1.5rem; font-size: 0.85rem; } .ytgs-bbxgg-channel-promo a { font-weight: 700; color: var(--green-700); } @media (max-width: 640px) { .ytgs-bbxgg-body { padding: 1rem 1.25rem 3rem; } .ytgs-bbxgg-cast-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1rem; } }     .ytgs-creator-leaderboard { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.9rem; } .ytgs-lb-card { display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--cream-dark); border-radius: 12px; overflow: hidden; text-decoration: none; transition: box-shadow 0.15s ease, transform 0.15s ease; } .ytgs-lb-card:hover { box-shadow: 0 6px 16px rgba(5,46,22,0.12); transform: translateY(-2px); } .ytgs-lb-card--top { border: 2px solid var(--green-500); } .ytgs-lb-card-photo { position: relative; aspect-ratio: 4 / 5; background: var(--cream); } .ytgs-lb-card-photo::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,15,10,0.55) 0%, rgba(5,15,10,0) 40%); pointer-events: none; z-index: 1; } .ytgs-lb-card-img { width: 100%; height: 100%; object-fit: cover; display: block; } .ytgs-lb-card-img--fallback { display: flex; align-items: center; justify-content: center; background: linear-gradient(160deg, var(--green-900), var(--green-950)); } .ytgs-lb-card-img--fallback span { font-family: 'Bebas Neue', sans-serif; font-size: 2rem; color: var(--green-500); } .ytgs-lb-card-rank { position: absolute; top: 0.4rem; left: 0.5rem; z-index: 2; font-family: 'Bebas Neue', sans-serif; font-size: 1.8rem; line-height: 1; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,0.6); } .ytgs-lb-card--top .ytgs-lb-card-rank { font-size: 2.3rem; color: var(--green-400); } .ytgs-lb-card-tag { position: absolute; left: 0.4rem; right: 0.4rem; bottom: 0.4rem; z-index: 2; background: var(--green-500); color: var(--green-950); font-family: 'IBM Plex Mono', monospace; font-size: 0.56rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; text-align: center; padding: 0.2rem 0.3rem; border-radius: 4px; } .ytgs-lb-card-bar { display: flex; align-items: center; justify-content: space-between; gap: 0.4rem; padding: 0.55rem 0.6rem 0.15rem; } .ytgs-lb-card-name { font-size: 0.82rem; font-weight: 700; color: var(--charcoal); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ytgs-lb-card-hcp { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; background: var(--green-600); border-radius: 6px; padding: 0.15rem 0.4rem 0.1rem; line-height: 1; } .ytgs-lb-card-hcp-val { font-family: 'Bebas Neue', sans-serif; font-size: 0.9rem; color: #fff; } .ytgs-lb-card-hcp-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.4rem; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.75); } .ytgs-lb-card-meta { font-family: 'IBM Plex Mono', monospace; font-size: 0.64rem; color: #999; padding: 0 0.6rem 0.6rem; }   .ytgs-lb-card-stats { display: flex; gap: 1.1rem; padding: 0 0.6rem 0.65rem; } .ytgs-lb-card-stats > div { display: flex; flex-direction: column; gap: 1px; }   .ytgs-crew-strips { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } .ytgs-crew-strip { background: var(--white); border: 1px solid var(--cream-dark); border-radius: 12px; overflow: hidden; } .ytgs-crew-strip--full { grid-column: 1 / -1; } .ytgs-crew-strip-header { display: flex; align-items: stretch; justify-content: space-between; gap: 1rem; background: var(--green-950); } .ytgs-crew-strip-identity { display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.1rem; min-width: 0; } .ytgs-crew-strip-logo { flex-shrink: 0; display: block; } .ytgs-crew-strip-logo .ytgs-channel-logo { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; background: var(--cream); } .ytgs-crew-strip-logo .ytgs-channel-logo img { width: 100%; height: 100%; object-fit: cover; display: block; } .ytgs-crew-strip-logo .ytgs-channel-logo .ytgs-creator-avatar-initials { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem; color: var(--green-700); background: var(--cream-dark); } .ytgs-crew-strip-name { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: 0.03em; color: var(--white); line-height: 1.1; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a.ytgs-crew-strip-name:hover { color: var(--green-400); } .ytgs-crew-strip-stats { display: flex; align-items: center; flex-shrink: 0; } .ytgs-crew-strip-stat { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.1rem; padding: 0 1.1rem; border-left: 1px solid rgba(255,255,255,0.12); } .ytgs-crew-strip-stat-val { font-family: 'Bebas Neue', sans-serif; font-size: 1.6rem; line-height: 1; color: var(--green-400); } .ytgs-crew-strip-stat-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.6rem; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(245,240,232,0.5); }   .ytgs-crew-strip-members { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; padding: 1rem; } .ytgs-crew-strip--full .ytgs-crew-strip-members { grid-template-columns: repeat(8, 1fr); } .ytgs-crew-strip-member { min-width: 0;   display: flex; flex-direction: column; align-items: center; gap: 0.45rem; text-align: center; text-decoration: none; padding: 0.5rem 0.4rem; border-radius: 10px; transition: background 0.15s ease; } .ytgs-crew-strip-member:hover { background: var(--cream); } .ytgs-crew-strip-member-photo { width: 100%; min-width: 0; max-width: 100%; aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; object-fit: cover; display: block; background: var(--cream); } .ytgs-crew-strip-member-photo--fallback { display: flex; align-items: center; justify-content: center; background: linear-gradient(160deg, var(--green-900), var(--green-950)); } .ytgs-crew-strip-member-photo--fallback span { font-family: 'Bebas Neue', sans-serif; font-size: 1.6rem; color: var(--green-500); } .ytgs-crew-strip-member-info { display: flex; flex-direction: column; align-items: center; gap: 0.2rem; min-width: 0; width: 100%; } .ytgs-crew-strip-member-name { font-size: 0.8rem; font-weight: 700; color: var(--charcoal); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .ytgs-crew-strip-member-hcp { font-family: 'Bebas Neue', sans-serif; font-size: 0.9rem; color: var(--green-700); }   .ytgs-creator-card-fallback-line { font-family: 'IBM Plex Mono', monospace; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.06em; color: rgba(255,255,255,0.75); } .ytgs-creator-card-fallback-line--new { display: inline-block; color: var(--green-950); background: var(--green-400); padding: 0.15rem 0.5rem; border-radius: 4px; font-weight: 700; }   .ytgs-channel-card-nodata { font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; font-style: italic; color: #999; } .ytgs-channel-roster { display: flex; align-items: center; gap: 0.75rem; margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid var(--cream-dark); } .ytgs-channel-roster-avatars { display: flex; align-items: center; } .ytgs-channel-roster-avatar { width: 26px; height: 26px; border-radius: 50%; overflow: hidden; border: 2px solid var(--white); margin-left: -8px; background: var(--cream); } .ytgs-channel-roster-avatar:first-child { margin-left: 0; } .ytgs-channel-roster-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; } .ytgs-channel-roster-avatar .ytgs-creator-avatar-initials { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 0.65rem; color: var(--green-700); background: var(--cream-dark); } .ytgs-channel-roster-more { font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; color: #999; margin-left: 0.35rem; }   .ytgs-course-mp-logo { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; background: var(--cream); display: flex; align-items: center; justify-content: center; } .ytgs-course-mp-logo-img { width: 100%; height: 100%; object-fit: cover; display: block; } .ytgs-course-mp-logo span { font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem; color: var(--green-700); }   .ytgs-course-mp-rounds { display: grid; grid-template-columns: repeat(4, 1fr); } .ytgs-course-mp-round { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.3rem; padding: 1rem 0.75rem; border-top: 1px solid var(--cream-dark); border-left: 1px solid var(--cream-dark); } .ytgs-course-mp-round:first-child { border-left: none; } .ytgs-course-mp-round-who { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; min-width: 0; max-width: 100%; text-decoration: none; } .ytgs-course-mp-round-avatar { flex-shrink: 0; width: 56px; height: 56px; border-radius: 50%; overflow: hidden; background: var(--cream); } .ytgs-course-mp-round-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; } .ytgs-course-mp-round-avatar .ytgs-creator-avatar-initials { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem; color: var(--green-700); background: var(--cream-dark); } .ytgs-course-mp-round-name { font-size: 0.85rem; font-weight: 700; color: var(--charcoal); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .ytgs-course-mp-round-who:hover .ytgs-course-mp-round-name { text-decoration: underline; } .ytgs-course-mp-round-score { font-family: 'IBM Plex Mono', monospace; font-size: 0.9rem; font-weight: 700; color: var(--green-700); text-decoration: none; white-space: nowrap; } .ytgs-course-mp-round-score:hover { text-decoration: underline; } .ytgs-course-mp-round-date { font-family: 'IBM Plex Mono', monospace; font-size: 0.66rem; color: #999; } @media (max-width: 900px) { .ytgs-course-mp-rounds { grid-template-columns: repeat(2, 1fr); } .ytgs-course-mp-round:nth-child(2n+1) { border-left: none; } } @media (max-width: 640px) { .ytgs-course-mp-rounds { grid-template-columns: 1fr; } .ytgs-course-mp-round { border-left: none; } .ytgs-course-mp-round:first-child { border-top: none; } }   .ytgs-course-card-tee-more { font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; color: #999; white-space: nowrap; align-self: center; margin-left: 0.15rem; } @media (max-width: 768px) {   .ytgs-crew-strips { grid-template-columns: 1fr; } .ytgs-crew-strip--full .ytgs-crew-strip-members { grid-template-columns: repeat(4, 1fr); }   .ytgs-creator-leaderboard { display: flex; align-items: flex-start; overflow-x: auto; padding-bottom: 0.25rem; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .ytgs-creator-leaderboard::-webkit-scrollbar { display: none; }   .ytgs-creator-leaderboard .ytgs-lb-card { flex: 0 0 auto; width: 140px; } .ytgs-creator-leaderboard .ytgs-lb-card--top { width: 156px; } } @media (max-width: 640px) {   .ytgs-creator-leaderboard .ytgs-lb-card { width: 130px; } .ytgs-creator-leaderboard .ytgs-lb-card--top { width: 145px; } .ytgs-crew-strip-members { gap: 0.5rem; padding: 0.75rem; } .ytgs-crew-strip-member { padding: 0.35rem 0.2rem; } .ytgs-crew-strip-member-name { font-size: 0.72rem; } .ytgs-crew-strip-member-hcp { font-size: 0.8rem; } .ytgs-crew-strip-stat { padding: 0 0.7rem; } .ytgs-crew-strip-stat-val { font-size: 1.3rem; } .ytgs-crew-strip-name { font-size: 1.25rem; } }   .ytgs-records-strip-title { font-family: 'Bebas Neue', sans-serif; font-size: 1.3rem; letter-spacing: 0.04em; color: var(--charcoal); margin: 0 0 0.3rem; } .ytgs-records-strip-desc { font-size: 0.85rem; color: #777; margin: 0 0 1rem; max-width: 640px; } .ytgs-records-strip { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; }   .ytgs-record-card { display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--cream-dark); border-radius: 10px; overflow: hidden; text-decoration: none; color: inherit; transition: box-shadow 0.15s ease, transform 0.15s ease; } .ytgs-record-card:hover { box-shadow: 0 6px 16px rgba(5,46,22,0.1); transform: translateY(-2px); } .ytgs-record-card-thumb { position: relative; aspect-ratio: 16 / 9; background: var(--cream); } .ytgs-record-card-thumb img, .ytgs-record-card-thumb .ytgs-episode-thumb-placeholder { width: 100%; height: 100%; object-fit: cover; display: block; } .ytgs-record-card-body { display: flex; flex-direction: column; gap: 0.3rem; padding: 0.75rem 0.85rem 0.9rem; }   .ytgs-record-card-score { display: flex; align-items: baseline; gap: 0.4rem; } .ytgs-record-card-score-val { font-family: 'Bebas Neue', sans-serif; font-size: 1.6rem; line-height: 1; color: var(--green-700); } .ytgs-record-card-score-sub { font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #999; }   .ytgs-record-card-creator { display: flex; align-items: center; gap: 0.4rem; min-width: 0; } .ytgs-record-card-avatar { flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; overflow: hidden; background: var(--cream); } .ytgs-record-card-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; } .ytgs-record-card-avatar .ytgs-creator-avatar-initials { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 0.6rem; color: var(--green-700); background: var(--cream-dark); } .ytgs-record-card-name { font-size: 0.85rem; font-weight: 700; color: var(--charcoal); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }   .ytgs-record-card-date { font-family: 'IBM Plex Mono', monospace; font-size: 0.68rem; color: #999; } .ytgs-record-card-course { font-size: 0.75rem; color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }   .ytgs-episode-format-badge--pick { background: #f5c518; color: #1a1a1a; } .ytgs-episode-pick-why { font-size: 0.82rem; line-height: 1.5; color: #555; margin: 0.4rem 0 0; font-style: italic; }   .ytgs-course-record-line { display: inline-flex; align-items: center; gap: 0.5rem; margin: 0.75rem 0; padding: 0.5rem 0.9rem; background: rgba(22,163,74,0.08); border: 1px solid rgba(22,163,74,0.3); border-radius: 8px; text-decoration: none; max-width: 100%; } .ytgs-course-record-label { font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--green-700); white-space: nowrap; } .ytgs-course-record-avatar { width: 24px; height: 24px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: var(--white); } .ytgs-course-record-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; } .ytgs-course-record-avatar .ytgs-creator-avatar-initials { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 0.6rem; color: var(--green-700); background: var(--cream-dark); } .ytgs-course-record-name { font-size: 0.85rem; font-weight: 700; color: var(--charcoal); } .ytgs-course-record-score { font-family: 'IBM Plex Mono', monospace; font-size: 0.8rem; color: var(--green-700); } @media (max-width: 640px) { .ytgs-records-strip { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0.75rem; } .ytgs-record-card-course { display: none; } }     .ytgs-lb-group-title { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: 0.03em; color: var(--charcoal); border-bottom: 2px solid var(--cream-dark); padding-bottom: 0.5rem; margin: 2.5rem 0 1rem; } .ytgs-lb-group-title:first-child { margin-top: 0; }   .ytgs-lb-group-title, #records-book, #every-creator, #methodology { scroll-margin-top: 84px;   } .admin-bar .ytgs-lb-group-title, .admin-bar #records-book, .admin-bar #every-creator, .admin-bar #methodology { scroll-margin-top: 116px;   } @media screen and (max-width: 782px) { .admin-bar .ytgs-lb-group-title, .admin-bar #records-book, .admin-bar #every-creator, .admin-bar #methodology { scroll-margin-top: 130px;   } } .ytgs-lb-group-desc { font-size: 0.88rem; color: #666; margin: -0.6rem 0 1rem; } .ytgs-lb-jumpnav { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 0 1.5rem; } .ytgs-lb-jumpnav a { display: inline-block; font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; font-weight: 700; color: var(--green-700); text-decoration: none; padding: 7px 14px; border: 1px solid var(--cream-dark); border-radius: 20px; background: var(--white); } .ytgs-lb-jumpnav a:hover { background: var(--cream); }     .ytgs-lb-hero-jumpnav { margin-top: 1.6rem; } .ytgs-lb-jumpnav-label { display: block; font-family: 'IBM Plex Mono', monospace; font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--sand); opacity: 0.65; margin-bottom: 0.5rem; } .ytgs-archive-header .ytgs-lb-jumpnav { padding: 0 0 0.6rem; } .ytgs-archive-header .ytgs-lb-jumpnav a { background: rgba(255,255,255,0.94); border-color: transparent; color: var(--green-700); } .ytgs-archive-header .ytgs-lb-jumpnav a:hover { background: #fff; } .ytgs-archive-header .ytgs-lb-jumpnav--alt { padding-bottom: 0; } .ytgs-archive-header .ytgs-lb-jumpnav--alt a { background: transparent; border: 1px solid rgba(255,255,255,0.35); color: var(--sand); } .ytgs-archive-header .ytgs-lb-jumpnav--alt a:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.6); } .ytgs-lb-instructions { font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; line-height: 1.6; color: var(--sand); opacity: 0.85; margin: 1.2rem 0 0; } .ytgs-lb-instructions strong { color: #fff; font-weight: 700; } .ytgs-lb-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; } @media (max-width: 900px) { .ytgs-lb-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .ytgs-lb-grid { grid-template-columns: 1fr; } }   @media (max-width: 640px) { .ytgs-lb-grid--home-teaser > .ytgs-lb-card:nth-child(n+4) { display: none; } } .ytgs-lb-card { border-radius: 10px; border: 1px solid var(--cream-dark); background: var(--white); padding: 16px 18px 14px; } .ytgs-lb-card-title { font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--green-700); margin: 0 0 10px; } .ytgs-lb-card-title a { color: inherit; text-decoration: none; } .ytgs-lb-card-title a:hover { text-decoration: underline; } .ytgs-lb-view-full { display: block; font-family: 'IBM Plex Mono', monospace; font-size: 0.68rem; font-weight: 700; color: var(--green-700); text-decoration: none; margin-top: 8px; } .ytgs-lb-view-full:hover { text-decoration: underline; } .ytgs-lb-card-subtitle { font-size: 0.72rem; color: #999; margin: -6px 0 10px; } .ytgs-lb-empty { font-size: 0.82rem; color: #999; padding: 8px 0; } .ytgs-lb-row { display: flex; align-items: center; gap: 8px; padding: 5px 0; text-decoration: none; color: inherit; border-top: 1px solid var(--cream); } .ytgs-lb-row:first-child { border-top: none; } .ytgs-lb-row:hover .ytgs-lb-name { color: var(--green-700); } .ytgs-lb-rank { font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; color: #999; width: 14px; flex-shrink: 0; text-align: right; } .ytgs-lb-avatar { width: 24px; height: 24px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: var(--cream); } .ytgs-lb-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; } .ytgs-lb-avatar .ytgs-creator-avatar-initials { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 0.6rem; color: var(--green-700); background: var(--cream-dark); } .ytgs-lb-name { flex: 1; font-size: 0.82rem; font-weight: 600; color: var(--charcoal); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ytgs-lb-val { font-family: 'IBM Plex Mono', monospace; font-size: 0.82rem; font-weight: 700; color: var(--green-700); flex-shrink: 0; }   .ytgs-lb-row--leader { padding: 8px 0 10px; } .ytgs-lb-row--leader .ytgs-lb-rank { display: none; } .ytgs-lb-row--leader .ytgs-lb-avatar { width: 40px; height: 40px; } .ytgs-lb-row--leader .ytgs-lb-avatar .ytgs-creator-avatar-initials { font-size: 1rem; } .ytgs-lb-row--leader .ytgs-lb-name { font-size: 1rem; font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.02em; font-weight: 400; } .ytgs-lb-row--leader .ytgs-lb-val { font-size: 1.15rem; } .ytgs-lb-qualifier { font-size: 0.68rem; color: #999; margin: 10px 0 0; padding-top: 8px; border-top: 1px solid var(--cream); }   @media (max-width: 640px) { .ytgs-lb-rank { display: none; } .ytgs-lb-avatar { width: 30px; height: 30px; } .ytgs-lb-name { font-size: 0.9rem; } .ytgs-lb-val { font-size: 0.9rem; } }   .ytgs-lb-explanation { font-size: 0.94rem; line-height: 1.7; color: var(--charcoal); } .ytgs-lb-related-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; } .ytgs-lb-related-list li { margin: 0; } .ytgs-lb-related-list a { display: inline-block; font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; font-weight: 700; color: var(--green-700); text-decoration: none; padding: 8px 14px; border: 1px solid var(--cream-dark); border-radius: 20px; background: var(--white); } .ytgs-lb-related-list a:hover { background: var(--cream); } .ytgs-lb-updated { text-align: center; font-size: 0.78rem; color: #999; margin: 0 0 40px; } .ytgs-lb-updated a { color: var(--green-700); font-weight: 600; text-decoration: none; } .ytgs-lb-updated a:hover { text-decoration: underline; }   .ytgs-ep-highlight-grid--dense { grid-template-columns: repeat(2, 1fr); } @media (max-width: 640px) { .ytgs-ep-highlight-grid--dense { grid-template-columns: 1fr; } } .ytgs-ep-highlight-box--dense .ytgs-ep-highlight-header { padding: 14px 16px 12px; } .ytgs-ep-highlight-box--dense .ytgs-ep-highlight-stat { font-size: 1.9rem; } .ytgs-ep-highlight-box--dense .ytgs-ep-highlight-label { font-size: 12px; margin-bottom: 4px; }   .ytgs-lb-table-controls { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 0.75rem; } .ytgs-lb-table-search { padding: 0.4rem 0.75rem; border: 1px solid var(--cream-dark); border-radius: 6px; font-size: 0.85rem; min-width: 220px; } .ytgs-lb-table-toggle { font-size: 0.8rem; color: #666; display: flex; align-items: center; gap: 0.4rem; cursor: pointer; } .ytgs-lb-master-table th { white-space: nowrap; } .ytgs-lb-master-table .ytgs-scc-name { text-align: left; position: sticky; left: 0; background: var(--white); z-index: 2; box-shadow: 2px 0 4px rgba(0,0,0,.06); } .ytgs-lb-master-table thead .ytgs-scc-name { background: var(--green-950); } .ytgs-lb-table-name { display: flex; align-items: center; gap: 8px; text-decoration: none; color: var(--charcoal); font-weight: 600; white-space: nowrap; } .ytgs-lb-table-avatar { width: 22px; height: 22px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: var(--cream); } .ytgs-lb-table-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }     .ytgs-lb-rank-col { width: 1%; white-space: nowrap; text-align: center; }   .ytgs-lb-lead-line { font-size: 0.95rem; color: var(--charcoal); margin: 0 0 1rem; } .ytgs-lb-lead-line strong { color: var(--green-700); } @media (max-width: 640px) { .ytgs-lb-subpage-table .ytgs-lb-extra-col { display: none; }   .ytgs-lb-subpage-table .ytgs-lb-table-name { max-width: 40vw; } .ytgs-lb-subpage-table .ytgs-lb-table-name-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } } .ytgs-lb-table-avatar .ytgs-creator-avatar-initials { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 0.55rem; color: var(--green-700); background: var(--cream-dark); } .ytgs-lb-badge { display: inline-block; margin-left: 6px; font-family: 'IBM Plex Mono', monospace; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.05em; color: #b45309; background: rgba(180,83,9,0.1); border-radius: 4px; padding: 1px 5px; } .ytgs-lb-row-unqualified { opacity: 0.55; } .ytgs-stats-updated { font-family: 'IBM Plex Mono', monospace; font-size: 0.78rem; color: #999; }   .ytgs-creator-rankings { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.75rem 0; } .ytgs-creator-rank-chip { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.35rem 0.7rem; background: rgba(22,163,74,0.08); border: 1px solid rgba(22,163,74,0.3); border-radius: 999px; text-decoration: none; font-family: 'IBM Plex Mono', monospace; font-size: 0.72rem; color: var(--green-700); white-space: nowrap; } .ytgs-creator-rank-chip:hover { background: rgba(22,163,74,0.15); } .ytgs-creator-rank-chip strong { color: var(--charcoal); font-weight: 700; }