@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root {
  --primary: #087bff;
  --mr-red: #087bff;
  --mr-red-2: #005fe0;
  --mr-rec: #ff173d;
  --mr-ink: #020b20;
  --mr-panel: #071631;
  --mr-soft: #f4f5f7;
  --mr-line: rgba(255,255,255,.11);
  --mr-muted: #9ca3af;
  --mr-green: #32d583;
  --mr-radius: 20px;
  --mr-shadow: 0 24px 70px rgba(0,0,0,.22);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'DM Sans', system-ui, sans-serif; color: #f4f7fb; background:#020b20; }
h1,h2,h3,.brand,.toolbar-label,.kicker { font-family: 'Manrope', system-ui, sans-serif; }
a,button,input,select { -webkit-tap-highlight-color: transparent; }

.nav { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.nav-inner { min-height: 74px; }
.brand-symbol { display:block; width:56px; height:56px; border-radius:13px; background:#031433; box-shadow:0 10px 28px rgba(8,123,255,.2); flex:none; }
.brand-symbol img { display:block; width:100%; height:100%; object-fit:contain; border-radius:13px; }
.brand span { color: var(--mr-red) !important; }
.nav-toggle { display:none; width:42px; height:42px; border:1px solid rgba(127,127,127,.2); border-radius:12px; background:transparent; color:inherit; cursor:pointer; }
.nav-toggle span,.nav-toggle::before,.nav-toggle::after { content:''; display:block; width:18px; height:2px; margin:4px auto; border-radius:2px; background:currentColor; transition:.2s; }
.nav-toggle[aria-expanded="true"] span { opacity:0; }
.nav-toggle[aria-expanded="true"]::before { transform:translateY(6px) rotate(45deg); }
.nav-toggle[aria-expanded="true"]::after { transform:translateY(-6px) rotate(-45deg); }

.btn { border-radius: 12px !important; transition: transform .2s, box-shadow .2s, background .2s !important; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: linear-gradient(135deg,#0a82ff,#0464e8) !important; border-color:#087bff !important; color:#fff !important; box-shadow: 0 12px 28px rgba(8,123,255,.24); }
.btn-primary:hover { background:linear-gradient(135deg,#2491ff,#0057cf) !important; box-shadow:0 16px 38px rgba(8,123,255,.34); }

/* Landing: linguagem de transmissão esportiva, sem excesso de efeitos. */
.hero-v3 { min-height:720px; background:radial-gradient(circle at 78% 30%,rgba(8,123,255,.18),transparent 36%),linear-gradient(135deg,#02091b,#031638 72%,#02102b) !important; isolation:isolate; overflow:hidden; }
.hero-v3::before { content:''; position:absolute; inset:0; z-index:-1; opacity:.2; background-image: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,#000,transparent 90%); }
.hero-v3::after { content:''; position:absolute; width:560px; height:560px; right:-70px; top:20px; z-index:-1; opacity:.055; background:url('/assets/img/logo-meu-replay.png') center/contain no-repeat; pointer-events:none; }
.hero-glow { filter: blur(90px); opacity:.34 !important; }
.hero-copy h1 { letter-spacing:-.055em; line-height:.94 !important; max-width:720px; }
.hero-copy h1 span { color:var(--mr-red) !important; }
.hero-badge { background:rgba(8,123,255,.1) !important; border-color:rgba(8,123,255,.34) !important; color:#79b7ff !important; }
.trust-row { border-top:1px solid var(--mr-line); padding-top:22px; }
.trust-item strong { color:#fff; font-family:'Manrope'; }
.product-frame { border:1px solid rgba(54,143,255,.28) !important; border-radius:24px !important; box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 65px rgba(8,123,255,.08) !important; }
.product-screen { background:#0f341d !important; }
.product-topbar { background:#06142f !important; }
.rec-pill { background:var(--mr-rec) !important; }
.replay-ready { background:#087bff !important; }
.floating-card { border:1px solid rgba(255,255,255,.11) !important; background:rgba(20,23,29,.92) !important; backdrop-filter:blur(14px); }
.floating-icon { filter:none !important; }
.process-card,.value-card,.benefit-card { border-radius:var(--mr-radius) !important; border-color:#16345e !important; background:#071630 !important; box-shadow:none !important; }
.process-card h3,.value-card h3,.benefit-card h3 { color:#f5f7fa !important; }
.process-card p,.value-card p,.benefit-card p { color:#929ba8 !important; }
.process-card:hover,.value-card:hover,.benefit-card:hover { transform:translateY(-4px); border-color:#3a424f !important; box-shadow:0 18px 50px rgba(0,0,0,.22) !important; }
.process-card-featured { background:#051b43 !important; border-color:#0b4695 !important; }
.process-num,.value-number { color:var(--mr-red) !important; }
.value-section { background:#02091b !important; }
.benefit-icon,.process-icon,.value-icon { filter:grayscale(1); }
.sport { border-radius:999px !important; background:#071630 !important; border:1px solid #16345e !important; color:#d9e3f1 !important; }
.cta-v3 { border-radius:28px !important; background:linear-gradient(135deg,#087bff,#064bb7) !important; box-shadow:0 28px 80px rgba(8,123,255,.25); }

/* Páginas de replay */
.replays-page { background:#020b20 !important; color:#f4f6f8 !important; }
.replays-nav { background:rgba(2,11,32,.9) !important; color:#fff; border-color:rgba(75,145,255,.14) !important; }
.replays-hero { background:var(--mr-ink) !important; position:relative; overflow:hidden; }
.replays-hero::after { content:''; position:absolute; inset:auto -15% -60% 35%; height:420px; background:radial-gradient(circle,rgba(8,123,255,.3),transparent 65%); pointer-events:none; }
.replays-hero > * { position:relative; z-index:1; }
.replays-hero h1,.replays-hero h2,.replays-toolbar h2 { color:#f7f8fa !important; }
.replays-hero .lead { color:#b2b8c2 !important; }
.replays-breadcrumb { color:#7f8794 !important; }
.replays-breadcrumb a { color:#b7bec8 !important; }
.replays-summary { background:#15181e !important; border:1px solid var(--mr-line) !important; border-radius:20px !important; }
.summary-item strong { color:#fff !important; }
.summary-item span { color:var(--mr-muted) !important; }
.replays-main { background:#030d23 !important; }
.toolbar-label,.match-label,.replay-time-label { color:#737d8d !important; }
.arena-search { border-radius:14px !important; background:#071630 !important; border-color:#173967 !important; box-shadow:0 10px 25px rgba(0,0,0,.16); }
.arena-search input { color:#f4f6f8 !important; }
.arena-search input::placeholder { color:#7f8793 !important; }
.arena-card-v4,.court-card-arena-v5,.replay-card-v4 { border-radius:20px !important; background:#071630 !important; border:1px solid #16345e !important; box-shadow:none !important; overflow:hidden; }
.arena-card-v4:hover,.court-card-arena-v5:hover,.replay-card-v4:hover { transform:translateY(-4px); box-shadow:0 20px 50px rgba(12,15,20,.1) !important; }
.arena-card-visual,.court-card-visual-v5 { background:linear-gradient(145deg,#061735,#092a62) !important; }
.arena-avatar-v4 { background:var(--mr-red) !important; color:#fff !important; box-shadow:0 15px 36px rgba(255,48,79,.25); }
.arena-card-status,.court-live-v5 { color:#90e9bd !important; }
.arena-card-status span,.court-live-v5 span { background:var(--mr-green) !important; box-shadow:0 0 0 5px rgba(50,213,131,.12); }
.arena-card-action,.court-enter-v5 { color:var(--mr-red) !important; }
.arena-card-content h3,.court-card-content-v5 h3,.replay-heading-v4 h3,.match-head-time strong { color:#f5f7fa !important; }
.arena-card-content p,.court-card-content-v5 p,.replay-name-v4 { color:#929ba8 !important; }
.arena-card-location { color:#9099a7 !important; }
.arena-card-stats-v4 div { background:#031027 !important; border-color:#17345e !important; }
.arena-card-stats-v4 strong { color:#f5f7fa !important; }
.arena-card-last { border-color:#282e38 !important; }
.arena-card-last strong { color:#70b2ff !important; }
.arena-profile-v3,.arena-partner-card,.qr-card-v4 { border-radius:22px !important; border-color:var(--mr-line) !important; background:#15181e !important; }
.chip { background:rgba(255,255,255,.07) !important; border-color:rgba(255,255,255,.1) !important; color:#d4d8df !important; }
.match-group-v4 { background:transparent !important; border:0 !important; padding:0 !important; }
.match-head-v4 { margin-bottom:16px; padding:0 2px 12px; border-bottom:1px solid #282e38; background:transparent !important; }
.video-wrap-v4 { background:#07080a !important; aspect-ratio:16/9; }
.video-wrap-v4 video { width:100%; height:100%; object-fit:cover; }
.replay-label-v4 { background:var(--mr-rec) !important; }
.replay-ready-v4 { color:#7ce5af !important; background:#143426 !important; border-color:#25573f !important; }
.replay-card-v4[data-new="true"] { outline:2px solid var(--mr-red); outline-offset:3px; }
.live-update { display:inline-flex; gap:8px; align-items:center; padding:8px 12px; border-radius:999px; background:#143426; color:#7ce5af; font-size:12px; font-weight:800; }
.live-update i { width:7px; height:7px; border-radius:50%; background:var(--mr-green); box-shadow:0 0 0 5px rgba(50,213,131,.13); }
.replay-filters { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 28px; }
.filter-chip { border:1px solid #173967; background:#071630; border-radius:999px; padding:10px 15px; font:700 13px 'DM Sans'; color:#a8b9cf; cursor:pointer; }
.filter-chip.is-active { background:var(--mr-red); border-color:var(--mr-red); color:#fff; }
.empty-search,.empty-state-v4 { background:#11151b !important; border-color:#2a303a !important; color:#8f98a5 !important; }
.replays-footer { background:#02091b !important; color:#7e8ea5 !important; }
.replay-total-pill,.match-count-v4 { background:#24131a !important; border-color:#5b2633 !important; color:#ff8da0 !important; }

/* Admin */
.admin-shell { background:#030d23 !important; min-height:100vh; color:#f4f7fb !important; }
.sidebar { background:var(--mr-ink) !important; border-right:1px solid #20242c; }
.sidebar a { border-radius:10px !important; }
.sidebar a:not(.brand):hover { background:#1b1f27 !important; color:#fff !important; }
.content .card,.table-wrap,.form-wrap { border-radius:18px !important; border:1px solid #16345e !important; background:#071630 !important; box-shadow:0 12px 32px rgba(0,0,0,.18) !important; }
.content table { background:#071630 !important; }
.content th { background:#041027 !important; color:#91a2b8 !important; }
.content td { border-color:#163052 !important; }
.admin-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:24px 0 30px; }
.admin-metric { background:#071630; border:1px solid #16345e; border-radius:16px; padding:20px; }
.admin-metric span { display:block; color:#8fa0b6; font-size:13px; font-weight:700; }
.admin-metric strong { display:block; margin-top:8px; font:800 32px 'Manrope'; color:#f4f7fb; }
.admin-metric.is-accent { background:var(--mr-red); border-color:var(--mr-red); }
.admin-metric.is-accent span,.admin-metric.is-accent strong { color:#fff; }

/* Toast e acessibilidade */
.mr-toast { position:fixed; right:22px; bottom:22px; z-index:999; padding:13px 17px; border-radius:12px; background:#101319; color:#fff; box-shadow:var(--mr-shadow); transform:translateY(20px); opacity:0; pointer-events:none; transition:.22s; }
.mr-toast.is-visible { opacity:1; transform:none; }
:focus-visible { outline:3px solid rgba(255,48,79,.35); outline-offset:3px; }

@media (max-width: 900px) {
  .nav-toggle { display:block; }
  .nav-inner { position:relative; }
  .nav .nav-links { display:none; position:absolute; left:18px; right:18px; top:68px; z-index:50; padding:16px; border-radius:16px; background:#11141a; border:1px solid rgba(255,255,255,.1); box-shadow:0 25px 70px rgba(0,0,0,.35); flex-direction:column; align-items:stretch; }
  .nav .nav-links.is-open { display:flex; }
  .nav .nav-links a { padding:11px 12px; color:#fff !important; }
  .hero-v3 { min-height:auto; }
  .hero-copy h1 { font-size:clamp(50px,15vw,76px) !important; }
  .floating-card { display:none !important; }
  .admin-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 580px) {
  .nav-inner { min-height:64px; }
  .brand { font-size:15px !important; }
  .brand-mark { width:36px !important; height:36px !important; }
  .hero-v3 { padding-top:84px !important; }
  .hero-copy .lead { font-size:17px !important; }
  .trust-row { display:grid !important; grid-template-columns:repeat(3,1fr); gap:8px !important; }
  .trust-item strong { font-size:20px !important; }
  .trust-item span { font-size:11px !important; }
  .actions .btn { width:100%; }
  .replays-summary { display:grid !important; grid-template-columns:repeat(3,1fr); }
  .summary-item { padding:14px 8px !important; }
  .summary-item strong { font-size:24px !important; }
  .replay-filters { overflow:auto; flex-wrap:nowrap; padding-bottom:4px; }
  .filter-chip { white-space:nowrap; }
  .share-row-v4 { grid-template-columns:1fr 1fr !important; }
  .share-row-v4 .replay-copy-button { grid-column:1/-1; }
  .admin-metrics { grid-template-columns:1fr 1fr; gap:10px; }
  .admin-metric { padding:15px; }
  .admin-metric strong { font-size:25px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}

/* Replays V4: acabamento visual isolado das páginas públicas. */
.replays-page .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.replays-page .replays-hero-home { padding-block:48px 62px; }
.replays-page .replays-hero-grid { align-items:center; }
.replays-page .replays-summary { min-width:450px; background:linear-gradient(145deg,#071630,#0a1c3d); border-color:#1c4478; box-shadow:0 20px 55px rgba(0,0,0,.25); }
.replays-page .summary-item { padding:27px 24px; border-color:#1c3760; }
.replays-page .summary-item strong { font-size:clamp(30px,3vw,40px); letter-spacing:-.04em; }

.replays-page .arena-grid-v4 { grid-template-columns:1fr; }
.replays-page .arena-card-v4 { grid-template-columns:minmax(260px,34%) 1fr; min-height:320px; border-color:#173967; background:linear-gradient(135deg,#071630,#061229); }
.replays-page .arena-card-v4:hover { border-color:#3179c9; box-shadow:0 24px 58px rgba(0,7,22,.38),0 0 28px rgba(8,123,255,.07); }
.replays-page .arena-card-v4:focus-visible { outline-color:#f2c84b; }
.replays-page .arena-card-visual { align-items:center; justify-content:center; padding:28px; background:radial-gradient(circle at 50% 38%,rgba(8,123,255,.18),transparent 55%),linear-gradient(145deg,#041027,#08214b); border-right:1px solid rgba(255,255,255,.07); }
.replays-page .arena-card-visual::after { border-color:rgba(242,200,75,.16); border-radius:18px; }
.replays-page .arena-avatar-v4 { width:92px; height:92px; font-size:25px; border-radius:22px; }
.replays-page .arena-avatar-v4-logo { width:min(100%,230px); height:190px; padding:14px; background:#050505; border:1px solid rgba(242,200,75,.28); box-shadow:0 18px 45px rgba(0,0,0,.34),0 0 26px rgba(242,200,75,.06); }
.replays-page .arena-avatar-v4-logo img { display:block; width:100%; height:100%; object-fit:contain; }
.replays-page .arena-card-status { align-self:flex-start; margin-top:auto; }
.replays-page .arena-card-status .sr-only,.replays-page .court-live-v5 .sr-only { width:1px; height:1px; }
.replays-page .arena-card-action { align-self:flex-start; padding:10px 14px; border:1px solid rgba(8,123,255,.36); border-radius:10px; background:rgba(8,123,255,.1); color:#69adff; }
.replays-page .arena-card-content { padding:38px 42px; justify-content:center; }
.replays-page .arena-card-location { color:#aab7c9; font-weight:700; }
.replays-page .arena-card-content h3 { margin:12px 0 20px; font-size:clamp(30px,4vw,46px); }
.replays-page .arena-card-stats-v4 { display:flex; align-items:center; gap:10px; margin:0; padding:0; color:#cad7e8; }
.replays-page .arena-card-stats-v4 strong { font-size:15px; }
.replays-page .arena-card-stats-v4 > span { color:#f2c84b; }
.replays-page .arena-card-last { margin-top:28px; }

.replays-page .arena-detail-hero-partner { padding-bottom:64px; background:radial-gradient(circle at 15% 65%,rgba(242,200,75,.07),transparent 26%),#020b20; }
.replays-page .arena-profile-v4 { padding:34px; border:1px solid #1b416f; background:linear-gradient(135deg,#06142e,#071a39); box-shadow:0 28px 70px rgba(0,0,0,.28); }
.replays-page .arena-profile-v4 .arena-profile-main { display:grid; grid-template-columns:minmax(220px,280px) 1fr; align-items:center; gap:48px; }
.replays-page .arena-client-logo-hero { width:100%; height:260px; padding:20px; border-radius:22px; background:#050505; border:1px solid rgba(242,200,75,.3); }
.replays-page .arena-client-logo-hero img { width:100%; height:100%; object-fit:contain; }
.replays-page .arena-profile-copy-v4 h1 { margin:15px 0 10px; font-size:clamp(42px,6vw,70px); }
.replays-page .arena-stats-v4 { margin-top:24px; }
.replays-page .arena-online-v4 { gap:8px; }
.replays-page .arena-online-v4 i { width:8px; height:8px; border-radius:50%; background:#32d583; box-shadow:0 0 0 5px rgba(50,213,131,.12); }
.replays-page .partner-actions { margin-top:28px; display:flex; flex-wrap:wrap; gap:12px; }

.replays-page .court-grid-v3 { grid-template-columns:1fr; }
.replays-page .court-card-arena-v5 { grid-template-columns:minmax(280px,38%) 1fr; min-height:280px; }
.replays-page .court-card-content-v5 { padding:34px 38px; }
.replays-page .court-count-v5 { font-size:14px; padding:11px 14px; }
.replays-page .court-enter-v5 { display:inline-flex; padding:11px 15px; border-radius:10px; background:rgba(8,123,255,.12); border:1px solid rgba(8,123,255,.3); font-size:11px; }

@media (max-width:760px) {
  .replays-page .replays-hero-home { padding-block:30px 44px; }
  .replays-page .replays-summary { min-width:0; }
  .replays-page .arena-card-v4 { grid-template-columns:1fr; }
  .replays-page .arena-card-visual { min-height:285px; border-right:0; border-bottom:1px solid rgba(255,255,255,.07); }
  .replays-page .arena-avatar-v4-logo { height:185px; }
  .replays-page .arena-card-content { padding:28px 24px; }
  .replays-page .arena-card-stats-v4 { flex-wrap:wrap; }
  .replays-page .arena-profile-v4 { padding:24px; }
  .replays-page .arena-profile-v4 .arena-profile-main { grid-template-columns:1fr; gap:28px; text-align:center; }
  .replays-page .arena-client-logo-hero { width:min(100%,280px); height:240px; margin-inline:auto; }
  .replays-page .arena-info,.replays-page .partner-actions { justify-content:center; }
  .replays-page .partner-actions .btn { flex:1 1 190px; }
  .replays-page .court-card-arena-v5 { grid-template-columns:1fr; }
  .replays-page .court-card-content-v5 { padding:26px 24px; }
}

@media (max-width:500px) {
  .replays-page .replays-summary { grid-template-columns:repeat(3,1fr); }
  .replays-page .summary-item { display:block; text-align:center; border-right:1px solid #1c3760; border-bottom:0; padding:18px 8px; }
  .replays-page .summary-item:last-child { border-right:0; }
  .replays-page .arena-card-content h3 { font-size:32px; }
  .replays-page .arena-card-last { align-items:flex-start; flex-direction:column; }
  .replays-page .arena-card-last strong { text-align:left; }
  .replays-page .arena-client-logo-hero { height:210px; }
  .replays-page .arena-profile-copy-v4 h1 { font-size:39px; }
}

/* V4.2 — identidade discreta e dinâmica das arenas */
.arena-card-v4 { border-color: color-mix(in srgb, var(--arena-primary) 42%, transparent); }
.arena-card-v4 .arena-card-glow { background: radial-gradient(circle, color-mix(in srgb, var(--arena-primary) 24%, transparent), transparent 68%); }
.arena-card-v4 .arena-card-status span,
.arena-online-v4 i { background: var(--arena-primary); box-shadow: 0 0 10px var(--arena-secondary); }
.arena-card-v4 .arena-card-action,
.arena-detail-hero .kicker,
.court-detail-hero .kicker,
.arena-partner-eyebrow { color: var(--arena-primary); }
.arena-detail-hero .arena-profile-v4,
.court-detail-hero .arena-partner-card { border-color: color-mix(in srgb, var(--arena-primary) 38%, transparent); }
.arena-avatar-v4-logo img,
.arena-client-logo img { width:100%; height:100%; object-fit:contain; }

/* V4.3 — experiência individual do replay */
.replay-detail-page { --replay-surface:#071630; background:#02091b; overflow-x:hidden; }
.replay-detail-page .replay-detail-hero { padding:30px 0 24px; background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--arena-primary) 12%,transparent),transparent 34%),#020b20; border-bottom:1px solid #112b4e; }
.replay-detail-page .replay-arena-identity { display:flex; align-items:center; gap:18px; margin-top:25px; }
.replay-detail-page .replay-arena-logo { width:74px; height:74px; flex:none; padding:8px; border:1px solid color-mix(in srgb,var(--arena-primary) 42%,#20344e); border-radius:18px; background:#050a12; box-shadow:0 0 24px color-mix(in srgb,var(--arena-secondary) 12%,transparent); }
.replay-detail-page .replay-arena-logo img { width:100%; height:100%; object-fit:contain; }
.replay-detail-page .replay-arena-initials { display:grid; place-items:center; color:#fff; font-weight:900; font-size:21px; background:linear-gradient(145deg,var(--arena-primary),var(--arena-secondary)); }
.replay-detail-page .replay-eyebrow { display:block; color:var(--arena-primary); font-size:11px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.replay-detail-page .replay-arena-identity h1 { margin:5px 0; font-size:clamp(28px,4vw,44px); line-height:1.05; }
.replay-detail-page .replay-arena-identity p { margin:0; color:#a8b7ca; font-size:14px; }
.replay-detail-page .replay-detail-main { padding:34px 0 70px; }
.replay-detail-page .replay-premium-grid { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:24px; align-items:start; }
.replay-detail-page .replay-player-shell { aspect-ratio:16/9; overflow:hidden; border:1px solid #1c416f; border-radius:22px; background:#000; box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 35px color-mix(in srgb,var(--arena-primary) 8%,transparent); }
.replay-detail-page .replay-player-shell video { display:block; width:100%; height:100%; object-fit:contain; background:#000; }
.replay-detail-page .replay-info-panel { display:grid; grid-template-columns:1.4fr 1fr .8fr .65fr .85fr; gap:1px; margin-top:16px; overflow:hidden; border:1px solid #17365f; border-radius:16px; background:#17365f; }
.replay-detail-page .replay-info-panel > div { min-width:0; padding:14px 16px; background:var(--replay-surface); }
.replay-detail-page .replay-info-panel span { display:block; margin-bottom:5px; color:#7890ae; font-size:9px; font-weight:900; letter-spacing:.1em; }
.replay-detail-page .replay-info-panel strong { display:block; overflow:hidden; color:#f5f8fc; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.replay-detail-page .replay-actions { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:16px; }
.replay-detail-page .replay-actions .btn { min-height:50px; padding:12px; font-size:13px; }
.replay-detail-page .replay-whatsapp { background:#25d366; color:#05140a; }
.replay-detail-page .replay-share-card { position:sticky; top:96px; padding:24px; border:1px solid #183d6c; border-radius:20px; background:linear-gradient(145deg,#091b39,#061229); box-shadow:0 20px 50px rgba(0,0,0,.25); }
.replay-detail-page .replay-share-card h2 { margin:9px 0 18px; font-size:23px; line-height:1.12; }
.replay-detail-page .replay-share-card p { margin:16px 0 0; color:#91a4bc; font-size:13px; line-height:1.5; text-align:center; }
.replay-detail-page .replay-qr { display:grid; place-items:center; aspect-ratio:1; padding:17px; border-radius:14px; background:#fff; }
.replay-detail-page .replay-qr svg { display:block; width:100%; height:100%; }
.replay-detail-page .replay-sponsor { display:flex; gap:10px; align-items:center; margin-top:16px; padding:13px 16px; border:1px solid #17365f; border-radius:14px; color:#8fa1b8; font-size:12px; }
.replay-detail-page .replay-sponsor strong { color:#fff; }
.replay-detail-page .more-replays { margin-top:62px; padding-top:34px; border-top:1px solid #15345b; }
.replay-detail-page .more-replays-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.replay-detail-page .more-replays h2 { margin:7px 0 0; font-size:clamp(25px,3vw,35px); }
.replay-detail-page .more-replays-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.replay-detail-page .more-replay-card { display:flex; min-width:0; align-items:center; gap:12px; padding:16px; border:1px solid #17365f; border-radius:16px; background:#071630; transition:.2s; }
.replay-detail-page .more-replay-card:hover { transform:translateY(-2px); border-color:var(--arena-primary); }
.replay-detail-page .more-replay-card > div { min-width:0; margin-right:auto; }
.replay-detail-page .more-replay-card strong,.replay-detail-page .more-replay-card span { display:block; }
.replay-detail-page .more-replay-card div span { margin-top:3px; overflow:hidden; color:#8295af; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.replay-detail-page .more-replay-play { display:grid; width:34px; height:34px; flex:none; place-items:center; border-radius:50%; background:color-mix(in srgb,var(--arena-primary) 18%,#071630); color:var(--arena-primary); font-size:11px; }
.replay-detail-page .more-replays-empty { padding:22px; border:1px dashed #234267; border-radius:16px; color:#91a4bc; }

@media (max-width:900px) {
 .replay-detail-page .replay-premium-grid { grid-template-columns:1fr; }
 .replay-detail-page .replay-share-card { position:static; }
 .replay-detail-page .replay-qr { width:min(260px,100%); margin-inline:auto; }
 .replay-detail-page .more-replays-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
 .replay-detail-page .container { width:min(100% - 24px,1160px); }
 .replay-detail-page .replay-detail-hero { padding:20px 0; }
 .replay-detail-page .replays-breadcrumb { overflow:hidden; font-size:11px; white-space:nowrap; }
 .replay-detail-page .replay-arena-identity { gap:13px; margin-top:18px; }
 .replay-detail-page .replay-arena-logo { width:58px; height:58px; border-radius:14px; }
 .replay-detail-page .replay-arena-identity h1 { font-size:25px; }
 .replay-detail-page .replay-arena-identity p { font-size:12px; }
 .replay-detail-page .replay-detail-main { padding-top:18px; }
 .replay-detail-page .replay-player-shell { border-radius:14px; width:calc(100% + 12px); margin-left:-6px; }
 .replay-detail-page .replay-info-panel { grid-template-columns:1fr 1fr; }
 .replay-detail-page .replay-info-panel > div:first-child { grid-column:1/-1; }
 .replay-detail-page .replay-actions { grid-template-columns:1fr 1fr; }
 .replay-detail-page .replay-actions .btn { min-height:52px; }
 .replay-detail-page .replay-whatsapp { grid-column:1/-1; grid-row:1; }
 .replay-detail-page .replay-download { grid-column:1/-1; }
 .replay-detail-page .more-replays { margin-top:42px; }
 .replay-detail-page .more-replays-head { align-items:stretch; flex-direction:column; }
 .replay-detail-page .more-replays-head .btn { width:100%; }
 .replay-detail-page .more-replays-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; }
 .replay-detail-page .more-replay-card { min-width:82%; scroll-snap-align:start; }
}