:root{--c-bg-deep: #081428;--c-bg-mid: #0a1d3a;--c-bg-glow: #1f2c5f;--c-bg-radial: radial-gradient( circle at 30% -10%, var(--c-bg-glow) 0%, var(--c-bg-mid) 55%, var(--c-bg-deep) 100% );--c-text-primary: #f5e9d0;--c-text-secondary: #c0b094;--c-text-tertiary: #8a7e66;--c-accent: #d4a754;--c-accent-hover: #e6bc6b;--c-accent-soft: rgba(212, 167, 84, .2);--c-accent-soft-dashed: rgba(212, 167, 84, .3);--c-surface: rgba(245, 233, 208, .05);--c-surface-strong: rgba(245, 233, 208, .08);--c-surface-skeleton: rgba(245, 233, 208, .06);--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-eyebrow: 11px;--fs-body: 15px;--fs-card-title: 17px;--fs-h1: 30px;--fs-fine: 12px;--fs-meta: 13px;--ls-eyebrow: .24em;--ls-h1: -.01em;--lh-body: 1.5;--lh-card: 1.55;--fw-eyebrow: 700;--fw-h1: 800;--fw-strong: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-card: 20px;--r-pill: 999px;--shadow-card: 0 30px 60px -30px rgba(0, 0, 0, .7);--layout-max-width: 720px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%}body{font-family:var(--font-stack);background:var(--c-bg-radial);background-color:var(--c-bg-deep);color:var(--c-text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,video{max-width:100%;display:block}a{color:var(--c-accent);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--c-accent-hover)}:root{--c-primary: var(--c-accent);--c-primary-soft: rgba(212, 167, 84, .12)}.container{max-width:var(--layout-max-width);margin:0 auto;padding:var(--sp-5) var(--sp-4) var(--sp-7)}.header{text-align:center;padding:var(--sp-5) 0 var(--sp-4)}.header h1{font-size:30px;font-weight:800;color:var(--c-text-primary);margin-bottom:6px;letter-spacing:-.01em}.header .subtitle{font-size:15px;color:var(--c-text-secondary)}.logo{max-width:180px;margin-bottom:var(--sp-4)}.versus{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:var(--sp-3);margin:var(--sp-3) 0 var(--sp-5)}.versus.solo{flex-direction:column;align-items:center}.player-card{flex:1;min-width:0;background:var(--c-surface);border:1px solid var(--c-surface-strong);border-radius:16px;padding:var(--sp-4) var(--sp-3);text-align:center}.player-card.you{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary)}.player-card .portrait{width:100%;max-width:180px;margin:0 auto 10px;aspect-ratio:1 / 1;border-radius:14px;object-fit:cover;background:var(--c-surface-strong);display:block}.player-card .portrait-initials{width:100%;max-width:180px;margin:0 auto 10px;aspect-ratio:1 / 1;border-radius:14px;background:var(--c-surface-strong);display:flex;align-items:center;justify-content:center;color:var(--c-text-primary);font-size:72px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.player-card .name{font-size:16px;font-weight:700;color:var(--c-text-primary);margin-top:var(--sp-1)}.player-card .role{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-secondary);margin-top:2px}.player-card .score{font-size:28px;font-weight:800;color:var(--c-primary);margin-top:var(--sp-2);line-height:1}.player-card .score-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-tertiary);margin-top:2px}.vs-divider{display:flex;align-items:center;justify-content:center;padding:0 var(--sp-1)}.vs-divider span{font-size:14px;font-weight:800;color:var(--c-text-tertiary);letter-spacing:.1em}.portrait-pill{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 10px;border-radius:var(--r-pill);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--c-surface-strong);color:var(--c-text-secondary);margin-top:6px}.portrait-note{font-size:var(--fs-fine);color:var(--c-text-secondary);line-height:1.4;margin-top:var(--sp-2);padding:0 var(--sp-1)}.result-banner{text-align:center;padding:14px var(--sp-4);border-radius:14px;margin:0 0 var(--sp-5);font-weight:700;letter-spacing:.02em}.result-banner.win{background:var(--c-primary);color:#fff}.result-banner.loss,.result-banner.tie{background:var(--c-surface);color:var(--c-text-secondary);border:1px solid var(--c-surface-strong)}.result-banner .headline{font-size:18px;font-weight:800}.result-banner .sub{font-size:var(--fs-fine);opacity:.85;margin-top:var(--sp-1);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.score-card{background:var(--c-surface);border:1px solid var(--c-surface-strong);border-radius:16px;padding:var(--sp-5);margin-bottom:var(--sp-5);text-align:center}.score-card .total-score{font-size:64px;font-weight:800;color:var(--c-primary);line-height:1}.score-card .score-label{font-size:var(--fs-fine);color:var(--c-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--sp-1)}.rounds{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}.round{background:var(--c-surface);border:1px solid var(--c-surface-strong);border-radius:12px;padding:12px 14px;flex:1;min-width:84px;text-align:center}.round.tiebreaker{border-color:var(--c-primary);background:var(--c-primary-soft)}.round-num{font-size:11px;color:var(--c-text-secondary);text-transform:uppercase;letter-spacing:.08em}.round-score{font-size:22px;font-weight:800;color:var(--c-text-primary);margin-top:2px}.round-type{font-size:11px;color:var(--c-text-secondary);text-transform:capitalize;margin-top:2px}.tiebreaker-flag{display:inline-block;margin-top:12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-primary);font-weight:700}.media-section{margin-bottom:var(--sp-5)}.media-section h2{font-size:18px;font-weight:700;color:var(--c-text-primary);margin-bottom:12px}.media-item{background:var(--c-surface);border:1px solid var(--c-surface-strong);border-radius:14px;overflow:hidden;margin-bottom:12px}.media-item.hero{border-color:var(--c-primary)}.media-item video{width:100%;display:block;background:#000}.media-item .media-meta{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:var(--fs-fine);color:var(--c-text-secondary)}.media-item .media-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:var(--r-pill);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--c-primary);color:#fff}.media-item .media-badge.secondary{background:var(--c-surface-strong);color:var(--c-text-secondary)}.media-pending{background:var(--c-surface);border:1px dashed var(--c-accent-soft-dashed);border-radius:14px;padding:28px 20px;text-align:center;color:var(--c-text-secondary);font-size:14px;line-height:1.5}.media-pending strong{display:block;color:var(--c-text-primary);font-size:15px;margin-bottom:6px}.sponsor{text-align:center;padding:var(--sp-5) 0 0;color:var(--c-text-tertiary);font-size:var(--fs-fine)}.skeleton{background:var(--c-surface-skeleton);border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(245,233,208,.07),transparent);transform:translate(-100%);animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton--header{width:60%;max-width:320px;height:28px;margin:var(--sp-5) auto var(--sp-3)}.skeleton--subtitle{width:45%;max-width:240px;height:14px;margin:0 auto var(--sp-5)}.skeleton--versus{width:100%;height:200px;border-radius:16px;border:1px solid var(--c-accent-soft);margin-bottom:var(--sp-5)}.skeleton--score-card{width:100%;height:140px;border-radius:16px;border:1px solid var(--c-accent-soft);margin-bottom:var(--sp-5)}.skeleton--media{width:100%;height:200px;border-radius:14px;border:1px solid var(--c-accent-soft)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.message-card{background:var(--c-surface);border:1px dashed var(--c-accent-soft-dashed);border-radius:var(--r-card);padding:36px var(--sp-5);text-align:center;color:var(--c-text-secondary);line-height:var(--lh-card)}.brand{text-align:center;padding-top:var(--sp-2);margin-bottom:var(--sp-5)}.brand__eyebrow{font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--c-accent);font-weight:var(--fw-eyebrow)}.brand__title{margin-top:var(--sp-2);font-size:var(--fs-h1);font-weight:var(--fw-h1);letter-spacing:var(--ls-h1);color:var(--c-text-primary)}.brand__subtitle{margin-top:var(--sp-2);font-size:var(--fs-body);color:var(--c-text-secondary);line-height:var(--lh-body)}