:root{--c-bg-deep: #03121f;--c-bg-base: #051c2e;--c-bg-mid: #0a2540;--c-bg-cobalt: #0a3a6f;--c-bg-glow: #15c3a5;--c-bg-magenta: #aa4682;--c-bg-radial: radial-gradient(ellipse 75% 65% at 0% 110%, rgba(21, 195, 165, .5) 0%, rgba(21, 195, 165, 0) 55%), radial-gradient(ellipse 75% 65% at 100% 110%, rgba(170, 70, 130, .5) 0%, rgba(170, 70, 130, 0) 55%), radial-gradient(ellipse 60% 50% at 100% 0%, rgba(10, 58, 111, .4) 0%, rgba(10, 58, 111, 0) 60%), linear-gradient(180deg, var(--c-bg-base) 0%, var(--c-bg-base) 35%, var(--c-bg-mid) 75%, var(--c-bg-deep) 100%);--c-bg-vignette: radial-gradient(ellipse 120% 90% at 50% 50%, transparent 50%, rgba(0, 0, 0, .35) 100%);--c-text-primary: #ffffff;--c-text-secondary: #c8cce0;--c-text-tertiary: #a8aecc;--c-accent: #3FB8C9;--c-accent-hover: #5DCBDB;--c-accent-deep: #0E8A8C;--c-accent-mint: #5BC9A4;--c-accent-soft: rgba(63, 184, 201, .2);--c-accent-soft-dashed: rgba(63, 184, 201, .3);--c-focus-ring: rgba(255, 28, 43, .45);--c-card-bg: rgba(255, 255, 255, .06);--c-card-border: rgba(255, 255, 255, .1);--c-card-inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .12);--c-card-shadow: 0 24px 60px -20px rgba(0, 0, 0, .55), 0 2px 0 rgba(0, 0, 0, .25);--c-surface-skeleton: rgba(255, 255, 255, .06);--c-surface-skeleton-shimmer: rgba(255, 255, 255, .08);--c-surface: var(--c-card-bg);--c-surface-strong: var(--c-card-border);--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: .18em;--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: 16px;--r-pill: 999px;--shadow-card: var(--c-card-shadow);--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);background-attachment:fixed;color:var(--c-text-primary);min-height:100svh;position:relative;isolation:isolate;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:after{content:"";position:fixed;inset:0;background:var(--c-bg-vignette);pointer-events:none;z-index:0}body:before{content:"";position:fixed;inset:0;background-image:url(/assets/noise-256-COk-13P_.png);background-size:256px 256px;background-repeat:repeat;opacity:.035;mix-blend-mode:overlay;pointer-events:none;z-index:1}body>*{position:relative;z-index:2}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;box-shadow:0 0 16px 0 var(--c-focus-ring)}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)}.header__eyebrow,.brand__eyebrow{font-size:var(--fs-eyebrow);font-weight:var(--fw-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--c-accent-mint);margin-bottom:var(--sp-2)}:root{--c-primary: var(--c-accent);--c-primary-soft: rgba(63, 184, 201, .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{display:inline-block;width:auto;max-width:220px;height:auto;aspect-ratio:1500 / 573;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-card-bg);border:1px solid var(--c-card-border);border-radius:var(--r-card);padding:var(--sp-4) var(--sp-3);text-align:center;box-shadow:var(--c-card-inner-highlight),var(--c-card-shadow)}.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-card-bg);border:1px solid var(--c-card-border);border-radius:var(--r-card);padding:var(--sp-5);margin-bottom:var(--sp-5);text-align:center;box-shadow:var(--c-card-inner-highlight),var(--c-card-shadow)}.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-card-bg);border:1px solid var(--c-card-border);border-radius:14px;overflow:hidden;margin-bottom:12px;box-shadow:var(--c-card-inner-highlight),var(--c-card-shadow)}.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,var(--c-surface-skeleton-shimmer),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__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)}