/* ==========================================================================
   JVILELAA — MATCHDAY BROADCAST DESIGN SYSTEM
   Identidade inspirada em grafismo de transmissão desportiva:
   noite de jogo, luzes de estádio, marcador LED e crachá de equipa.
   ========================================================================== */

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

:root {
    /* PRIMÁRIA — dourado de holofote (ações, sucesso, CTA principal) */
    --accent-green: #F2A93B;
    --accent-green-hover: #FFC155;
    --accent-green-glow: rgba(242, 169, 59, 0.42);
    --accent-green-dim: rgba(242, 169, 59, 0.13);

    /* SECUNDÁRIA — azul de transmissão (mod, sondagens, informação) */
    --accent-cyan: #2E9EF7;
    --accent-cyan-glow: rgba(46, 158, 247, 0.38);

    /* PONTOS / TROFÉU — dourado mais claro, distinto do dourado principal */
    --accent-gold: #FFD24C;
    --accent-gold-dim: rgba(255, 210, 76, 0.15);
    --accent-gold-glow: rgba(255, 210, 76, 0.4);

    /* ALERTA / AO VIVO — vermelho escarlate */
    --accent-danger: #E8402C;
    --accent-danger-dim: rgba(232, 64, 44, 0.15);

    /* ADMIN / PRIME — índigo profundo */
    --accent-purple: #5C4EE5;

    --bg-base: #0A0E14;
    --bg-surface: #10161F;
    --bg-surface-elevated: #161D29;
    --bg-card: rgba(15, 20, 28, 0.82);
    --bg-card-hover: rgba(21, 28, 39, 0.92);
    --bg-glass-nav: rgba(8, 11, 16, 0.86);
    --bg-input: rgba(5, 7, 11, 0.9);

    --border-hairline: rgba(255, 255, 255, 0.08);
    --border-glass: rgba(242, 169, 59, 0.18);
    --border-highlight: rgba(242, 169, 59, 0.5);

    --text-pure: #ffffff;
    --text-main: #F3F1EA;
    --text-muted: #8891A3;
    --text-dim: #4B5568;

    --gradient-mint: linear-gradient(135deg, #F2A93B 0%, #FFD24C 100%);
    --gradient-gold: linear-gradient(135deg, #FFD24C 0%, #E8A33D 100%);
    --gradient-dark: linear-gradient(180deg, rgba(16, 22, 31, 0.92) 0%, rgba(8, 11, 16, 0.96) 100%);

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --ease-snappy: cubic-bezier(0.16, 1, 0.3, 1);

    /* --- ALIASES: nomes usados no HTML (inline styles) mapeados
       para a paleta oficial acima, para que NUNCA fique uma cor
       por definir em nenhum botão/badge/tabela do site --- */
    --success: var(--accent-green);
    --success-glow: var(--accent-green-glow);
    --secondary: var(--accent-cyan);
    --secondary-glow: var(--accent-cyan-glow);
    --danger: var(--accent-danger);
    --danger-dim: var(--accent-danger-dim);
    --primary: var(--accent-purple);
    --primary-glow: rgba(92, 78, 229, 0.4);
    --points-color: var(--accent-gold);
    --sub-gold: #FFD24C;
    --gradient-sub: linear-gradient(135deg, #FFD24C 0%, #E8A33D 100%);
}

*, *::before, *::after {
    box-sizing: border-box;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Manrope', -apple-system, sans-serif;
    background-color: var(--bg-base);
    color: var(--text-main);
    overflow-x: hidden;
    line-height: 1.5;
    background-image:
        repeating-linear-gradient(118deg, rgba(255,255,255,0.014) 0px, rgba(255,255,255,0.014) 2px, transparent 2px, transparent 64px),
        radial-gradient(circle at 12% 8%, rgba(242, 169, 59, 0.10) 0%, transparent 42%),
        radial-gradient(circle at 88% 68%, rgba(46, 158, 247, 0.07) 0%, transparent 42%),
        radial-gradient(circle at 50% 105%, rgba(92, 78, 229, 0.08) 0%, transparent 55%),
        linear-gradient(180deg, #0A0E14 0%, #0C1119 100%);
    background-attachment: fixed;
    min-height: 100vh;
    position: relative;
}

/* Vinheta subtil para dar profundidade "broadcast" ao fundo */
body::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse at center, transparent 55%, rgba(0, 0, 0, 0.55) 100%);
    z-index: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-weight: 700;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--bg-base); }
::-webkit-scrollbar-thumb { background: rgba(242, 169, 59, 0.25); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: var(--accent-green); }

.team-icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
    vertical-align: middle;
    flex-shrink: 0;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
}

/* --- OVERLAYS OBS STUDIO --- */
body.obs-mode {
    background: transparent !important;
    background-image: none !important;
    overflow: hidden !important;
}

body.obs-mode header,
body.obs-mode #splash-screen,
body.obs-mode #toast-notification,
body.obs-mode main section:not(#obs-overlay-view) {
    display: none !important;
}

body.obs-mode main { padding-top: 0 !important; }

#obs-overlay-view {
    display: none;
    padding: 16px;
    max-width: 620px;
}
body.obs-mode #obs-overlay-view { display: block !important; }

.bet-obs-widget {
    background: rgba(10, 14, 20, 0.95);
    border: 1px solid var(--accent-green);
    border-radius: var(--radius-md);
    padding: 16px 20px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.9), 0 0 25px var(--accent-green-glow);
    backdrop-filter: blur(16px);
    color: var(--text-pure);
    font-family: 'Oswald', sans-serif;
    min-width: 320px;
    animation: slideUp 0.35s var(--ease-snappy) forwards;
}

.bet-obs-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 800;
    color: var(--accent-green);
    letter-spacing: 1px;
    margin-bottom: 6px;
    font-family: 'JetBrains Mono', monospace;
}

.bet-obs-selection { font-size: 18px; font-weight: 900; color: #fff; margin-bottom: 2px; }
.bet-obs-match { font-size: 12px; color: var(--text-muted); margin-bottom: 12px; }
.bet-obs-details {
    display: flex; gap: 12px; font-size: 13px; font-weight: 800;
    background: rgba(0,0,0,0.6); padding: 6px 12px; border-radius: var(--radius-sm);
    border: 1px solid var(--border-hairline); width: fit-content;
    font-family: 'JetBrains Mono', monospace;
}

.sb-obs-widget {
    display: inline-flex; align-items: center;
    background: rgba(10, 14, 20, 0.95); border: 1px solid var(--accent-green);
    border-radius: var(--radius-md); box-shadow: 0 15px 35px rgba(0,0,0,0.85), 0 0 25px var(--accent-green-glow);
    backdrop-filter: blur(16px); padding: 8px 16px; color: #fff;
    font-family: 'Oswald', sans-serif;
}

.sb-team { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 700; }
.sb-score-box {
    background: rgba(242, 169, 59, 0.12); border: 1px solid var(--accent-green); border-radius: var(--radius-sm);
    padding: 4px 14px; font-size: 22px; font-weight: 900; color: #fff;
    margin: 0 12px; font-family: 'JetBrains Mono', monospace;
    box-shadow: 0 0 15px var(--accent-green-glow);
}

.sb-timer-box {
    border-left: 1px solid var(--border-hairline); padding-left: 12px; margin-left: 8px;
    display: flex; flex-direction: column; align-items: center;
}
.sb-timer { font-size: 14px; font-weight: 800; color: var(--accent-gold); font-family: 'JetBrains Mono', monospace; }
.sb-period { font-size: 9px; color: var(--text-dim); font-weight: 800; font-family: 'JetBrains Mono', monospace; }
.red-card-badge { background: var(--accent-danger); color: white; font-size: 9px; font-weight: 900; padding: 2px 6px; border-radius: 4px; }

.goal-banner-anim {
    position: absolute; bottom: -34px; left: 50%;
    transform: translateX(-50%) scale(0); background: var(--gradient-mint);
    color: #000; font-family: 'Oswald', sans-serif; font-weight: 700;
    font-size: 14px; padding: 4px 16px; border-radius: 999px;
    box-shadow: 0 0 25px var(--accent-green-glow); opacity: 0;
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.goal-banner-anim.show { transform: translateX(-50%) scale(1); opacity: 1; }

/* --- SPLASH SCREEN & TOAST --- */
#splash-screen {
    position: fixed; inset: 0; background-color: var(--bg-base); z-index: 999999;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    transition: opacity 0.45s ease, visibility 0.45s ease;
}
#splash-screen.fade-out { opacity: 0; visibility: hidden; }
#splash-screen h1.signature {
    font-family: 'Oswald', sans-serif; font-size: 72px; font-weight: 700;
    letter-spacing: 6px; color: var(--text-pure);
    background: linear-gradient(180deg, #ffffff 30%, var(--accent-green) 130%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    text-shadow: 0 0 45px var(--accent-green-glow);
    margin-bottom: 18px; position: relative;
}
#splash-screen h1.signature::after {
    content: ''; display: block; width: 72px; height: 3px; margin: 14px auto 0;
    background: var(--gradient-mint); border-radius: 999px; box-shadow: 0 0 14px var(--accent-green-glow);
}
.splash-loader { width: 60px; height: 3px; background: rgba(255,255,255,0.08); border-radius: 999px; overflow: hidden; position: relative; margin-top: 28px; }
.splash-loader::after {
    content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
    background: var(--gradient-mint); animation: loadBar 1.1s linear forwards;
}
@keyframes loadBar { 0% { left: -100%; } 100% { left: 0%; } }

#toast-notification {
    position: fixed; bottom: 26px; right: 26px; background: rgba(12, 16, 22, 0.96);
    border: 1px solid var(--accent-green); color: #fff; padding: 12px 22px;
    border-radius: var(--radius-md); font-weight: 700; font-size: 13px;
    box-shadow: 0 16px 36px rgba(0,0,0,0.8), 0 0 20px var(--accent-green-glow);
    backdrop-filter: blur(16px); z-index: 99999; display: flex; align-items: center; gap: 10px;
    transform: translateY(70px); opacity: 0; transition: all 0.25s var(--ease-snappy);
    pointer-events: none;
}
#toast-notification.show { transform: translateY(0); opacity: 1; }
#toast-notification i { color: var(--accent-green); font-size: 16px; }

/* --- HEADER & NAVEGAÇÃO --- */
header {
    position: fixed; top: 16px; left: 50%; transform: translateX(-50%);
    width: 94%; max-width: 1280px; display: flex; justify-content: space-between;
    align-items: center; padding: 10px 24px; background: var(--bg-glass-nav);
    backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--border-glass); border-radius: var(--radius-lg);
    box-shadow: 0 16px 36px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.06);
    z-index: 9999; transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
/* linha de contorno superior */
header::before {
    content: ''; position: absolute; top: 0; left: 12%; right: 12%; height: 1px; z-index: 1;
    background: linear-gradient(90deg, transparent, rgba(242,169,59,0.6), rgba(46,158,247,0.35), transparent);
}
/* SIGNATURE MOTION — feixe de holofote que varre a barra periodicamente */
header::after {
    content: ''; position: absolute; inset: 0; z-index: -1;
    border-radius: inherit;
    clip-path: inset(0 round var(--radius-lg));
    background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,0.09) 46%, rgba(242,169,59,0.32) 50%, rgba(255,255,255,0.09) 54%, transparent 100%);
    background-size: 260% 100%;
    background-position: -160% 0;
    pointer-events: none;
    animation: floodlightSweep 7s ease-in-out infinite;
}
@keyframes floodlightSweep {
    0% { background-position: -160% 0; }
    42% { background-position: 160% 0; }
    100% { background-position: 160% 0; }
}
header:hover { border-color: var(--border-highlight); box-shadow: 0 18px 44px rgba(0,0,0,0.7), 0 0 24px rgba(242,169,59,0.1), inset 0 1px 0 rgba(255,255,255,0.08); }

/* Crachá / distintivo da equipa em vez de assinatura em cursivo */
.logo h2.signature {
    font-family: 'Oswald', sans-serif; font-size: 19px; font-weight: 700;
    color: var(--accent-gold); letter-spacing: 2.5px; text-transform: uppercase;
    display: inline-flex; align-items: center; justify-content: center;
    padding: 9px 18px 9px 15px; user-select: none; position: relative;
    background: linear-gradient(135deg, rgba(242,169,59,0.16), rgba(92,78,229,0.10));
    border: 1.5px solid var(--accent-green);
    clip-path: polygon(0 0, 100% 0, 100% 68%, 87% 100%, 0 100%);
    box-shadow: 0 0 18px rgba(242,169,59,0.22), inset 0 1px 0 rgba(255,255,255,0.08);
}

.tabs {
    display: flex; gap: 4px; background: rgba(0,0,0,0.5);
    padding: 4px; border-radius: var(--radius-md); border: 1px solid var(--border-hairline);
}
.tabs button {
    background: transparent; border: none; color: var(--text-muted);
    font-family: 'Manrope', sans-serif; font-size: 13px; font-weight: 700;
    cursor: pointer; transition: all 0.2s var(--ease-snappy); padding: 8px 16px;
    border-radius: var(--radius-sm);
}
.tabs button:hover { color: #fff; background: rgba(255,255,255,0.06); }
.tabs button.active-btn {
    background: var(--accent-green); color: #000; font-weight: 800;
    box-shadow: 0 2px 14px var(--accent-green-glow);
}

#btn-mod-tab { display: none; color: var(--accent-cyan); }
#btn-mod-tab:hover { background: rgba(46, 158, 247, 0.15); color: #fff; }
#btn-mod-tab.active-btn { background: var(--accent-cyan); color: #000; box-shadow: 0 0 15px var(--accent-cyan-glow); }

#btn-admin-tab { display: none; color: var(--accent-danger); }
#btn-admin-tab:hover { background: var(--accent-danger-dim); color: #fff; }
#btn-admin-tab.active-btn { background: var(--accent-danger); color: #fff; }

.header-actions { display: flex; align-items: center; gap: 10px; }
.mobile-menu-btn {
    display: none; background: rgba(0,0,0,0.5); border: 1px solid var(--border-glass);
    color: var(--text-main); font-size: 16px; width: 38px; height: 38px;
    border-radius: var(--radius-sm); cursor: pointer; align-items: center; justify-content: center;
}

.btn-twitch {
    background: var(--accent-green); color: #000; padding: 9px 20px;
    border: none; border-radius: var(--radius-sm); cursor: pointer;
    font-family: 'Manrope', sans-serif; font-weight: 800; font-size: 13px;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    transition: all 0.2s var(--ease-snappy); text-decoration: none;
    box-shadow: 0 4px 16px var(--accent-green-glow), inset 0 1px 0 rgba(255,255,255,0.35);
    position: relative;
}
.btn-twitch:hover {
    transform: translateY(-2px); background: var(--accent-green-hover);
    box-shadow: 0 8px 26px rgba(242, 169, 59, 0.55), inset 0 1px 0 rgba(255,255,255,0.35);
}
.btn-twitch:active { transform: translateY(0); }
.btn-twitch:disabled { opacity: 0.5; cursor: not-allowed; transform: none !important; }

.btn-login {
    background: var(--accent-green-dim); border: 1px solid var(--border-highlight);
    color: var(--accent-green); box-shadow: none;
}
.btn-login:hover { background: rgba(242, 169, 59, 0.25); color: #fff; }

.user-profile-badge {
    display: none; align-items: center; gap: 8px; background: rgba(0,0,0,0.5);
    padding: 3px 12px 3px 3px; border-radius: 999px; border: 1px solid var(--border-glass);
}
.user-profile-badge img { width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid var(--accent-green); }
.user-profile-badge span.name { font-size: 12px; font-weight: 700; color: #fff; }

.sub-status-badge {
    display: inline-flex; align-items: center; gap: 4px; background: var(--gradient-gold);
    color: #000; font-weight: 900; font-size: 9px; padding: 2px 6px; border-radius: 6px;
    text-transform: uppercase; font-family: 'JetBrains Mono', monospace;
    box-shadow: 0 0 8px var(--accent-gold-glow);
}
.points-badge {
    display: flex; align-items: center; gap: 4px; color: var(--accent-gold); font-weight: 800;
    font-size: 12px; background: var(--accent-gold-dim); padding: 2px 8px; border-radius: 999px;
    border: 1px solid rgba(255, 210, 76, 0.3); font-family: 'JetBrains Mono', monospace;
}
.user-profile-badge button { background: transparent; border: none; color: var(--text-dim); cursor: pointer; font-size: 11px; }
.user-profile-badge button:hover { color: var(--accent-danger); }

/* --- CONTEÚDO PRINCIPAL --- */
main { padding-top: 110px; position: relative; z-index: 1; }
.tab-content {
    display: none; padding: 0 4%; max-width: 1300px; margin: 0 auto 90px auto;
    animation: slideUp 0.35s var(--ease-snappy) forwards;
}
.tab-content.active { display: block; }
.section-title {
    font-size: 34px; font-weight: 700; text-align: center; margin-bottom: 28px;
    letter-spacing: 0.03em;
    background: linear-gradient(180deg, #ffffff 40%, var(--accent-green) 130%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

.profile-header { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 36px; }
.profile-avatar {
    width: 135px; height: 135px; border-radius: 50%; object-fit: cover;
    border: 3px solid var(--accent-green); box-shadow: 0 0 35px var(--accent-green-glow);
    margin-bottom: 16px; transition: transform 0.3s ease;
}
.profile-avatar:hover { transform: scale(1.04); }
.profile-name { font-size: 28px; font-weight: 700; margin-bottom: 12px; letter-spacing: 0.01em; }

.live-badge {
    display: none; align-items: center; gap: 6px; font-weight: 800; font-size: 12px; margin-bottom: 16px;
    background: rgba(232, 64, 44, 0.1); border: 1px solid var(--accent-danger);
    padding: 3px 12px; border-radius: 999px; color: var(--accent-danger);
}
.live-dot { width: 7px; height: 7px; background-color: var(--accent-danger); border-radius: 50%; box-shadow: 0 0 8px var(--accent-danger); animation: blink 1.5s infinite alternate; }
@keyframes blink { from { opacity: 1; } to { opacity: 0.3; } }

.stats-row { display: none; gap: 10px; margin-bottom: 24px; flex-wrap: wrap; justify-content: center; }
.stat-pill {
    background: var(--bg-surface); padding: 8px 16px; border-radius: var(--radius-sm);
    font-size: 12px; font-weight: 700; display: flex; align-items: center; gap: 6px;
    border: 1px solid var(--border-glass); box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

.social-bar { display: flex; gap: 18px; justify-content: center; align-items: center; margin: 0 auto; }
.social-bar a { color: #fff; font-size: 22px; display: flex; align-items: center; justify-content: center; text-decoration: none; opacity: 0.8; transition: all 0.2s; }
.social-bar a:hover { color: var(--accent-green); transform: translateY(-3px) scale(1.15); opacity: 1; filter: drop-shadow(0 0 10px var(--accent-green-glow)); }

.stream-player-box {
    border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 20px 45px rgba(0,0,0,0.8), 0 0 25px rgba(242, 169, 59, 0.1);
    border: 1px solid var(--border-glass); aspect-ratio: 16/9; background: #000; max-width: 1050px; margin: 0 auto;
}

.grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }

.card-neo {
    background: var(--bg-card); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--border-glass); border-radius: var(--radius-md);
    padding: 24px; transition: all 0.25s var(--ease-snappy); position: relative; overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.04);
}
.card-neo::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px;
    background: var(--gradient-mint); transform: scaleX(0); transform-origin: left; transition: transform 0.25s ease;
}
/* cantos de enquadramento — pequeno motivo recorrente de "moldura de câmara" */
.card-neo::after {
    content: ''; position: absolute; top: 8px; right: 8px; width: 14px; height: 14px;
    border-top: 2px solid rgba(242, 169, 59, 0.35); border-right: 2px solid rgba(242, 169, 59, 0.35);
    opacity: 0; transition: opacity 0.25s ease;
}
.card-neo:hover {
    transform: translateY(-4px); border-color: var(--border-highlight);
    background: var(--bg-card-hover); box-shadow: 0 18px 40px rgba(0,0,0,0.75), 0 0 24px rgba(242, 169, 59, 0.18), inset 0 1px 0 rgba(255,255,255,0.06);
}
.card-neo:hover::before { transform: scaleX(1); }
.card-neo:hover::after { opacity: 1; }

/* Inputs e Selects */
input[type="text"], input[type="number"], select {
    background: var(--bg-input) !important; border: 1px solid var(--border-glass) !important;
    border-radius: var(--radius-sm) !important; color: #fff !important; font-family: 'Manrope', sans-serif;
    font-size: 13px; outline: none; transition: border-color 0.2s, box-shadow 0.2s;
}
input[type="text"]:focus, input[type="number"]:focus, select:focus {
    border-color: var(--accent-green) !important; box-shadow: 0 0 12px var(--accent-green-glow);
}

/* --- ROLETA DE HOLOFOTES --- */
.wheel-outer-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 14px;
    padding: 16px;
}

.wheel-outer-wrapper::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, #F2A93B, #E8402C, #5C4EE5, #2E9EF7, #1B8A5A, #F2A93B);
    filter: blur(20px);
    opacity: 0.32;
    z-index: 0;
    animation: wheelGlowSpin 6s linear infinite;
}

@keyframes wheelGlowSpin {
    to { transform: rotate(360deg); }
}

.wheel-pin-indicator {
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 26px solid #FFD24C;
    position: absolute;
    top: -8px;
    z-index: 20;
    filter: drop-shadow(0 4px 12px rgba(255, 210, 76, 0.9));
}

.wheel-pin-indicator::after {
    content: '';
    position: absolute;
    top: -32px;
    left: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #FFF3D0, #FFD24C 60%, #C6841A);
    box-shadow: 0 0 10px 3px rgba(255, 210, 76, 0.85);
}

#wheelCanvas {
    position: relative;
    z-index: 1;
    border-radius: 50%;
    box-shadow:
        0 0 0 6px #0A0E14,
        0 0 0 9px rgba(242, 169, 59, 0.55),
        0 0 40px rgba(242, 169, 59, 0.32),
        0 0 80px rgba(46, 158, 247, 0.16),
        inset 0 0 25px rgba(0, 0, 0, 0.85);
    transition: transform 4.5s cubic-bezier(0.12, 0.95, 0.2, 1);
}

/* --- TABELA / FEED DIÁRIO DE RESGATES --- */
.daily-drops-feed-list {
    display: flex; flex-direction: column; gap: 8px; max-height: 310px;
    overflow-y: auto; padding-right: 4px;
}
.drop-item-row {
    display: flex; justify-content: space-between; align-items: center;
    background: rgba(0, 0, 0, 0.4); border: 1px solid var(--border-glass);
    border-radius: var(--radius-sm); padding: 8px 12px;
}
.drop-user-info { display: flex; align-items: center; gap: 8px; }
.drop-user-avatar { width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--accent-green); }
.drop-user-name { font-size: 12px; font-weight: 700; color: #fff; }
.drop-points-badge {
    font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 800;
    color: var(--accent-green); background: var(--accent-green-dim); padding: 2px 8px;
    border-radius: 4px; border: 1px solid rgba(242, 169, 59, 0.25);
}
.drop-points-badge.gold {
    color: var(--accent-gold); background: var(--accent-gold-dim);
    border-color: rgba(255, 210, 76, 0.3);
}

.sub-exclusive-banner {
    display: inline-flex; align-items: center; gap: 5px; background: var(--gradient-gold);
    color: #000; font-weight: 900; font-size: 10px; padding: 3px 9px; border-radius: 999px;
    box-shadow: 0 0 10px var(--accent-gold-glow);
}

/* --- MINIJOGOS & JORNADAS --- */
.minigame-nav { display: flex; justify-content: center; gap: 8px; margin-bottom: 30px; flex-wrap: wrap; }
.minigame-nav button {
    background: var(--bg-surface); border: 1px solid var(--border-glass);
    color: var(--text-muted); padding: 9px 20px; border-radius: var(--radius-sm);
    font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 13px;
    cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; gap: 8px;
}
.minigame-nav button:hover { color: #fff; border-color: rgba(242, 169, 59, 0.35); }
.minigame-nav button.active {
    background: var(--accent-green-dim); border-color: var(--accent-green);
    color: #fff; box-shadow: 0 0 18px var(--accent-green-glow);
}

.predictor-container { display: none; animation: slideUp 0.3s var(--ease-snappy) forwards; }
.predictor-container.active { display: block; }

#predictor-matches-container { display: flex; flex-direction: column; gap: 8px; max-width: 920px; margin: 0 auto; }
.match-card-clean {
    background: var(--bg-surface); border: 1px solid var(--border-glass);
    border-radius: var(--radius-sm); padding: 12px 20px; display: flex;
    align-items: center; justify-content: space-between; gap: 14px;
    transition: all 0.2s ease;
}
.match-card-clean:hover { border-color: var(--border-highlight); transform: translateY(-2px); }
.match-time { font-size: 11px; color: var(--text-muted); font-weight: 600; min-width: 105px; }
.match-time .day { color: #fff; font-weight: 700; display: block; }
.match-teams-center { display: flex; align-items: center; gap: 14px; flex: 1; justify-content: center; }
.team-block { display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: 13px; text-transform: uppercase; width: 150px; }
.team-block.home { justify-content: flex-end; text-align: right; }
.team-block.away { justify-content: flex-start; text-align: left; }
.vs-badge { font-size: 11px; color: var(--text-dim); font-weight: 800; }

.match-actions-right { display: flex; align-items: center; gap: 10px; }
.match-buttons-right { display: flex; gap: 5px; }
.btn-1x2 {
    background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border-hairline);
    color: var(--text-muted); width: 42px; height: 36px; border-radius: var(--radius-sm);
    font-weight: 900; font-size: 12px; cursor: pointer; display: flex; align-items: center;
    justify-content: center; transition: all 0.15s ease;
}
.btn-1x2:hover { background: rgba(242, 169, 59, 0.1); color: #fff; border-color: var(--accent-green); }
.btn-1x2.active {
    background: var(--accent-green); border-color: var(--accent-green);
    color: #000; box-shadow: 0 0 12px var(--accent-green-glow);
}

.poll-option-card {
    background: rgba(0,0,0,0.4); border: 1px solid var(--border-glass);
    border-radius: var(--radius-sm); padding: 12px 16px; margin-bottom: 8px;
    position: relative; overflow: hidden; cursor: pointer; transition: all 0.2s ease;
}
.poll-option-card:hover { border-color: var(--accent-cyan); }
.poll-progress-bg {
    position: absolute; top: 0; left: 0; height: 100%;
    background: rgba(46, 158, 247, 0.15); border-right: 2px solid var(--accent-cyan);
    transition: width 0.35s ease; z-index: 1;
}
.poll-option-content {
    position: relative; z-index: 2; display: flex; justify-content: space-between;
    align-items: center; font-size: 13px;
}

.drag-list-container { max-width: 500px; margin: 0 auto; display: flex; flex-direction: column; gap: 5px; }
.drag-item {
    background: var(--bg-surface); border: 1px solid var(--border-glass);
    border-radius: var(--radius-sm); padding: 8px 12px; display: flex;
    align-items: center; justify-content: space-between; cursor: grab; user-select: none;
}
.drag-item.dragging { opacity: 0.35; background: var(--accent-green-dim); border-color: var(--accent-green); }
.drag-rank { font-family: 'JetBrains Mono', monospace; font-weight: 800; font-size: 13px; width: 34px; color: var(--accent-green); }
.drag-rank.top-1 { color: var(--accent-gold); }
.drag-controls { display: flex; gap: 4px; }
.drag-btn {
    background: rgba(255,255,255,0.04); border: 1px solid var(--border-glass); color: #fff;
    width: 24px; height: 24px; border-radius: 4px; cursor: pointer; display: flex;
    align-items: center; justify-content: center; font-size: 10px;
}
.drag-btn:hover { background: rgba(242, 169, 59, 0.2); }

/* --- LEADERBOARDS (estilo marcador de estádio) --- */
.leaderboard-wrapper {
    background: var(--bg-surface); border: 1px solid var(--border-glass);
    border-radius: var(--radius-md); overflow: hidden; max-width: 920px; margin: 0 auto;
    box-shadow: 0 14px 36px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.04);
}
.leaderboard-table { width: 100%; border-collapse: collapse; text-align: left; }
.leaderboard-table th {
    background: linear-gradient(180deg, rgba(242,169,59,0.09) 0%, rgba(0,0,0,0.55) 100%);
    padding: 14px 16px; color: var(--text-muted);
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px; text-transform: uppercase; letter-spacing: 1.2px; font-weight: 700;
    border-bottom: 1px solid var(--border-glass);
}
.leaderboard-table tbody tr { transition: background 0.15s ease; }
.leaderboard-table tbody tr:hover { background: rgba(242, 169, 59, 0.05); }
.leaderboard-table td { padding: 12px 16px; border-bottom: 1px solid var(--border-hairline); vertical-align: middle; }
.leaderboard-table tbody tr:last-child td { border-bottom: none; }
.rank-badge {
    width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
    font-weight: 900; font-size: 12px; background: rgba(255,255,255,0.05);
    border: 1px solid var(--border-hairline);
    clip-path: polygon(20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%);
}
.rank-1 { background: var(--gradient-mint); color: #000; box-shadow: 0 0 12px var(--accent-green-glow); border: none; }
.rank-2 { background: linear-gradient(135deg, #E2E8F0 0%, #64748B 100%); color: #000; border: none; }
.rank-3 { background: linear-gradient(135deg, #D99755 0%, #8A4B1F 100%); color: #fff; border: none; }
.lb-user { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 13px; }
.lb-user img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 1px solid var(--accent-green); }
.lb-points {
    font-weight: 800; color: var(--accent-gold); font-family: 'JetBrains Mono', monospace; font-size: 14px;
    text-shadow: 0 0 10px rgba(255, 210, 76, 0.55);
    animation: ledPulse 3.4s ease-in-out infinite;
}
@keyframes ledPulse {
    0%, 100% { text-shadow: 0 0 10px rgba(255, 210, 76, 0.55); }
    50% { text-shadow: 0 0 16px rgba(255, 210, 76, 0.85); }
}

/* --- JORNADAS HUB --- */
.volta-selector { display: flex; justify-content: center; gap: 8px; margin-bottom: 22px; flex-wrap: wrap; }
.volta-btn {
    background: rgba(255,255,255,0.03); border: 1px solid var(--border-glass);
    color: var(--text-muted); padding: 8px 18px; border-radius: var(--radius-sm);
    font-weight: 800; font-size: 12px; text-transform: uppercase; cursor: pointer;
    transition: all 0.2s ease;
}
.volta-btn:hover { color: #fff; border-color: var(--accent-green); }
.volta-btn.active {
    background: var(--accent-green); color: #000; border-color: var(--accent-green);
    box-shadow: 0 0 16px var(--accent-green-glow);
}

.jornadas-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px; max-width: 1050px; margin: 0 auto;
}
.jornada-card-hub {
    background: var(--bg-card); border: 1px solid var(--border-glass);
    border-radius: var(--radius-sm); padding: 20px; display: flex;
    flex-direction: column; justify-content: space-between; transition: all 0.2s var(--ease-snappy);
    min-height: 150px; cursor: pointer;
}
.jornada-card-hub:hover {
    border-color: var(--accent-green); background: var(--bg-card-hover);
    transform: translateY(-3px); box-shadow: 0 8px 24px rgba(242, 169, 59, 0.2);
}
.j-card-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.j-card-season { font-size: 10px; font-weight: 800; color: var(--text-dim); font-family: 'JetBrains Mono', monospace; }
.j-card-badge {
    font-size: 9px; font-weight: 800; padding: 2px 7px; border-radius: 4px;
    text-transform: uppercase; font-family: 'JetBrains Mono', monospace;
}
.j-card-badge.aberta { background: var(--accent-green-dim); color: var(--accent-green); border: 1px solid var(--accent-green); }
.j-card-badge.fechada { background: rgba(255,255,255,0.08); color: #fff; }
.j-card-badge.trancada { background: rgba(0,0,0,0.5); color: var(--text-dim); border: 1px solid var(--border-hairline); }

.j-card-title { font-family: 'Oswald', sans-serif; font-size: 21px; font-weight: 700; color: #fff; margin-bottom: 2px; letter-spacing: 0.02em; }
.j-card-sub { font-size: 11px; color: var(--text-muted); margin-bottom: 14px; }
.j-card-action {
    display: flex; align-items: center; gap: 6px; font-size: 12px;
    font-weight: 800; color: var(--accent-green); background: none; border: none;
    cursor: pointer; text-transform: uppercase;
}
.jornada-card-hub[data-locked="true"] { cursor: not-allowed; }

@keyframes slideUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* --- RESPONSIVIDADE --- */
@media (max-width: 1100px) {
    header { width: 95%; padding: 10px 18px; }
    .mobile-menu-btn { display: flex; }
    .tabs {
        display: none; position: fixed; top: 74px; left: 50%; transform: translateX(-50%);
        width: 92%; max-width: 360px; flex-direction: column; gap: 4px;
        background: var(--bg-glass-nav); backdrop-filter: blur(24px);
        -webkit-backdrop-filter: blur(24px); border: 1px solid var(--border-glass);
        border-radius: var(--radius-md); padding: 8px; box-shadow: 0 16px 36px rgba(0,0,0,0.8);
        z-index: 9998;
    }
    .tabs.mobile-open { display: flex; }
    .tabs button { width: 100%; text-align: left; }
    .profile-avatar { width: 115px; height: 115px; }
    .match-card-clean { flex-direction: column; align-items: stretch; gap: 10px; }
    .match-teams-center { justify-content: space-between; }
    .match-actions-right { justify-content: space-between; }
}

@media (max-width: 480px) {
    .header-actions .name { display: none; }
    .header-actions { gap: 6px; }
}
@media (max-width: 700px) { .jornadas-grid { grid-template-columns: 1fr; } }

/* ==========================================================================
   APOSTAS DA JORNADA — BOLETIM ESTILO BILHETE DE TALÃO
   ========================================================================== */

.bets-layout {
    display: grid; grid-template-columns: 1fr 340px; gap: 24px;
    max-width: 1300px; margin: 0 auto; align-items: start;
}
.bets-matches-col { display: flex; flex-direction: column; gap: 8px; }

.odds-buttons-right { gap: 8px; }
.odd-btn {
    width: auto; min-width: 62px; height: 46px; padding: 4px 10px;
    background: rgba(255,255,255,0.03); border: 1px solid var(--border-hairline);
    border-radius: var(--radius-sm); cursor: pointer; display: flex;
    flex-direction: column; align-items: center; justify-content: center; gap: 1px;
    transition: all 0.15s ease;
}
.odd-btn .odd-tag { font-size: 9px; font-weight: 800; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.5px; }
.odd-btn .odd-value { font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 800; color: var(--text-main); }
.odd-btn:hover:not(:disabled) { background: rgba(242, 169, 59, 0.1); border-color: var(--accent-green); }
.odd-btn:hover:not(:disabled) .odd-value { color: #fff; }
.odd-btn.active {
    background: var(--accent-green); border-color: var(--accent-green);
    box-shadow: 0 0 14px var(--accent-green-glow);
}
.odd-btn.active .odd-tag, .odd-btn.active .odd-value { color: #000; }
.odd-btn:disabled { opacity: 0.4; cursor: not-allowed; }

/* --- BOLETIM (bet slip) — painel fixo estilo talão --- */
.betslip-panel {
    position: sticky; top: 130px;
    background: var(--bg-card); backdrop-filter: blur(20px);
    border: 1.5px dashed var(--border-highlight); border-radius: var(--radius-md);
    padding: 0; overflow: hidden;
    box-shadow: 0 14px 36px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.04);
}
.betslip-header {
    background: var(--gradient-mint); color: #000; font-family: 'Oswald', sans-serif;
    font-weight: 700; letter-spacing: 2px; font-size: 14px; text-align: center;
    padding: 12px; display: flex; align-items: center; justify-content: center; gap: 8px;
}
.betslip-items { padding: 14px 16px 4px 16px; display: flex; flex-direction: column; gap: 8px; min-height: 50px; }
.betslip-empty { font-size: 12px; color: var(--text-dim); text-align: center; padding: 14px 4px; }
.betslip-item {
    display: flex; align-items: center; gap: 8px; background: rgba(0,0,0,0.35);
    border: 1px solid var(--border-hairline); border-radius: var(--radius-sm); padding: 8px 10px;
    animation: slideUp 0.2s var(--ease-snappy) forwards;
}
.betslip-item-info { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.betslip-item-match { font-size: 11px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.betslip-item-choice { font-size: 12.5px; font-weight: 800; color: #fff; }
.betslip-item-odd {
    font-family: 'JetBrains Mono', monospace; font-weight: 800; font-size: 13px;
    color: var(--accent-gold); flex-shrink: 0;
}
.betslip-remove {
    background: none; border: none; color: var(--text-dim); cursor: pointer;
    font-size: 12px; padding: 2px 4px; flex-shrink: 0; transition: color 0.15s;
}
.betslip-remove:hover { color: var(--accent-danger); }

.betslip-summary { padding: 14px 16px 18px 16px; border-top: 1px dashed var(--border-hairline); margin-top: 6px; }
.betslip-row { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: var(--text-muted); font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
.betslip-odd-value { font-family: 'JetBrains Mono', monospace; font-size: 17px; color: #fff; font-weight: 800; }
.betslip-stake-label { display: block; font-size: 11px; color: var(--text-dim); margin: 12px 0 6px 0; text-transform: uppercase; font-weight: 700; }
.betslip-stake-input {
    width: 100%; background: var(--bg-input); border: 1px solid var(--border-glass);
    border-radius: var(--radius-sm); color: #fff; padding: 10px 12px;
    font-family: 'JetBrains Mono', monospace; font-size: 15px; font-weight: 800; outline: none;
}
.betslip-stake-input:focus { border-color: var(--accent-green); box-shadow: 0 0 12px var(--accent-green-glow); }
.betslip-return-row { margin-top: 12px; padding-top: 10px; border-top: 1px dashed var(--border-hairline); }
.betslip-return-value {
    font-family: 'JetBrains Mono', monospace; font-size: 18px; color: var(--accent-gold); font-weight: 900;
    text-shadow: 0 0 10px rgba(255, 210, 76, 0.4);
}

/* --- BILHETES DE APOSTAS SUBMETIDAS (histórico) --- */
.my-bets-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.bet-ticket {
    background: var(--bg-surface); border: 1.5px dashed var(--border-glass);
    border-radius: var(--radius-md); overflow: hidden; position: relative;
    box-shadow: 0 8px 22px rgba(0,0,0,0.5);
}
.bet-ticket::before, .bet-ticket::after {
    content: ''; position: absolute; width: 16px; height: 16px; background: var(--bg-base);
    border-radius: 50%; top: 46px; z-index: 2;
}
.bet-ticket::before { left: -8px; }
.bet-ticket::after { right: -8px; }
.bet-ticket-header {
    display: flex; justify-content: space-between; align-items: center;
    background: rgba(255,255,255,0.04); padding: 10px 14px;
    font-family: 'Oswald', sans-serif; font-size: 12px; letter-spacing: 1.5px; color: var(--text-muted);
    border-bottom: 1px dashed var(--border-hairline);
}
.bet-ticket-status {
    font-size: 9px; font-weight: 900; padding: 3px 8px; border-radius: 4px; text-transform: uppercase;
    font-family: 'JetBrains Mono', monospace;
}
.bet-ticket-status.pending { background: var(--accent-gold-dim); color: var(--accent-gold); }
.bet-ticket-status.won { background: var(--accent-green-dim); color: var(--accent-green); }
.bet-ticket-status.lost { background: var(--accent-danger-dim); color: var(--accent-danger); }
.bet-ticket-body { padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; }
.bet-ticket-line {
    display: flex; justify-content: space-between; gap: 8px; font-size: 11.5px;
    color: var(--text-muted);
}
.bet-ticket-line span:first-child { color: #fff; font-weight: 600; }
.bet-ticket-line span:last-child { font-family: 'JetBrains Mono', monospace; color: var(--accent-gold); font-weight: 700; flex-shrink: 0; }
.bet-ticket-footer {
    display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 14px;
    padding: 10px 14px; background: rgba(0,0,0,0.3); border-top: 1px dashed var(--border-hairline);
    font-size: 11px; color: var(--text-dim);
}
.bet-ticket-footer strong { color: #fff; font-family: 'JetBrains Mono', monospace; }

@media (max-width: 1000px) {
    .bets-layout { grid-template-columns: 1fr; }
    .betslip-panel { position: static; }
}
/* ========================================================================
   CONVIERTE-TE NUMA LENDA — JV CAREER MODE
   ======================================================================== */
:root{--legend-purple:#7c5cff;--legend-blue:#22b8ff;--legend-green:#31e981;--legend-gold:#ffd34d;--legend-red:#ff4d67;--legend-panel:#0b0f18}
.legend-game-card{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:0;overflow:hidden;cursor:pointer;min-height:330px;border:1px solid rgba(124,92,255,.38);border-radius:18px;background:linear-gradient(135deg,#0a0e18,#141024 65%,#0b1020);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03) inset;transition:.35s var(--ease-snappy);isolation:isolate}
.legend-game-card:hover{transform:translateY(-7px) scale(1.01);border-color:rgba(34,184,255,.65);box-shadow:0 28px 70px rgba(0,0,0,.65),0 0 42px rgba(124,92,255,.18)}
.legend-card-art{position:relative;overflow:hidden;padding:20px;background:radial-gradient(circle at 50% 40%,rgba(124,92,255,.2),transparent 35%),linear-gradient(180deg,#13182a,#070b12)}
.legend-card-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 25%,rgba(255,255,255,.05) 50%,transparent 75%);background-size:250% 250%;animation:legendSweep 4s linear infinite}
.legend-stadium-glow{position:absolute;width:260px;height:260px;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,184,255,.18),rgba(124,92,255,.07) 40%,transparent 70%);filter:blur(8px);animation:legendFloat 5s ease-in-out infinite}
.legend-card-top,.legend-card-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:900;letter-spacing:1.3px;color:#aeb7ca}.legend-card-top i{color:var(--legend-gold)}
.legend-player-silhouette{position:relative;z-index:2;height:190px;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 0 36px rgba(34,184,255,.38);font-size:135px;transform:translateY(8px);animation:legendFloat 4.4s ease-in-out infinite}
.legend-player-silhouette i{filter:drop-shadow(0 18px 28px rgba(0,0,0,.6))}
.legend-card-bottom{align-items:end}.legend-card-bottom div{display:flex;flex-direction:column}.legend-card-bottom strong{font-family:'Oswald';font-size:34px;color:#fff;line-height:.9}.legend-card-bottom span{font-size:9px;color:var(--legend-blue);margin-top:3px}.legend-card-bottom b{font-family:'Oswald';font-size:50px;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.18)}
.legend-card-copy{display:flex;flex-direction:column;justify-content:center;padding:30px 28px;position:relative;z-index:2}.legend-card-kicker,.legend-intro-kicker,.eyebrow{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:900;letter-spacing:1.4px;color:var(--legend-blue)}
.legend-card-copy h3{margin:8px 0 10px;font-family:'Oswald';font-size:30px;line-height:.95;color:#fff}.legend-card-copy p{font-size:13px;line-height:1.7;color:#96a2b8}.legend-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.legend-card-tags span{font-size:9px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:999px;color:#c5cedc;font-weight:800}.legend-card-tags i{color:var(--legend-gold);margin-right:4px}.legend-launch-btn{margin-top:auto}

.legend-game-shell{max-width:1400px;margin:0 auto;padding-bottom:50px;animation:legendIn .5s var(--ease-snappy)}.legend-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0 14px}.legend-back,.legend-ghost{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#b9c3d3;border-radius:10px;padding:9px 13px;font:800 10px 'JetBrains Mono',monospace;cursor:pointer;letter-spacing:.7px}.legend-back:hover,.legend-ghost:hover{border-color:rgba(34,184,255,.4);color:#fff}.legend-season-chip{font:900 10px 'JetBrains Mono',monospace;color:#b4bed0;display:flex;align-items:center;gap:9px}.legend-season-chip b{color:#fff}.pulse-dot{width:7px;height:7px;background:var(--legend-green);box-shadow:0 0 10px var(--legend-green);border-radius:50%;animation:pulseDot 1.4s infinite}.legend-save{font:800 9px 'JetBrains Mono',monospace;color:#657086}.legend-save i{color:var(--legend-green);margin-right:6px}
.legend-hero{position:relative;min-height:465px;border:1px solid rgba(124,92,255,.26);overflow:hidden;border-radius:22px;background:radial-gradient(circle at 78% 40%,rgba(34,184,255,.12),transparent 24%),radial-gradient(circle at 38% 40%,rgba(124,92,255,.18),transparent 38%),linear-gradient(145deg,#080c16,#0e1321 55%,#0a1019);box-shadow:0 25px 70px rgba(0,0,0,.65)}
.legend-grid-lines{position:absolute;inset:0;opacity:.16;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:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.legend-hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.6}.orb-a{width:430px;height:430px;right:-120px;top:-100px;background:radial-gradient(circle,rgba(124,92,255,.2),transparent 62%);animation:orbFloat 10s ease-in-out infinite}.orb-b{width:300px;height:300px;left:-120px;bottom:-120px;background:radial-gradient(circle,rgba(34,184,255,.13),transparent 65%);animation:orbFloat 8s ease-in-out infinite reverse}
.legend-hero-content{position:relative;z-index:2;padding:52px 0 52px 58px;width:58%}.legend-hero-content h2{font-size:64px;line-height:.9;margin:12px 0;color:#fff;text-shadow:0 12px 30px rgba(0,0,0,.45)}.legend-hero-content h2 span{background:linear-gradient(90deg,#fff,var(--legend-blue),var(--legend-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.legend-hero-content p{color:#8793a8;font-size:16px}.legend-hero-content p strong{color:#fff}.legend-hero-actions{display:flex;gap:10px;margin:26px 0}.legend-primary{border:0;background:linear-gradient(135deg,var(--legend-blue),var(--legend-purple));color:#fff;font:900 11px 'JetBrains Mono',monospace;padding:13px 17px;border-radius:10px;cursor:pointer;box-shadow:0 12px 30px rgba(34,184,255,.15);transition:.25s}.legend-primary:hover{transform:translateY(-2px);box-shadow:0 17px 35px rgba(124,92,255,.25)}
.legend-quickstats{display:grid;grid-template-columns:repeat(4,1fr);max-width:630px;border-top:1px solid rgba(255,255,255,.06);padding-top:16px;gap:20px}.legend-quickstats div{display:flex;flex-direction:column}.legend-quickstats span{font:800 9px 'JetBrains Mono',monospace;color:#59667c}.legend-quickstats b{font:800 16px 'Oswald';color:#fff;margin-top:3px}
.legend-player-card{position:absolute;right:65px;top:47px;width:260px;height:360px;border-radius:22px;background:linear-gradient(155deg,rgba(20,26,46,.96),rgba(8,12,20,.98));border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 70px rgba(0,0,0,.65),0 0 60px rgba(124,92,255,.12);overflow:hidden;z-index:3;transform:rotate(4deg);transition:.45s var(--ease-snappy)}.legend-player-card:hover{transform:rotate(0) translateY(-10px)}.legend-player-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.08),transparent 70%);background-size:220% 220%;animation:legendSweep 5s linear infinite}.lp-glow{position:absolute;width:220px;height:220px;border-radius:50%;left:50%;top:35%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,184,255,.22),transparent 65%);filter:blur(7px)}.lp-bg-number{position:absolute;right:-5px;top:45px;font:900 150px 'Oswald';color:rgba(255,255,255,.035);line-height:.8}.lp-top{position:relative;z-index:2;display:flex;justify-content:space-between;padding:17px 18px;font:900 12px 'JetBrains Mono',monospace;color:#d4dbea}.lp-top span:first-child{color:var(--legend-blue)}.lp-avatar{position:relative;z-index:2;height:195px;display:flex;align-items:center;justify-content:center;font-size:130px;color:#fff;text-shadow:0 15px 30px rgba(0,0,0,.65),0 0 30px rgba(34,184,255,.25)}.lp-name{position:relative;z-index:2;text-align:center;font:700 24px 'Oswald';color:#fff}.lp-club{text-align:center;color:#7e8aa0;font:900 8px 'JetBrains Mono',monospace;margin:4px 0 12px}.lp-ratings{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.07);padding:10px 10px 0;gap:3px}.lp-ratings span{text-align:center}.lp-ratings b{display:block;font:800 16px 'JetBrains Mono';color:#fff}.lp-ratings small{font:800 7px 'JetBrains Mono';color:#677388}
.legend-dashboard{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-top:18px}.legend-sidebar{min-height:720px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#0d121d,#090d15);border-radius:16px;padding:13px;display:flex;flex-direction:column;position:sticky;top:85px;align-self:start}.legend-profile-mini{display:flex;align-items:center;gap:10px;padding:9px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:9px}.mini-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--legend-purple),var(--legend-blue));display:grid;place-items:center;color:#fff}.legend-profile-mini b{display:block;font-size:11px;color:#fff}.legend-profile-mini span{display:block;color:#677388;font:700 8px 'JetBrains Mono';margin-top:2px}.legend-nav{width:100%;display:flex;align-items:center;gap:10px;padding:11px 10px;border:0;background:transparent;color:#68758a;border-radius:9px;margin-bottom:4px;text-align:left;font:800 10px 'Manrope';cursor:pointer;transition:.2s}.legend-nav i{width:16px;text-align:center}.legend-nav em{margin-left:auto;color:#31e981;font-style:normal;font:800 8px 'JetBrains Mono'}.legend-nav:hover{background:rgba(255,255,255,.035);color:#fff}.legend-nav.active{background:linear-gradient(90deg,rgba(124,92,255,.18),rgba(34,184,255,.04));color:#fff;box-shadow:inset 2px 0 0 var(--legend-blue)}.legend-sidebar-spacer{flex:1}.legend-momentum{border-top:1px solid rgba(255,255,255,.06);padding:14px 7px 5px}.legend-momentum>span{font:800 8px 'JetBrains Mono';color:#5d687a}.momentum-bar{height:5px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden;margin:8px 0}.momentum-bar i{display:block;height:100%;width:65%;background:linear-gradient(90deg,var(--legend-purple),var(--legend-blue));box-shadow:0 0 10px rgba(34,184,255,.4)}.legend-momentum>b{font:900 9px 'JetBrains Mono';color:#aeb7c7}
.legend-main{min-width:0}.legend-panel{display:none;animation:legendIn .35s var(--ease-snappy)}.legend-panel.active{display:block}.legend-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:4px 0 16px}.legend-section-head.compact{margin-top:28px}.legend-section-head h3{font-size:29px;color:#fff;margin-top:5px}.legend-date,.career-badge,.market-value,.xp-pill,.legend-score{font:900 9px 'JetBrains Mono';color:#748197;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.02)}.xp-pill{color:#ffd34d}.legend-score{color:#ffd34d}.text-action{border:0;background:transparent;color:#748197;font:900 9px 'JetBrains Mono';cursor:pointer}.text-action:hover{color:#fff}
.legend-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.legend-stat-card{background:#0d131d;border:1px solid rgba(255,255,255,.07);padding:16px;border-radius:12px;min-height:122px;position:relative;overflow:hidden}.legend-stat-card.accent{background:linear-gradient(145deg,rgba(124,92,255,.11),#0d131d)}.legend-stat-card.gold{background:linear-gradient(145deg,rgba(255,211,77,.09),#0d131d)}.legend-stat-card span{font:900 8px 'JetBrains Mono';color:#647188}.legend-stat-card strong{display:block;font:800 29px 'Oswald';color:#fff;margin:7px 0 2px}.legend-stat-card small{font-size:9px;color:#667287}.status-meter{position:absolute;bottom:12px;left:16px;right:16px;height:4px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden}.status-meter i{display:block;height:100%;width:82%;background:var(--legend-green)}.status-meter.blue i{width:74%;background:var(--legend-blue)}.rep-stars{font-size:11px;letter-spacing:2px;color:#ffd34d;margin-top:5px}.mini-spark{position:absolute;right:12px;bottom:12px;display:flex;align-items:end;gap:3px;height:34px}.mini-spark i{width:4px;background:linear-gradient(180deg,var(--legend-blue),var(--legend-purple));border-radius:4px}.legend-two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:12px}.legend-match-card,.legend-news-card{border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0d131d;padding:17px}.legend-match-card{background:radial-gradient(circle at 50% 0%,rgba(34,184,255,.09),transparent 45%),#0d131d}.lmc-top,.lnc-title{display:flex;justify-content:space-between;font:900 8px 'JetBrains Mono';color:#657288}.lmc-top b{color:var(--legend-blue)}.lmc-match{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;text-align:center;gap:9px;margin:25px 0}.lmc-match>div{display:flex;flex-direction:column}.lmc-match span{font:700 23px 'Oswald';color:#fff}.lmc-match small{font:800 7px 'JetBrains Mono';color:#5f6c82;margin-top:4px}.lmc-match strong{font:900 10px 'JetBrains Mono';color:#5f6c82}.lmc-meta{display:flex;justify-content:space-between;gap:10px;color:#68758b;font:800 8px 'JetBrains Mono';border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.lmc-meta span:last-child{color:#ffd34d}.legend-match-btn{width:100%;margin-top:14px;background:linear-gradient(135deg,var(--legend-blue),var(--legend-purple));border:0;border-radius:9px;padding:11px;color:#fff;font:900 9px 'JetBrains Mono';cursor:pointer}.lnc-title small{color:#31e981}.news-row{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.news-row:last-child{border:0}.news-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.04);color:#fff}.news-icon.fire{color:#ff6a3d}.news-icon.blue{color:var(--legend-blue)}.news-row b{font:900 9px 'Manrope';color:#dfe6f1}.news-row p{font-size:10px;color:#66748a;line-height:1.45;margin-top:3px}
.legend-timeline,.career-timeline{display:flex;flex-direction:column;gap:8px}.timeline-item{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.06);background:#0d131d;padding:10px 12px;border-radius:10px}.tl-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(124,92,255,.12);color:var(--legend-blue)}.timeline-item b{font-size:10px;color:#e5eaf2}.timeline-item p{font-size:9px;color:#67748a;margin-top:2px}.timeline-item time{font:800 8px 'JetBrains Mono';color:#536076}
.training-hero{display:grid;grid-template-columns:110px 1fr 90px;align-items:center;gap:18px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:linear-gradient(135deg,rgba(124,92,255,.11),rgba(34,184,255,.04));margin-bottom:12px}.training-hero span{display:block;font:900 8px 'JetBrains Mono';color:#637088}.training-hero strong{display:block;font:900 52px 'Oswald';color:#fff;line-height:1}.xp-track>div{height:9px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden}.xp-track i{display:block;width:58%;height:100%;background:linear-gradient(90deg,var(--legend-purple),var(--legend-blue));border-radius:inherit}.xp-track small{display:block;font-size:9px;color:#728096;margin-top:7px}.next-level{border-left:1px solid rgba(255,255,255,.08);padding-left:15px;font:900 10px 'JetBrains Mono';color:var(--legend-green)}.training-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.train-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.06);background:#0d131d;color:#fff;padding:12px;border-radius:12px;text-align:left;cursor:pointer;transition:.22s}.train-card:hover{transform:translateY(-2px);border-color:rgba(34,184,255,.35);background:#101724}.train-card>div:nth-child(2) b{display:block;font-size:10px}.train-card>div:nth-child(2) span{font-size:9px;color:#647187}.train-card>strong{font:900 9px 'JetBrains Mono';color:var(--legend-green)}.train-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.04);color:var(--legend-blue)}.train-icon.shot{color:#ff6d66}.train-icon.pass{color:#a785ff}.train-icon.dribble{color:#22d5c4}.train-icon.gym{color:#ffbd53}.train-icon.recover{color:#8ebcff}.training-tip{display:flex;gap:10px;margin-top:12px;border:1px dashed rgba(255,255,255,.09);padding:12px;border-radius:12px;color:#6f7d94}.training-tip>i{color:#ffd34d}.training-tip b{font:900 8px 'JetBrains Mono';color:#b7c1d2}.training-tip p{font-size:10px;line-height:1.55;margin-top:3px}
.career-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.career-summary div{padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#0d131d}.career-summary span{display:block;font:800 8px 'JetBrains Mono';color:#68758a}.career-summary b{display:block;font:900 31px 'Oswald';color:#fff;margin-top:4px}.season-card{border:1px solid rgba(255,255,255,.07);background:#0d131d;border-radius:12px;padding:14px;margin-bottom:8px}.season-card-head{display:flex;justify-content:space-between;align-items:center}.season-card-head b{font:900 11px 'JetBrains Mono';color:#fff}.season-card-head span{font-size:9px;color:#31e981}.season-card p{font-size:10px;color:#66758b;margin:8px 0}.season-stats{display:flex;gap:17px;font:900 8px 'JetBrains Mono';color:#7a879d}.season-stats b{color:#fff}
.offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.offer-card{border:1px solid rgba(255,255,255,.07);background:#0d131d;padding:14px;border-radius:13px;position:relative;overflow:hidden}.offer-card.hot{border-color:rgba(255,211,77,.35);background:linear-gradient(145deg,rgba(255,211,77,.07),#0d131d)}.offer-card .offer-badge{display:inline-block;font:900 7px 'JetBrains Mono';padding:4px 6px;border-radius:4px;background:rgba(34,184,255,.09);color:var(--legend-blue);margin-bottom:12px}.offer-card h4{font-size:19px;color:#fff;margin-bottom:3px}.offer-card p{font-size:9px;color:#68758b}.offer-meta{display:flex;justify-content:space-between;align-items:center;margin:14px 0;font:900 9px 'JetBrains Mono'}.offer-meta strong{color:#ffd34d}.offer-card button,.agent-card button{width:100%;border:0;border-radius:8px;padding:9px;background:rgba(255,255,255,.06);color:#fff;font:900 9px 'JetBrains Mono';cursor:pointer}.offer-card button:hover{background:linear-gradient(90deg,var(--legend-purple),var(--legend-blue))}.agent-card{display:grid;grid-template-columns:44px 1fr 100px;align-items:center;gap:12px;margin-top:12px;padding:13px;border:1px solid rgba(255,255,255,.07);background:#0d131d;border-radius:12px}.agent-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#161c29;color:#8ebcff}.agent-card b{display:block;font-size:9px;color:#fff}.agent-card span{display:block;font-size:9px;color:#69758a;margin-top:3px}.agent-card button{background:rgba(34,184,255,.08);color:var(--legend-blue)}
.records-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.record-card{padding:15px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:#0d131d}.record-card.locked{opacity:.42}.record-icon{width:38px;height:38px;border-radius:10px;background:rgba(255,211,77,.08);display:grid;place-items:center;color:#ffd34d;margin-bottom:12px}.record-card b{display:block;font-size:10px;color:#fff}.record-card span{display:block;font-size:9px;line-height:1.4;color:#68758b;margin-top:4px}
.legend-event-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;background:rgba(2,4,8,.78);backdrop-filter:blur(14px);animation:fadeIn .22s ease}.legend-event-modal{width:min(650px,100%);border:1px solid rgba(124,92,255,.45);border-radius:18px;background:linear-gradient(160deg,#101625,#080c13);box-shadow:0 35px 100px rgba(0,0,0,.75);overflow:hidden;position:relative}.lem-close{position:absolute;right:13px;top:12px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);color:#a5b0c2;z-index:2;cursor:pointer}.lem-art{height:150px;display:grid;place-items:center;font-size:70px;color:#fff;background:radial-gradient(circle,rgba(34,184,255,.22),transparent 58%),linear-gradient(135deg,#131b32,#0b111e);text-shadow:0 0 30px rgba(34,184,255,.45)}.lem-kicker{font:900 9px 'JetBrains Mono';letter-spacing:1.4px;color:var(--legend-blue);padding:22px 24px 4px}.legend-event-modal h3{font-size:30px;color:#fff;padding:0 24px;margin-top:4px}.legend-event-modal>p{font-size:12px;line-height:1.7;color:#7c899f;padding:7px 24px 0}.lem-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:20px 24px}.lem-choice{border:1px solid rgba(255,255,255,.08);background:#0f1520;border-radius:12px;padding:14px;text-align:left;color:#fff;cursor:pointer;transition:.2s}.lem-choice:hover{border-color:rgba(34,184,255,.45);transform:translateY(-2px)}.lem-choice b{display:block;font-size:11px}.lem-choice span{display:block;font-size:9px;color:#69758a;margin-top:4px;line-height:1.45}.lem-choice em{display:block;margin-top:10px;font:800 8px 'JetBrains Mono';color:#31e981;font-style:normal}.lem-foot{display:flex;justify-content:space-between;padding:0 24px 22px;color:#4f5b70;font:800 8px 'JetBrains Mono'}.legend-toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);opacity:0;z-index:100001;background:#0b111b;border:1px solid rgba(34,184,255,.32);box-shadow:0 18px 50px rgba(0,0,0,.65);color:#fff;border-radius:999px;padding:10px 16px;font:900 9px 'JetBrains Mono';transition:.3s}.legend-toast.show{opacity:1;transform:translate(-50%,0)}
.legend-match-play{width:min(760px,100%);border-radius:18px;border:1px solid rgba(34,184,255,.25);background:#090e17;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.75)}.lmp-head{padding:18px;display:flex;justify-content:space-between;font:900 9px 'JetBrains Mono';color:#657288;border-bottom:1px solid rgba(255,255,255,.06)}.lmp-score{padding:28px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(34,184,255,.12),transparent 45%)}.lmp-score h4{font-size:10px;color:#69758b}.lmp-teams{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;margin:22px 0}.lmp-team{font:700 28px 'Oswald';color:#fff}.lmp-team small{display:block;font:800 8px 'JetBrains Mono';color:#66748a;margin-top:3px}.lmp-result{font:900 38px 'JetBrains Mono';color:#fff}.lmp-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 24px 24px}.lmp-action{border:1px solid rgba(255,255,255,.08);background:#101621;color:#fff;border-radius:10px;padding:14px 8px;font:900 9px 'JetBrains Mono';cursor:pointer}.lmp-action:hover{border-color:var(--legend-blue);background:rgba(34,184,255,.07)}
@keyframes legendSweep{0%{background-position:200% 200%}100%{background-position:-100% -100%}}@keyframes legendFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orbFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(15px,-12px)}}@keyframes legendIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulseDot{50%{opacity:.35;transform:scale(.75)}}
@media(max-width:1000px){.legend-game-card{grid-template-columns:1fr}.legend-card-art{min-height:250px}.legend-hero-content{width:62%;padding-left:35px}.legend-hero-content h2{font-size:52px}.legend-player-card{right:30px;width:220px;height:315px}.lp-avatar{height:160px;font-size:110px}.legend-dashboard{grid-template-columns:1fr}.legend-sidebar{position:static;min-height:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.legend-profile-mini{grid-column:1/-1}.legend-sidebar-spacer,.legend-momentum{display:none}.legend-nav{justify-content:center;flex-direction:column;gap:4px;margin:0;padding:9px 4px}.legend-nav em{display:none}.legend-nav span{font-size:8px}}
@media(max-width:700px){.legend-topbar{flex-wrap:wrap}.legend-season-chip{order:3;width:100%;justify-content:center}.legend-save{display:none}.legend-hero{min-height:620px}.legend-hero-content{width:100%;padding:32px 20px}.legend-hero-content h2{font-size:42px}.legend-hero-content p{font-size:13px;max-width:270px}.legend-player-card{right:50%;transform:translateX(50%) rotate(4deg);top:auto;bottom:-90px;width:185px;height:260px}.legend-player-card:hover{transform:translateX(50%) rotate(0) translateY(-8px)}.lp-avatar{height:130px;font-size:90px}.lp-name{font-size:19px}.lp-ratings b{font-size:12px}.lp-top{padding:11px 12px}.legend-quickstats{grid-template-columns:repeat(2,1fr);max-width:280px}.legend-status-grid{grid-template-columns:repeat(2,1fr)}.legend-two-col{grid-template-columns:1fr}.training-hero{grid-template-columns:80px 1fr}.next-level{display:none}.training-grid{grid-template-columns:1fr}.career-summary{grid-template-columns:repeat(2,1fr)}.offers-grid,.records-grid{grid-template-columns:1fr}.agent-card{grid-template-columns:40px 1fr}.agent-card button{grid-column:1/-1}.lem-choices{grid-template-columns:1fr}.lmp-teams{grid-template-columns:1fr 60px 1fr}.lmp-team{font-size:21px}.legend-game-card{min-height:auto}.legend-card-copy{padding:22px}.legend-card-copy h3{font-size:24px}.legend-card-art{padding:14px}.legend-player-silhouette{height:140px;font-size:100px}}

/* ==========================================================================
   LEGEND MODE — CARREIRAS / CRIAÇÃO / ENERGIA / PATROCÍNIOS
   ========================================================================== */
.legend-careers-btn{cursor:pointer;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#aab4c5;padding:8px 10px;border-radius:8px;font:900 9px 'JetBrains Mono'}
.legend-careers-btn:hover{color:#fff;border-color:rgba(34,184,255,.5);background:rgba(34,184,255,.07)}
.legend-setup-modal{width:min(720px,calc(100vw - 24px));max-height:90vh;overflow:auto;background:linear-gradient(180deg,#101725,#090d15);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:28px;box-shadow:0 35px 100px rgba(0,0,0,.75),0 0 60px rgba(124,92,255,.15);animation:legendIn .28s var(--ease-snappy)}
.setup-kicker{font:900 9px 'JetBrains Mono';color:#31e981;letter-spacing:1.8px;margin-bottom:7px}
.legend-setup-modal h3{font-size:34px;color:#fff;margin:0 0 8px}.legend-setup-modal>p{color:#657289;font-size:12px;margin-bottom:20px}
.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setup-grid label{display:flex;flex-direction:column;gap:6px;color:#78869b;font:800 9px 'JetBrains Mono';letter-spacing:.5px}.setup-grid input,.setup-grid select{width:100%;min-height:44px;padding:10px 12px;border-radius:10px;background:#080c13;border:1px solid rgba(255,255,255,.08);color:#fff;font:700 12px 'Manrope';outline:none}.setup-grid input:focus,.setup-grid select:focus{border-color:var(--legend-blue);box-shadow:0 0 15px rgba(34,184,255,.12)}
.setup-arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.setup-arch-grid button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#8c98ab;border-radius:12px;padding:13px 10px;text-align:left;cursor:pointer;font:800 10px 'Manrope';transition:.2s}.setup-arch-grid button span{display:block;color:#5d697d;font-size:8px;font-weight:700;margin-top:4px}.setup-arch-grid button.active{border-color:var(--legend-purple);background:rgba(124,92,255,.11);color:#fff;box-shadow:0 0 20px rgba(124,92,255,.14)}.setup-submit{width:100%;justify-content:center;margin-top:8px}
.career-save-list{display:flex;flex-direction:column;gap:8px;margin:16px 0}.career-save-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);border-radius:12px;color:#fff;text-align:left;cursor:pointer}.career-save-item:hover{background:rgba(255,255,255,.05);border-color:rgba(34,184,255,.35)}.career-save-item.active{border-color:var(--legend-blue);background:rgba(34,184,255,.06)}.career-save-item>i{margin-left:auto;color:#5f6d82}.career-save-item b{display:block;font-size:12px}.career-save-item span{display:block;color:#6f7d91;font:700 8px 'JetBrains Mono';margin-top:3px}.save-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--legend-purple),var(--legend-blue));display:grid;place-items:center;font-size:19px;flex:0 0 40px}
.legend-award-lock{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);margin-bottom:16px}.legend-award-lock i{font-size:24px;color:#6c7789}.legend-award-lock b{display:block;color:#fff;font:900 10px 'JetBrains Mono';letter-spacing:.5px}.legend-award-lock span{display:block;color:#667388;font-size:10px;margin-top:4px}.legend-award-lock.ready{border-color:rgba(255,211,77,.45);background:rgba(255,211,77,.06);box-shadow:0 0 24px rgba(255,211,77,.08)}.legend-award-lock.ready i{color:var(--legend-gold)}
.achievement-reward{display:inline-flex;color:#31e981;font:900 8px 'JetBrains Mono';margin-top:7px}.record-card.locked small{display:block;color:#4e5a6d;font:900 7px 'JetBrains Mono';margin-top:7px}
.sponsor-rep-chip{font:900 9px 'JetBrains Mono';color:#ffd34d;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.02)}.sponsor-contract-card{margin-bottom:16px}.sponsor-empty,.sponsor-active-head{padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}.sponsor-empty{display:flex;align-items:center;gap:10px;color:#667388}.sponsor-empty i{font-size:22px;color:var(--legend-blue)}.sponsor-empty b{color:#fff;font-size:11px}.sponsor-empty span{font-size:9px}.sponsor-active-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.sponsor-active-head span{font:900 7px 'JetBrains Mono';color:#31e981}.sponsor-active-head b{font-size:15px;color:#fff}.sponsor-active-head em{font:900 8px 'JetBrains Mono';color:#7d899b;font-style:normal}.sponsor-active-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.sponsor-active-stats span{padding:10px;border-radius:9px;background:rgba(255,255,255,.025);color:#6b778a;font:800 8px 'JetBrains Mono'}.sponsor-active-stats b{display:block;color:#fff;margin-top:4px}.sponsor-contract-card>button{margin-top:8px;width:100%;padding:9px;border:1px solid rgba(232,64,44,.3);background:rgba(232,64,44,.07);color:#ff6b7d;border-radius:8px;font:900 8px 'JetBrains Mono';cursor:pointer}.sponsor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sponsor-card{padding:15px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));position:relative;overflow:hidden}.sponsor-card:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 35%);pointer-events:none}.sponsor-card.locked{opacity:.52}.sponsor-brand{font-size:22px;font-weight:900;color:#fff;letter-spacing:-.5px}.sponsor-card>span{font:900 7px 'JetBrains Mono';color:#718097;letter-spacing:1px}.sponsor-card p{font-size:10px;color:#6c788b;line-height:1.45;min-height:32px}.sponsor-meta{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.sponsor-meta b{font:900 8px 'JetBrains Mono';color:#8b96a9}.sponsor-meta strong{font:900 11px 'JetBrains Mono';color:#ffd34d}.sponsor-card button{width:100%;padding:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#fff;border-radius:8px;font:900 8px 'JetBrains Mono';cursor:pointer}.sponsor-card button:hover:not(:disabled){border-color:var(--legend-blue);background:rgba(34,184,255,.08)}.sponsor-card button:disabled{cursor:not-allowed}.sponsor-red{border-color:rgba(255,77,103,.25)}.sponsor-blue{border-color:rgba(34,184,255,.25)}.sponsor-gold{border-color:rgba(255,211,77,.24)}
.career-pill-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.career-pill-row span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:#748198;font:800 8px 'JetBrains Mono'}.career-pill-row i{margin-right:4px;color:#31e981}
.legend-match-btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.5)}

@media(max-width:700px){
  .legend-setup-modal{padding:18px;border-radius:16px}.legend-setup-modal h3{font-size:26px}.setup-grid{grid-template-columns:1fr}.setup-arch-grid{grid-template-columns:1fr}.sponsor-grid{grid-template-columns:1fr}.sponsor-active-head{grid-template-columns:1fr}.sponsor-active-stats{grid-template-columns:1fr 1fr}.legend-careers-btn{font-size:8px;padding:7px 8px}.legend-save{font-size:8px!important;padding:7px 8px!important}
}

/* ========================================================================== 
   JV CAREER ULTIMATE V3 — MATCH ENGINE / ENERGY / BROWSER GAME LAYER
   ========================================================================== */
body.legend-match-open{overflow:hidden!important}
.training-energy-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px}.training-energy-guide>div{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(48,233,129,.055),rgba(13,19,29,.9));border-radius:11px}.training-energy-guide i{color:#31e981;font-size:15px;margin-bottom:4px}.training-energy-guide span{font:800 8px 'JetBrains Mono',monospace;color:#68758a;letter-spacing:.6px}.training-energy-guide b{font-size:10px;color:#e9f4ef}
.loan-offer{border-color:rgba(49,233,129,.18)!important}.loan-offer:before{content:'DESENVOLVIMENTO';position:absolute;right:-28px;top:13px;transform:rotate(35deg);background:rgba(49,233,129,.12);color:#31e981;padding:3px 28px;font:800 6px 'JetBrains Mono',monospace;letter-spacing:.7px}
#legend-match-modal.legend-event-overlay{z-index:1000000;padding:18px;background:rgba(3,6,12,.94);backdrop-filter:blur(18px)}
.ultimate-match-center{width:min(1180px,96vw);height:min(790px,94vh);display:grid;grid-template-rows:minmax(330px,44%) 1fr;border:1px solid rgba(34,184,255,.28);border-radius:24px;overflow:hidden;background:#070b12;box-shadow:0 50px 130px rgba(0,0,0,.9),0 0 80px rgba(34,184,255,.08);animation:legendIn .32s var(--ease-snappy)}
.umc-stadium{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 8%,rgba(48,233,129,.12),transparent 32%),radial-gradient(circle at 15% 0,rgba(34,184,255,.13),transparent 28%),linear-gradient(180deg,#0d1720 0%,#081019 55%,#071019 100%)}
.umc-stadium:after{content:'';position:absolute;left:-5%;right:-5%;bottom:-80px;height:210px;border-radius:50% 50% 0 0;background:repeating-linear-gradient(90deg,rgba(49,233,129,.16) 0 35px,rgba(49,233,129,.11) 35px 70px),linear-gradient(#0a2719,#06140e);border-top:1px solid rgba(49,233,129,.28);transform:perspective(500px) rotateX(57deg);transform-origin:center top;opacity:.58}
.umc-floodlight{position:absolute;top:-80px;width:240px;height:340px;background:conic-gradient(from 170deg,transparent 0 35%,rgba(255,255,255,.12) 44%,transparent 53%);filter:blur(3px);animation:umcSweep 5s ease-in-out infinite}.umc-floodlight.left{left:-70px}.umc-floodlight.right{right:-70px;transform:scaleX(-1);animation-delay:-2.2s}@keyframes umcSweep{0%,100%{opacity:.38;rotate:-4deg}50%{opacity:.85;rotate:5deg}}
.umc-head{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(3,8,14,.42)}.umc-head>div{display:flex;flex-direction:column;gap:4px}.umc-head b{font:800 9px 'JetBrains Mono',monospace;color:#758299}.umc-live{font:900 10px 'JetBrains Mono',monospace;color:#fff;letter-spacing:1.4px}.umc-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff425d;box-shadow:0 0 12px #ff425d;margin-right:7px;animation:pulseDot 1s infinite}
.umc-scoreboard{position:relative;z-index:3;display:grid;grid-template-columns:1fr 190px 1fr;align-items:center;gap:24px;max-width:900px;margin:30px auto 0;padding:0 26px}.umc-team{text-align:center;color:#fff}.umc-team b{display:block;font:700 clamp(20px,3vw,36px) 'Oswald';line-height:1;text-transform:uppercase}.umc-crest{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 10px;border:1px solid rgba(255,255,255,.17);background:linear-gradient(145deg,rgba(124,92,255,.3),rgba(34,184,255,.12));clip-path:polygon(10% 0,90% 0,100% 18%,92% 82%,50% 100%,8% 82%,0 18%);font:900 16px 'JetBrains Mono';box-shadow:0 0 24px rgba(34,184,255,.16)}
.umc-score{text-align:center}.umc-score>small{display:block;color:#31e981;font:900 14px 'JetBrains Mono';margin-bottom:6px}.umc-score strong{display:flex;justify-content:center;align-items:center;gap:13px;font:900 58px 'JetBrains Mono';color:#fff;line-height:1}.umc-score strong em{font-style:normal;color:#344052}.umc-score>div{margin-top:8px;color:#77859b;font:900 8px 'JetBrains Mono';letter-spacing:1.2px}
.umc-pitch{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:780px;margin:26px auto 0;padding:13px 16px;border:1px solid rgba(49,233,129,.12);border-radius:13px;background:rgba(2,9,8,.5)}.umc-pitch-lines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.055) 50%,transparent 50.2%)}.umc-player-role,.umc-energy{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px}.umc-player-role span,.umc-energy span{font:800 7px 'JetBrains Mono';color:#66758a}.umc-player-role strong{font:800 12px 'Manrope';color:#fff}.umc-player-role small{font-size:8px;color:#758299}.umc-energy{min-width:190px}.umc-energy b{font:900 13px 'JetBrains Mono';color:#31e981}.umc-energy>div{height:5px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.umc-energy i{height:100%;display:block;background:linear-gradient(90deg,#31e981,#ffd34d);box-shadow:0 0 10px rgba(49,233,129,.3)}
.umc-bottom{display:grid;grid-template-columns:1fr 260px;min-height:0;background:#090e16}.umc-feed{min-width:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06)}.umc-feed-title{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.umc-feed-title span{font:900 8px 'JetBrains Mono';letter-spacing:1px;color:#738198}.umc-feed-title button{border:1px solid rgba(34,184,255,.18);background:rgba(34,184,255,.06);color:#61cfff;border-radius:7px;padding:7px 10px;font:900 7px 'JetBrains Mono';cursor:pointer}.umc-feed-title button:disabled{opacity:.65}.umc-events{padding:10px 14px 20px;overflow:auto;display:flex;flex-direction:column;gap:7px}.umc-event{display:grid;grid-template-columns:42px 28px 1fr;align-items:center;gap:7px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.022);border-radius:9px;animation:umcEventIn .25s ease}.umc-event time{font:900 9px 'JetBrains Mono';color:#728096}.umc-event>i{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:rgba(34,184,255,.08);color:#55c9ff;font-size:10px}.umc-event p{font-size:10px;color:#c3ccda;margin:0}.umc-event.goal{border-color:rgba(49,233,129,.22);background:rgba(49,233,129,.055)}.umc-event.goal>i{color:#31e981;background:rgba(49,233,129,.1)}.umc-event.assist>i{color:#ad92ff;background:rgba(124,92,255,.12)}.umc-event.opponent{border-color:rgba(255,66,93,.14)}.umc-event.opponent>i,.umc-event.danger>i,.umc-event.miss>i{color:#ff6378;background:rgba(255,66,93,.09)}.umc-event.card>i{color:#ffd34d;background:rgba(255,211,77,.08)}@keyframes umcEventIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.umc-player-panel{padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(124,92,255,.12),transparent 36%)}.umc-player-panel>span{align-self:flex-start;font:900 7px 'JetBrains Mono';color:#69758a;letter-spacing:1px}.umc-player-avatar{width:86px;height:86px;margin:12px auto 8px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(124,92,255,.32),rgba(34,184,255,.16));border:1px solid rgba(255,255,255,.1);font-size:45px;color:#fff;box-shadow:0 0 30px rgba(124,92,255,.14)}.umc-player-panel h4{font-size:22px;color:#fff}.umc-player-panel p{font-size:8px;color:#6f7c91;margin-top:2px}.umc-live-stats{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 0}.umc-live-stats div{padding:8px 3px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:rgba(255,255,255,.02)}.umc-live-stats span{display:block;font:800 6px 'JetBrains Mono';color:#5f6b7d}.umc-live-stats b{font:900 13px 'JetBrains Mono';color:#fff}.umc-final-box{width:100%;margin-top:auto}.umc-final-box strong{display:block;color:#31e981;font:900 9px 'JetBrains Mono';letter-spacing:1px}.umc-final-box span{display:block;color:#97a4b8;font-size:9px;margin:5px 0 10px}.umc-final-box button{width:100%;border:0;border-radius:9px;padding:11px;background:linear-gradient(90deg,#7c5cff,#22b8ff);color:#fff;font:900 8px 'JetBrains Mono';cursor:pointer;box-shadow:0 8px 25px rgba(34,184,255,.18)}
#legend-match-modal.goal-flash .ultimate-match-center{box-shadow:0 50px 130px rgba(0,0,0,.9),0 0 110px rgba(49,233,129,.28)}

@media(max-width:820px){.ultimate-match-center{width:97vw;height:95vh;grid-template-rows:330px 1fr;border-radius:16px}.umc-scoreboard{grid-template-columns:1fr 105px 1fr;gap:7px;padding:0 12px;margin-top:20px}.umc-team b{font-size:18px}.umc-crest{width:46px;height:46px}.umc-score strong{font-size:39px;gap:6px}.umc-pitch{margin:17px 12px 0}.umc-bottom{grid-template-columns:1fr}.umc-player-panel{display:none}.umc-feed{border-right:0}.training-energy-guide{grid-template-columns:1fr}.umc-event{grid-template-columns:35px 25px 1fr;padding:8px}.umc-events{padding:9px}.umc-head{padding:13px 14px}}
@media(max-width:480px){#legend-match-modal.legend-event-overlay{padding:6px}.ultimate-match-center{width:100%;height:98vh;border-radius:13px;grid-template-rows:315px 1fr}.umc-team b{font-size:15px}.umc-scoreboard{grid-template-columns:1fr 82px 1fr}.umc-score strong{font-size:33px}.umc-pitch{align-items:flex-start}.umc-energy{min-width:120px}.umc-player-role small{max-width:150px}}

/* ULTIMATE V4 — match visibility, standings, Europe, saves */
#legend-match-modal.legend-event-overlay{align-items:center;overflow:auto!important;overscroll-behavior:contain}
.ultimate-match-center{max-height:calc(100dvh - 24px);height:min(790px,calc(100dvh - 24px));overflow:auto!important}
.umc-stadium{position:relative;min-height:340px;overflow:visible!important}
.umc-scoreboard{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(7,11,18,.98) 65%,rgba(7,11,18,.78),transparent);padding-top:12px;padding-bottom:12px;margin-top:8px!important}
.umc-score strong{white-space:nowrap}.umc-team b{overflow-wrap:anywhere}
.legend-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0d131d}
.legend-standings-table{width:100%;min-width:650px;border-collapse:collapse;font:700 11px 'JetBrains Mono'}
.legend-standings-table th{position:sticky;top:0;background:#111824;color:#65748c;padding:13px 12px;text-align:left;font-size:9px}
.legend-standings-table td{padding:12px;border-top:1px solid rgba(255,255,255,.055);color:#aeb8c8}.legend-standings-table td:nth-child(n+3){text-align:center}.legend-standings-table strong{color:#fff}.legend-standings-table tr.my-club{background:linear-gradient(90deg,rgba(34,184,255,.12),rgba(124,92,255,.06))}.legend-standings-table tr.my-club td:nth-child(2){color:#31e981;font-weight:900}
.europe-hero{display:flex;gap:20px;align-items:center;padding:24px;border:1px solid rgba(124,92,255,.25);border-radius:16px;background:radial-gradient(circle at 10% 0,rgba(124,92,255,.2),transparent 42%),#0d131d;margin-bottom:14px}.europe-hero>i{font-size:42px;color:#ffd34d}.europe-hero span{font:900 9px 'JetBrains Mono';color:#6d7890}.europe-hero h4{font:700 29px 'Oswald';color:#fff;margin:3px 0}.europe-hero p{font-size:11px;color:#7e8aa0}.europe-fixtures{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.europe-fixture{display:grid;grid-template-columns:55px 1fr 80px;gap:10px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#0d131d}.europe-fixture>span,.europe-fixture small{font:900 8px 'JetBrains Mono';color:#66748b}.europe-fixture b{font-size:11px;color:#dfe7f2}.europe-fixture em{font:900 14px 'JetBrains Mono';font-style:normal;color:#fff}.europe-fixture.played{opacity:.72}.europe-empty{text-align:center;padding:60px 20px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#0d131d}.europe-empty i{font-size:45px;color:#65748b}.europe-empty h4{font:700 27px 'Oswald';color:#fff;margin:14px 0 6px}.europe-empty p{color:#78859a;font-size:11px}
.career-save-actions{display:flex;align-items:center;gap:14px}.career-delete-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#ff5577;background:rgba(255,55,95,.08);border:1px solid rgba(255,55,95,.16)}.career-delete-btn:hover{background:rgba(255,55,95,.18);color:#fff}
@media(max-width:820px){.ultimate-match-center{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);grid-template-rows:auto 1fr}.umc-stadium{min-height:300px}.umc-scoreboard{top:-1px;margin-top:0!important}.europe-fixtures{grid-template-columns:1fr}.europe-hero h4{font-size:23px}}
@media(max-width:480px){#legend-match-modal.legend-event-overlay{align-items:flex-start!important}.ultimate-match-center{height:auto;min-height:calc(100dvh - 12px);max-height:none}.umc-stadium{min-height:285px}.umc-scoreboard{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr)!important;padding:8px 6px!important}.umc-team b{font-size:13px!important}.umc-crest{width:38px!important;height:38px!important;margin-bottom:5px!important}.umc-score strong{font-size:30px!important}.europe-hero{padding:17px;gap:13px}.europe-hero>i{font-size:30px}}
.europe-play-btn{width:100%;margin:0 0 14px;padding:14px}.europe-complete{text-align:center;padding:12px;margin-bottom:14px;border:1px solid rgba(49,233,129,.18);background:rgba(49,233,129,.06);border-radius:10px;color:#31e981;font:900 9px 'JetBrains Mono'}

/* ========================================================================== 
   JVILELAA — ULTIMATE V5 VISUAL OVERHAUL
   Arcade hub • Predictor • Betting • Career • Match Center
   ========================================================================== */
:root{
    --arcade-blue:#33C7FF;
    --arcade-violet:#7C5CFF;
    --arcade-green:#31E981;
    --arcade-gold:#FFD34D;
    --arcade-red:#FF425D;
    --arcade-panel:rgba(10,15,24,.86);
    --arcade-line:rgba(255,255,255,.075);
    --arcade-glow:0 24px 70px rgba(0,0,0,.58);
}

/* ---------- global polish ---------- */
body{
    background-image:
        radial-gradient(circle at 16% 5%,rgba(242,169,59,.105),transparent 34%),
        radial-gradient(circle at 88% 28%,rgba(51,199,255,.075),transparent 36%),
        radial-gradient(circle at 55% 100%,rgba(124,92,255,.095),transparent 42%),
        repeating-linear-gradient(118deg,rgba(255,255,255,.012) 0 1px,transparent 1px 62px),
        linear-gradient(180deg,#080c12 0%,#0a1018 48%,#080c13 100%);
}
header{
    border-color:rgba(242,169,59,.22);
    background:linear-gradient(180deg,rgba(15,20,28,.93),rgba(8,12,18,.88));
    box-shadow:0 18px 48px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.025) inset,0 0 38px rgba(242,169,59,.055);
}
.btn-twitch{
    border-radius:8px;
    letter-spacing:.01em;
}
.card-neo{
    border-color:rgba(255,255,255,.075);
    background:linear-gradient(155deg,rgba(18,24,34,.90),rgba(9,13,20,.92));
}
.card-neo:hover{border-color:rgba(242,169,59,.42)}

/* ---------- Minigames hub: actual game launcher ---------- */
#minijogos{position:relative;isolation:isolate}
#minijogos:before{
    content:'';position:absolute;z-index:-1;pointer-events:none;
    width:680px;height:680px;left:50%;top:20px;transform:translateX(-50%);
    background:radial-gradient(circle,rgba(51,199,255,.075),rgba(124,92,255,.045) 32%,transparent 70%);
    filter:blur(8px);
}
#view-minigames-hub>.section-title{
    margin-bottom:30px;
    text-shadow:0 0 34px rgba(242,169,59,.13);
}
.minigame-hub-subtitle{color:#768298!important;font-size:12px!important;letter-spacing:.02em}
.minigame-hub-strip{
    max-width:780px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;
}
.minigame-hub-strip span{
    display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;
    border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.028);
    color:#77849a;font:800 8px 'JetBrains Mono',monospace;letter-spacing:.65px;
}
.minigame-hub-strip i{color:var(--arcade-gold)}
.minigame-hub-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;
    width:100%;max-width:1120px!important;
}
.minigame-card{
    min-height:390px;padding:18px!important;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;
    border-radius:18px!important;box-shadow:var(--arcade-glow),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.minigame-card:after{
    content:'';position:absolute;inset:auto -90px -120px auto;width:280px;height:280px;border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.07),transparent 67%);opacity:.45;pointer-events:none;
}
.minigame-card--predictor{border-color:rgba(124,92,255,.26)!important}
.minigame-card--bets{border-color:rgba(255,211,77,.24)!important}
.minigame-card--predictor:hover{border-color:rgba(124,92,255,.65)!important;box-shadow:0 28px 70px rgba(0,0,0,.68),0 0 38px rgba(124,92,255,.14)!important}
.minigame-card--bets:hover{border-color:rgba(255,211,77,.62)!important;box-shadow:0 28px 70px rgba(0,0,0,.68),0 0 38px rgba(255,211,77,.11)!important}
.minigame-art{
    position:relative;overflow:hidden;height:190px!important;margin-bottom:17px!important;border-radius:14px!important;
}
.minigame-art:before{
    content:'';position:absolute;inset:0;background:
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px);background-size:28px 28px;
    mask-image:linear-gradient(to bottom,#000,transparent);opacity:.72;
}
.minigame-art>i{position:relative;z-index:2;transition:transform .38s var(--ease-snappy),filter .38s ease}
.minigame-card:hover .minigame-art>i{transform:translateY(-4px) scale(1.08)}
.minigame-art--predictor{
    border-color:rgba(124,92,255,.38)!important;
    background:radial-gradient(circle at 50% 35%,rgba(124,92,255,.27),transparent 32%),linear-gradient(145deg,#0c1220,#141127)!important;
}
.minigame-art--predictor>i{color:#917AFF!important;filter:drop-shadow(0 0 25px rgba(124,92,255,.45))}
.minigame-art--bets{
    border-color:rgba(255,211,77,.34)!important;
    background:radial-gradient(circle at 50% 35%,rgba(255,211,77,.20),transparent 32%),linear-gradient(145deg,#15130c,#19120a)!important;
}
.minigame-art--bets>i{filter:drop-shadow(0 0 25px rgba(255,211,77,.32))}
.minigame-live-chip{
    position:absolute;z-index:3;left:12px;top:12px;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:7px;
    background:rgba(5,8,13,.72);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(8px);
    color:#c9d2df;font:900 7px 'JetBrains Mono',monospace;letter-spacing:.8px;
}
.minigame-card-kicker{font:900 8px 'JetBrains Mono',monospace;letter-spacing:1.1px;color:#66748b;margin-bottom:6px}
.minigame-card h3{font-size:24px;line-height:1.05;color:#fff;margin-bottom:8px}
.minigame-card p{line-height:1.6!important;color:#7c899e!important}
.minigame-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:14px}
.minigame-card-meta span{
    padding:5px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.025);
    color:#68768c;font:900 7px 'JetBrains Mono',monospace;letter-spacing:.55px;
}
.minigame-card>.btn-twitch{min-height:43px;position:relative;z-index:2}
.minigame-card--legend{grid-column:1/-1;min-height:340px!important;border-radius:20px!important}
.minigame-card--legend:after{display:none}
.legend-game-card.minigame-card--legend{box-shadow:0 32px 80px rgba(0,0,0,.62),0 0 50px rgba(124,92,255,.085)}

/* ---------- shared in-game chrome ---------- */
#view-predictor-main,#view-bets-main{position:relative}
#view-predictor-main:before,#view-bets-main:before{
    content:'';position:absolute;inset:-20px -14px auto;height:190px;z-index:-1;pointer-events:none;
    background:radial-gradient(ellipse at 50% 0,rgba(124,92,255,.075),transparent 68%);
}
#view-bets-main:before{background:radial-gradient(ellipse at 50% 0,rgba(255,211,77,.065),transparent 68%)}
.minigame-nav{
    position:sticky;top:92px;z-index:80;width:max-content;max-width:100%;margin:0 auto 26px;padding:6px;
    border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(7,11,17,.86);backdrop-filter:blur(18px);
    box-shadow:0 14px 38px rgba(0,0,0,.44);
}
.minigame-nav button{border-radius:8px;padding:10px 15px;background:transparent;border-color:transparent;font-size:11px}
.minigame-nav button:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}
.minigame-nav button.active{background:linear-gradient(135deg,rgba(242,169,59,.19),rgba(255,211,77,.08));border-color:rgba(242,169,59,.45);box-shadow:0 0 22px rgba(242,169,59,.10)}

/* ---------- Predictor: broadcast matchday ---------- */
.volta-selector{margin-bottom:18px}
.volta-btn{border-radius:8px;padding:9px 16px;font:800 10px 'JetBrains Mono',monospace;letter-spacing:.55px}
.jornadas-grid{gap:11px;max-width:1120px}
.jornada-card-hub{
    min-height:132px;padding:16px 17px;border-radius:12px;position:relative;overflow:hidden;
    background:linear-gradient(150deg,rgba(18,24,34,.92),rgba(9,13,20,.96));
    box-shadow:0 10px 25px rgba(0,0,0,.24);
}
.jornada-card-hub:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#566174;opacity:.65}
.jornada-card-hub:has(.j-card-badge.aberta):before{background:var(--arcade-green);box-shadow:0 0 14px rgba(49,233,129,.5)}
.jornada-card-hub:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(0,0,0,.42),0 0 24px rgba(242,169,59,.07)}
.j-card-title{font-size:23px}.j-card-sub{color:#647188}.j-card-action{font:900 9px 'JetBrains Mono',monospace;letter-spacing:.7px}
#predictor-matches-container{max-width:1020px;gap:7px}
.match-card-clean{
    border-radius:11px;padding:11px 14px;background:linear-gradient(90deg,rgba(16,22,31,.96),rgba(10,15,22,.96));
    border-color:rgba(255,255,255,.065);box-shadow:0 7px 20px rgba(0,0,0,.18);
}
.match-card-clean:hover{border-color:rgba(242,169,59,.35);box-shadow:0 12px 28px rgba(0,0,0,.32),0 0 20px rgba(242,169,59,.05)}
.match-time{font:700 9px 'JetBrains Mono',monospace;color:#657287}.match-time .day{font-size:10px;letter-spacing:.3px}
.team-block{font-size:12px}.team-icon{width:29px;height:29px;background:rgba(255,255,255,.025);border-radius:7px;padding:2px}
.vs-badge{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font:900 8px 'JetBrains Mono',monospace}
.btn-1x2{width:44px;height:40px;border-radius:8px;background:#0b111a;border-color:rgba(255,255,255,.08);font:900 11px 'JetBrains Mono',monospace}
.btn-1x2:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.28)}
.btn-1x2.active{background:linear-gradient(135deg,#F2A93B,#FFD24C);box-shadow:0 0 22px rgba(242,169,59,.25);transform:translateY(-1px)}
.leaderboard-wrapper{max-width:1020px;border-radius:14px;border-color:rgba(255,255,255,.08);box-shadow:0 24px 65px rgba(0,0,0,.45)}
.leaderboard-table th{background:linear-gradient(180deg,rgba(242,169,59,.10),rgba(9,13,20,.94));font-size:9px;padding:13px 15px}
.leaderboard-table td{padding:13px 15px}.leaderboard-table tbody tr:hover{background:linear-gradient(90deg,rgba(242,169,59,.06),transparent)}

/* ---------- Betting: premium sportsbook receipt ---------- */
.bets-layout{grid-template-columns:minmax(0,1fr) 360px;gap:18px;max-width:1180px}
.odds-match-card{border-left:3px solid rgba(255,211,77,.22)}
.odds-match-card:hover{border-left-color:var(--arcade-gold)}
.odd-btn{
    min-width:66px;height:48px;border-radius:9px;background:linear-gradient(180deg,#111721,#0b1018);border-color:rgba(255,255,255,.075);
}
.odd-btn .odd-tag{font-size:7px;letter-spacing:.8px}.odd-btn .odd-value{font-size:14px}
.odd-btn:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(255,211,77,.48);box-shadow:0 9px 20px rgba(0,0,0,.30)}
.odd-btn.active{background:linear-gradient(135deg,#FFD34D,#F2A93B);border-color:#FFD34D;box-shadow:0 0 24px rgba(255,211,77,.23)}
.betslip-panel{
    top:110px;border:1px solid rgba(255,211,77,.30);border-radius:15px;background:linear-gradient(180deg,rgba(20,18,11,.98),rgba(10,13,19,.98));
    box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 35px rgba(255,211,77,.055);overflow:hidden;
}
.betslip-header{padding:14px;background:linear-gradient(135deg,#FFD34D,#F2A93B);letter-spacing:2.4px}
.betslip-item{border-radius:8px;background:rgba(255,255,255,.025)}
.betslip-stake-input{min-height:44px}.betslip-return-value{font-size:20px}
.bet-ticket{border-radius:13px;background:linear-gradient(160deg,#111722,#0b1018);box-shadow:0 16px 35px rgba(0,0,0,.32)}

/* ---------- Career: AAA browser-game polish ---------- */
.legend-game-shell{position:relative}
.legend-game-shell:before{
    content:'';position:absolute;inset:-20px -20px auto;height:360px;z-index:-2;pointer-events:none;
    background:radial-gradient(circle at 75% 10%,rgba(124,92,255,.12),transparent 34%),radial-gradient(circle at 20% 10%,rgba(34,184,255,.085),transparent 32%);
}
.legend-topbar{
    position:sticky;top:87px;z-index:90;padding:8px 10px;margin-bottom:10px;border:1px solid rgba(255,255,255,.065);border-radius:12px;
    background:rgba(7,11,17,.82);backdrop-filter:blur(18px);box-shadow:0 12px 36px rgba(0,0,0,.35);
}
.legend-hero{border-radius:21px!important;border:1px solid rgba(124,92,255,.24)!important;box-shadow:0 32px 85px rgba(0,0,0,.50),0 0 55px rgba(124,92,255,.065)}
.legend-hero-content h2{text-shadow:0 8px 34px rgba(0,0,0,.5)}
.legend-player-card{box-shadow:0 30px 70px rgba(0,0,0,.48),0 0 45px rgba(124,92,255,.10)}
.legend-dashboard{gap:12px}
.legend-sidebar{border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(12,17,27,.96),rgba(8,12,19,.96));box-shadow:0 20px 55px rgba(0,0,0,.30)}
.legend-nav{border-radius:9px!important;margin:2px 7px!important}
.legend-nav.active{background:linear-gradient(90deg,rgba(124,92,255,.16),rgba(34,184,255,.07))!important;box-shadow:inset 3px 0 0 var(--arcade-blue),0 0 20px rgba(34,184,255,.04)}
.legend-panel{border:1px solid rgba(255,255,255,.055);border-radius:16px;background:linear-gradient(155deg,rgba(14,20,30,.92),rgba(8,12,19,.95));padding:18px!important;box-shadow:0 18px 46px rgba(0,0,0,.26)}
.legend-stat-card{border-radius:13px;background:linear-gradient(150deg,#111824,#0c121b);box-shadow:0 10px 24px rgba(0,0,0,.20)}
.legend-stat-card:hover{border-color:rgba(51,199,255,.17);transform:translateY(-2px)}
.training-hero,.season-card,.agent-card,.legend-award-lock,.sponsor-contract-card,.europe-hero,.legend-table-wrap{box-shadow:0 14px 34px rgba(0,0,0,.20)}
.train-card{border-radius:12px!important;background:linear-gradient(145deg,rgba(15,22,32,.96),rgba(9,14,21,.96))!important}
.train-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.30)}
.offer-card,.record-card,.sponsor-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.offer-card:hover,.record-card:hover,.sponsor-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(0,0,0,.28)}
.legend-standings-table tbody tr{transition:background .16s ease}.legend-standings-table tbody tr:hover{background:rgba(51,199,255,.035)}

/* ---------- MATCH CENTER V5: guaranteed full viewport + score always visible ---------- */
body.legend-match-open{overflow:hidden!important}
body.legend-match-open>header{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-140%)!important}
body.legend-match-open #toast-notification{display:none!important}
#legend-match-modal.legend-event-overlay{
    position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000!important;
    padding:10px!important;margin:0!important;display:grid;place-items:center!important;overflow:hidden!important;
    background:radial-gradient(circle at 50% 8%,rgba(34,184,255,.09),transparent 30%),rgba(2,5,10,.975)!important;
    backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;
}
.ultimate-match-center{
    width:min(1240px,calc(100vw - 20px))!important;
    height:min(820px,calc(100dvh - 20px))!important;max-height:calc(100dvh - 20px)!important;
    display:grid!important;grid-template-rows:clamp(285px,40vh,345px) minmax(0,1fr)!important;
    overflow:hidden!important;border-radius:20px!important;border:1px solid rgba(51,199,255,.28)!important;
    box-shadow:0 55px 150px rgba(0,0,0,.92),0 0 90px rgba(34,184,255,.10)!important;
}
.umc-stadium{min-height:0!important;height:100%!important;overflow:hidden!important}
.umc-head{padding:12px 18px!important;min-height:46px;background:rgba(4,9,15,.60)!important}
.umc-head .lem-close{position:static!important;flex:0 0 34px}
.umc-scoreboard{
    position:relative!important;top:auto!important;z-index:8!important;margin:12px auto 0!important;padding:0 20px!important;background:transparent!important;
    grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr)!important;gap:16px!important;
}
.umc-score>small{font-size:12px!important}.umc-score strong{font-size:clamp(42px,5vw,58px)!important}
.umc-team b{font-size:clamp(20px,2.6vw,33px)!important;line-height:1.05!important;max-width:320px;margin:0 auto}
.umc-crest{width:56px!important;height:56px!important;margin-bottom:7px!important}
.umc-pitch{margin:15px auto 0!important;padding:10px 14px!important;max-width:820px!important}
.umc-bottom{min-height:0!important;overflow:hidden!important}
.umc-feed{min-height:0!important}.umc-events{min-height:0!important;overflow-y:auto!important;scrollbar-gutter:stable}
.umc-player-panel{min-height:0!important;overflow-y:auto!important}
.umc-feed-title{background:rgba(8,13,21,.94);position:sticky;top:0;z-index:4}
.umc-final-box{padding-top:8px}

/* nicer result emphasis */
#umc-home-score,#umc-away-score{text-shadow:0 0 26px rgba(255,255,255,.12)}
#umc-status{letter-spacing:1.5px!important;color:#8c99ad!important}
#legend-match-modal.goal-flash .umc-score strong{animation:scorePunch .36s cubic-bezier(.2,.9,.2,1)}
@keyframes scorePunch{0%{transform:scale(1)}45%{transform:scale(1.12);text-shadow:0 0 42px rgba(49,233,129,.55)}100%{transform:scale(1)}}

/* ---------- responsive ---------- */
@media(max-width:1000px){
    .minigame-hub-grid{grid-template-columns:1fr 1fr!important}
    .minigame-card--legend{grid-column:1/-1}
    .bets-layout{grid-template-columns:1fr}.betslip-panel{position:static}
    .legend-topbar{top:78px}
}
@media(max-width:820px){
    .minigame-nav{top:75px;width:100%;overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;scrollbar-width:none}.minigame-nav::-webkit-scrollbar{display:none}.minigame-nav button{flex:0 0 auto}
    .ultimate-match-center{width:calc(100vw - 10px)!important;height:calc(100dvh - 10px)!important;max-height:calc(100dvh - 10px)!important;grid-template-rows:clamp(260px,38vh,310px) minmax(0,1fr)!important;border-radius:14px!important}
    .umc-scoreboard{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr)!important;gap:6px!important;padding:0 8px!important;margin-top:9px!important}
    .umc-team b{font-size:16px!important}.umc-crest{width:42px!important;height:42px!important}.umc-score strong{font-size:36px!important;gap:6px!important}.umc-score>small{font-size:10px!important}
    .umc-pitch{margin:10px 10px 0!important;padding:8px 10px!important}.umc-energy{min-width:135px!important}
    .umc-bottom{grid-template-columns:1fr!important}.umc-player-panel{display:none!important}
}
@media(max-width:700px){
    .minigame-hub-grid{grid-template-columns:1fr!important;gap:12px!important}.minigame-card--legend{grid-column:auto}.minigame-card{min-height:auto}.minigame-art{height:150px!important}
    .minigame-hub-strip{gap:5px}.minigame-hub-strip span{font-size:7px;padding:6px 8px}
    .legend-topbar{position:relative;top:auto}
    .legend-panel{padding:13px!important}
    .match-card-clean{padding:10px!important}
}
@media(max-width:480px){
    #legend-match-modal.legend-event-overlay{padding:4px!important;align-items:center!important}
    .ultimate-match-center{width:calc(100vw - 8px)!important;height:calc(100dvh - 8px)!important;min-height:0!important;max-height:calc(100dvh - 8px)!important;grid-template-rows:250px minmax(0,1fr)!important}
    .umc-head{padding:9px 10px!important}.umc-head b{font-size:7px!important}.umc-live{font-size:8px!important}
    .umc-scoreboard{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr)!important;padding:0 4px!important;gap:3px!important}
    .umc-team b{font-size:12px!important}.umc-crest{width:34px!important;height:34px!important;font-size:11px!important}.umc-score strong{font-size:28px!important}.umc-score>small{font-size:9px!important}
    .umc-pitch{margin:7px 7px 0!important;padding:7px 8px!important;gap:7px!important}.umc-player-role strong{font-size:9px!important}.umc-player-role small{font-size:6px!important;max-width:130px}.umc-energy{min-width:105px!important}.umc-energy b{font-size:10px!important}
    .umc-feed-title{padding:9px 10px!important}.umc-events{padding:7px!important}.umc-event{grid-template-columns:31px 23px 1fr!important;padding:7px!important}.umc-event p{font-size:9px!important}
}

@media(prefers-reduced-motion:reduce){
    .minigame-card,.minigame-art>i,.jornada-card-hub,.match-card-clean,.odd-btn,.train-card{transition:none!important}
    .umc-floodlight,.lp-glow,.pulse-dot{animation:none!important}
}

/* ===== ULTIMATE V6 — COACH TRUST / SELECTION SYSTEM ===== */
.legend-stat-card.coach{background:linear-gradient(145deg,rgba(49,233,129,.09),#0d131d)}
.status-meter.coach i{width:42%;background:linear-gradient(90deg,#31e981,#33c7ff)}
@media(min-width:1001px){.legend-status-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:701px) and (max-width:1000px){.legend-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.legend-standings-table tr.my-club td{background:rgba(51,199,255,.075);color:#fff}
.legend-standings-table tr.my-club td:first-child{box-shadow:inset 3px 0 0 #33c7ff}

/* ========================================================================== 
   JVILELAA ULTIMATE V7 — FULL WEBSITE TRANSFORMATION
   Broadcast OS x premium gaming platform. Global visual pass, not only games.
   ========================================================================== */

:root{
    --v7-bg:#05070b;
    --v7-panel:#0b1018;
    --v7-panel-2:#101722;
    --v7-panel-3:#151e2b;
    --v7-line:rgba(255,255,255,.075);
    --v7-line-hot:rgba(242,169,59,.34);
    --v7-gold:#f5b642;
    --v7-gold-2:#ffd36a;
    --v7-blue:#35b9ff;
    --v7-violet:#8b72ff;
    --v7-green:#36e58a;
    --v7-red:#ff5f57;
    --v7-ink:#eef4fb;
    --v7-muted:#8490a3;
    --v7-dim:#586477;
    --v7-shadow:0 24px 70px rgba(0,0,0,.46);
    --v7-shadow-xl:0 38px 120px rgba(0,0,0,.62);
    --v7-radius:18px;
    --v7-radius-sm:12px;
}

html{background:var(--v7-bg)}
body{
    background:
      radial-gradient(circle at 14% -5%,rgba(242,169,59,.14),transparent 27%),
      radial-gradient(circle at 86% 12%,rgba(53,185,255,.10),transparent 28%),
      radial-gradient(circle at 50% 105%,rgba(139,114,255,.08),transparent 38%),
      linear-gradient(180deg,#070a10 0%,#05070b 44%,#080b12 100%)!important;
    color:var(--v7-ink);
}
body::before{
    content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;
    background-image:
      linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:54px 54px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 78%);
}
body::after{
    background:
      radial-gradient(ellipse at 50% 10%,transparent 0 34%,rgba(0,0,0,.20) 72%,rgba(0,0,0,.66) 100%)!important;
}

/* --- Global command bar --- */
header{
    top:12px!important;width:calc(100% - 28px)!important;max-width:1460px!important;min-height:66px;
    padding:9px 14px!important;border-radius:22px!important;
    background:linear-gradient(180deg,rgba(13,18,27,.92),rgba(7,10,16,.88))!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 18px 60px rgba(0,0,0,.56),0 0 0 1px rgba(242,169,59,.035) inset!important;
    overflow:visible;
}
header::before{
    left:8%!important;right:8%!important;background:linear-gradient(90deg,transparent,rgba(242,169,59,.55),rgba(53,185,255,.35),transparent)!important;
}
header::after{opacity:.48;animation-duration:10s!important}
.logo h2.signature{
    min-width:56px;min-height:44px;padding:0!important;display:grid!important;place-items:center!important;
    border-radius:13px!important;clip-path:none!important;font-size:18px!important;letter-spacing:2px!important;
    background:linear-gradient(145deg,rgba(242,169,59,.20),rgba(242,169,59,.04))!important;
    border:1px solid rgba(242,169,59,.54)!important;box-shadow:0 0 24px rgba(242,169,59,.10)!important;
}
.tabs{
    gap:3px!important;padding:4px!important;border-radius:13px!important;
    background:rgba(2,5,9,.62)!important;border:1px solid rgba(255,255,255,.055)!important;
}
.tabs button{
    min-height:39px;padding:8px 14px!important;border-radius:9px!important;color:#8490a3!important;
    font-size:11px!important;letter-spacing:.1px;position:relative;overflow:hidden;
}
.tabs button::after{content:'';position:absolute;left:18%;right:18%;bottom:3px;height:1px;background:transparent;transition:.2s ease}
.tabs button:hover{color:#fff!important;background:rgba(255,255,255,.045)!important}
.tabs button.active-btn{
    background:linear-gradient(135deg,var(--v7-gold),#e99b2e)!important;color:#090b0e!important;
    box-shadow:0 7px 24px rgba(242,169,59,.28)!important;
}
.tabs button.active-btn::after{background:rgba(255,255,255,.56)}
.header-actions{gap:8px!important}
.header-actions .btn-twitch,.btn-twitch{
    border-radius:10px!important;min-height:40px;padding:9px 16px!important;
    background:linear-gradient(135deg,var(--v7-gold),#eba136)!important;color:#080a0d!important;
    box-shadow:0 9px 24px rgba(242,169,59,.20)!important;
}
.btn-twitch:hover{transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(242,169,59,.30)!important}
.user-profile-badge{
    min-height:42px;background:rgba(2,5,9,.58)!important;border:1px solid rgba(255,255,255,.075)!important;padding:4px 9px 4px 4px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.user-profile-badge img{width:32px!important;height:32px!important;border:2px solid rgba(242,169,59,.72)!important}
.points-badge{background:rgba(242,169,59,.10)!important;border-color:rgba(242,169,59,.24)!important;color:#ffd36a!important}
.mobile-menu-btn{border-radius:10px!important;background:#0b1018!important}

/* --- Global page shell --- */
main{padding-top:112px!important;isolation:isolate}
.tab-content{max-width:1460px!important;padding:0 34px!important;margin-bottom:110px!important}
.section-title{
    font-size:clamp(32px,4vw,48px)!important;letter-spacing:-.02em!important;line-height:1!important;margin-bottom:34px!important;
    background:linear-gradient(180deg,#fff 18%,#d8e1eb 62%,#8290a4 112%)!important;-webkit-background-clip:text!important;
    text-shadow:none!important;
}
.section-title::after{content:'';display:block;width:74px;height:3px;margin:15px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--v7-gold),var(--v7-blue));box-shadow:0 0 18px rgba(242,169,59,.18)}

/* --- Universal cards / forms / tables --- */
.card-neo{
    border-radius:var(--v7-radius)!important;border:1px solid var(--v7-line)!important;
    background:linear-gradient(155deg,rgba(17,24,35,.90),rgba(8,12,18,.95))!important;
    box-shadow:0 16px 44px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.card-neo::before{height:1px!important;background:linear-gradient(90deg,transparent,var(--v7-gold),var(--v7-blue),transparent)!important}
.card-neo::after{display:none!important}
.card-neo:hover{transform:translateY(-5px)!important;border-color:rgba(242,169,59,.30)!important;box-shadow:var(--v7-shadow)!important}
input[type="text"],input[type="number"],select,textarea{
    min-height:44px!important;border-radius:10px!important;background:#080d14!important;border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
input:focus,select:focus,textarea:focus{border-color:rgba(53,185,255,.48)!important;box-shadow:0 0 0 3px rgba(53,185,255,.08)!important}

/* --- Home: streamer landing page becomes a premium hero --- */
#sobre .profile-header{
    max-width:1080px;margin:0 auto 24px;padding:34px 38px;border-radius:26px;position:relative;overflow:hidden;
    background:
      radial-gradient(circle at 14% 20%,rgba(242,169,59,.14),transparent 24%),
      radial-gradient(circle at 88% 15%,rgba(53,185,255,.10),transparent 26%),
      linear-gradient(150deg,rgba(17,24,35,.94),rgba(7,11,17,.98));
    border:1px solid rgba(255,255,255,.08);box-shadow:var(--v7-shadow-xl);
}
#sobre .profile-header::before{content:'JVILELAA // CREATOR HUB';position:absolute;top:18px;left:22px;color:#667386;font:800 8px 'JetBrains Mono',monospace;letter-spacing:1.8px}
#sobre .profile-header::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.025) 47%,transparent 53%)}
#sobre .profile-avatar{width:118px!important;height:118px!important;border:3px solid rgba(242,169,59,.80)!important;box-shadow:0 0 0 7px rgba(242,169,59,.055),0 20px 45px rgba(0,0,0,.48)!important;z-index:1}
#sobre .profile-name{font-size:34px!important;letter-spacing:.02em!important;z-index:1}
#sobre .social-bar{z-index:1;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.055)}
#sobre .social-bar a{width:35px;height:35px;border-radius:50%;font-size:18px!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.04)}
#sobre .social-bar a:hover{background:rgba(242,169,59,.11);border-color:rgba(242,169,59,.28)}
#sobre > div[style*="max-width: 450px"]{max-width:520px!important;margin-bottom:30px!important}
#sobre > div[style*="max-width: 450px"] .card-neo{border-radius:22px!important}
.stream-player-box{max-width:1180px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 34px 100px rgba(0,0,0,.62),0 0 60px rgba(242,169,59,.05)!important;position:relative}

/* --- Calendar / schedule page --- */
#horarios>p{font-size:12px!important;letter-spacing:.5px;color:#6e7b90!important}
#stream-schedule-grid{gap:14px!important;max-width:1180px!important}
#stream-schedule-grid .card-neo{min-height:190px;padding:22px!important}
#stream-schedule-grid .card-neo:hover{border-color:rgba(53,185,255,.28)!important}

/* --- Store: maintenance becomes intentional, not placeholder-ish --- */
#loja .card-neo{max-width:820px!important;padding:62px 38px!important;background:radial-gradient(circle at 50% 0,rgba(242,169,59,.10),transparent 34%),linear-gradient(155deg,#111722,#080c12)!important}
#loja .card-neo h3{font-size:30px!important}
#loja .card-neo p{line-height:1.8!important;color:#7e8a9c!important}

/* --- Global betting / performance page --- */
#apostas>div:first-child h2{font-size:clamp(30px,4vw,46px)!important;letter-spacing:-.02em!important}
#apostas>div:first-child p{color:#667489!important}
#apostas .card-neo{border-color:rgba(255,255,255,.075)!important}
#apostas .card-neo[style*="border-color: rgba(0, 255, 135"]{border-color:rgba(54,229,138,.22)!important;background:radial-gradient(circle at 0 0,rgba(54,229,138,.07),transparent 28%),linear-gradient(155deg,#101722,#080d13)!important}
#mundial-bets-container>div{border-radius:15px!important}

/* --- Admin becomes a dedicated control-room visual language --- */
#admin{--admin-accent:#ff6259}
#admin .section-title{background:linear-gradient(180deg,#fff 15%,#ff9b94 115%)!important;-webkit-background-clip:text!important}
#admin .section-title::after{background:linear-gradient(90deg,#ff6259,#ffb35c)!important}
#admin .card-neo{background:linear-gradient(150deg,rgba(24,17,20,.94),rgba(9,12,18,.97))!important}
#admin .card-neo:hover{border-color:rgba(255,98,89,.30)!important}
#admin button:not(.btn-twitch){border-radius:9px}

/* --- Toast / modal system --- */
#toast-notification{border-radius:13px!important;background:rgba(9,14,21,.96)!important;border-color:rgba(242,169,59,.34)!important;box-shadow:0 20px 55px rgba(0,0,0,.56),0 0 35px rgba(242,169,59,.08)!important}
#user-preds-modal>div{border-radius:22px!important;background:linear-gradient(155deg,#111823,#080d13)!important;box-shadow:0 40px 120px rgba(0,0,0,.75)!important}

/* ========================================================================== 
   JV ARCADE V7 — each minigame looks like a standalone product
   ========================================================================== */
#view-minigames-hub{position:relative;padding-top:10px}
#view-minigames-hub::before{
    content:'';position:absolute;left:50%;top:-55px;width:min(1100px,95vw);height:260px;transform:translateX(-50%);z-index:-1;pointer-events:none;
    background:radial-gradient(ellipse at 50% 0,rgba(139,114,255,.12),transparent 54%),radial-gradient(circle at 25% 30%,rgba(53,185,255,.07),transparent 30%);
}
#view-minigames-hub .section-title{font-size:clamp(38px,5vw,58px)!important;margin-bottom:30px!important}
.minigame-hub-subtitle{font-size:13px!important;letter-spacing:.25px;color:#748196!important}
.minigame-hub-strip{max-width:770px!important;margin:0 auto 25px!important;padding:6px!important;border-radius:999px;background:rgba(5,9,14,.62)!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:0 13px 35px rgba(0,0,0,.24)}
.minigame-hub-strip span{border-radius:999px!important;background:rgba(255,255,255,.025)!important}
.minigame-hub-grid{gap:16px!important}
.minigame-card{min-height:390px!important;border-radius:22px!important;padding:18px!important;overflow:hidden!important}
.minigame-card::after{content:''!important;display:block!important;position:absolute!important;inset:auto -35% -55% 25%!important;width:260px!important;height:260px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,255,255,.035),transparent 70%)!important;opacity:1!important}
.minigame-art{height:210px!important;border-radius:17px!important}
.minigame-art>i{font-size:64px!important}
.minigame-card h3{font-size:26px!important}
.minigame-card-meta span{padding:6px 8px!important;border-radius:999px!important}
.legend-game-card.minigame-card--legend{min-height:380px!important;border-radius:24px!important;background:linear-gradient(125deg,rgba(12,18,30,.98),rgba(17,14,30,.98))!important;border:1px solid rgba(139,114,255,.28)!important;box-shadow:0 38px 95px rgba(0,0,0,.56),0 0 70px rgba(139,114,255,.07)!important}
.legend-game-card.minigame-card--legend:hover{transform:translateY(-6px)!important;border-color:rgba(139,114,255,.56)!important;box-shadow:0 45px 120px rgba(0,0,0,.66),0 0 90px rgba(139,114,255,.13)!important}
.legend-card-art{border-radius:19px!important;overflow:hidden}

/* Predictor gets a purple data-lab identity */
#view-predictor-main{--game-accent:#8d72ff}
#view-predictor-main .section-title{background:linear-gradient(180deg,#fff,#bdb3ff 115%)!important;-webkit-background-clip:text!important}
#view-predictor-main .minigame-nav button.active{border-color:rgba(141,114,255,.46)!important;background:linear-gradient(135deg,rgba(141,114,255,.18),rgba(53,185,255,.06))!important}
#view-predictor-main .jornada-card-hub{background:radial-gradient(circle at 100% 0,rgba(141,114,255,.055),transparent 30%),linear-gradient(150deg,#111724,#090e16)!important}

/* Community bets gets a sportsbook / gold identity */
#view-bets-main{--game-accent:#ffd36a}
#view-bets-main .section-title{background:linear-gradient(180deg,#fff,#ffd36a 120%)!important;-webkit-background-clip:text!important}
#view-bets-main .betslip-panel{border-radius:18px!important}

/* ========================================================================== 
   Career V7 — calendar, stamina, lifestyle and denser premium shell
   ========================================================================== */
.legend-topbar{border-radius:15px!important;background:rgba(6,10,16,.86)!important;border-color:rgba(255,255,255,.075)!important}
.legend-dashboard{grid-template-columns:230px minmax(0,1fr)!important;gap:14px!important}
.legend-sidebar{border-radius:17px!important;overflow:hidden}
.legend-main{min-width:0}
.legend-panel{border-radius:20px!important;padding:22px!important;background:radial-gradient(circle at 100% 0,rgba(53,185,255,.035),transparent 25%),linear-gradient(155deg,rgba(14,20,30,.95),rgba(7,11,17,.98))!important}
.legend-section-head h3{font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.015em!important}
.legend-section-head .eyebrow{color:#66768d!important}
.legend-status-grid{gap:10px!important}
.legend-stat-card{min-height:132px;padding:16px!important}

/* upcoming calendar — Europe is visually inserted between league games */
.calendar-head{margin-top:24px!important}
.calendar-live-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(53,185,255,.18);background:rgba(53,185,255,.055);color:#89d9ff;font:800 8px 'JetBrains Mono',monospace;letter-spacing:.65px}
.legend-calendar-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:24px}
.calendar-event{position:relative;min-height:115px;padding:14px;border-radius:13px;border:1px solid rgba(255,255,255,.065);background:linear-gradient(150deg,#101722,#0a0f17);overflow:hidden}
.calendar-event::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#687386}
.calendar-event.europe::before{background:linear-gradient(#8b72ff,#35b9ff);box-shadow:0 0 18px rgba(139,114,255,.35)}
.calendar-event.next{border-color:rgba(242,169,59,.30);box-shadow:0 12px 30px rgba(0,0,0,.28)}
.calendar-event.next::after{content:'NEXT';position:absolute;right:9px;top:9px;padding:4px 6px;border-radius:5px;background:rgba(242,169,59,.12);border:1px solid rgba(242,169,59,.22);color:#ffc65f;font:900 7px 'JetBrains Mono',monospace;letter-spacing:.8px}
.calendar-event>span{font:900 8px 'JetBrains Mono',monospace;color:#74839a;letter-spacing:.8px}
.calendar-event>div{display:flex;align-items:center;gap:7px;margin:13px 0 10px;font-size:11px;color:#fff;min-width:0}
.calendar-event>div b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-event>div em{font-style:normal;color:#4f5b6d;font:900 7px 'JetBrains Mono',monospace}
.calendar-event>small{display:flex;align-items:center;gap:6px;color:#617086;font-size:8px;text-transform:uppercase;letter-spacing:.55px}
.calendar-event.europe>small{color:#a89cff}

/* training stamina HUD */
.training-stamina-card{display:grid;grid-template-columns:190px minmax(0,1fr) 150px;align-items:center;gap:18px;padding:15px 17px;margin:12px 0 14px;border-radius:14px;background:linear-gradient(145deg,rgba(54,229,138,.075),rgba(10,16,23,.96));border:1px solid rgba(54,229,138,.18);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.training-stamina-copy{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center}
.training-stamina-copy span{grid-column:1/2;color:#7f8da2;font:900 8px 'JetBrains Mono',monospace;letter-spacing:.8px}.training-stamina-copy span i{color:#55ef9b;margin-right:5px}
.training-stamina-copy strong{grid-row:1/3;grid-column:2;font:900 24px 'JetBrains Mono',monospace;color:#fff}
.training-stamina-copy small{color:#55ef9b;font:800 7px 'JetBrains Mono',monospace;letter-spacing:.55px}
.training-stamina-track{height:12px;border-radius:999px;background:#060a10;border:1px solid rgba(255,255,255,.065);overflow:hidden;padding:2px}
.training-stamina-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#36e58a,#b6f05a);box-shadow:0 0 18px rgba(54,229,138,.28);transition:width .35s ease}
.training-stamina-risk{text-align:right;color:#8490a2;font:800 8px 'JetBrains Mono',monospace;text-transform:uppercase}
.training-stamina-card[data-level="medium"]{border-color:rgba(245,182,66,.22);background:linear-gradient(145deg,rgba(245,182,66,.075),rgba(10,16,23,.96))}.training-stamina-card[data-level="medium"] .training-stamina-track i{background:linear-gradient(90deg,#f5b642,#ffd36a)}.training-stamina-card[data-level="medium"] .training-stamina-copy small{color:#ffd36a}
.training-stamina-card[data-level="low"]{border-color:rgba(255,95,87,.25);background:linear-gradient(145deg,rgba(255,95,87,.075),rgba(10,16,23,.96))}.training-stamina-card[data-level="low"] .training-stamina-track i{background:linear-gradient(90deg,#ff5f57,#f5b642)}.training-stamina-card[data-level="low"] .training-stamina-copy small{color:#ff837d}

/* Europe page */
.europe-next-date{display:flex;align-items:center;gap:12px;margin:14px 0;padding:14px 16px;border:1px solid rgba(139,114,255,.18);border-radius:12px;background:rgba(139,114,255,.055)}
.europe-next-date>i{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(139,114,255,.11);color:#aa9cff}.europe-next-date span{display:block;color:#77849a;font:900 7px 'JetBrains Mono',monospace;letter-spacing:.8px}.europe-next-date b{display:block;margin-top:3px;font-size:11px;color:#fff}
.europe-fixture.next{border-color:rgba(139,114,255,.30)!important;background:rgba(139,114,255,.055)!important}
.legend-match-btn.europe-next{background:linear-gradient(135deg,#8b72ff,#35b9ff)!important;color:#fff!important;box-shadow:0 12px 30px rgba(139,114,255,.18)!important}

/* sponsor economy */
.sponsor-head-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.career-wallet{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(54,229,138,.20);background:rgba(54,229,138,.06);color:#7ef1ad;font:900 8px 'JetBrains Mono',monospace;letter-spacing:.45px}
.career-wallet b{color:#fff;font-size:10px}

/* lifestyle shop */
.lifestyle-wallet{padding:9px 13px;font-size:9px}.lifestyle-wallet b{font-size:12px}
.lifestyle-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}
.lifestyle-hero>div{padding:17px;border-radius:14px;border:1px solid rgba(255,255,255,.065);background:linear-gradient(145deg,#111824,#0a1018);position:relative;overflow:hidden}
.lifestyle-hero>div::after{content:'';position:absolute;width:90px;height:90px;right:-25px;bottom:-35px;border-radius:50%;background:radial-gradient(circle,rgba(54,229,138,.07),transparent 67%)}
.lifestyle-hero span{display:block;color:#6f7d92;font:900 7px 'JetBrains Mono',monospace;letter-spacing:.9px}.lifestyle-hero strong{display:block;margin:7px 0 2px;font-size:27px;color:#fff}.lifestyle-hero small{color:#66758a;font-size:9px}
.lifestyle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lifestyle-card{position:relative;min-height:220px;padding:17px;border-radius:15px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 100% 0,rgba(54,229,138,.05),transparent 29%),linear-gradient(150deg,#111824,#090f17);overflow:hidden;transition:.2s ease}
.lifestyle-card:hover{transform:translateY(-3px);border-color:rgba(54,229,138,.22);box-shadow:0 18px 38px rgba(0,0,0,.30)}
.lifestyle-card.owned{border-color:rgba(54,229,138,.28);background:radial-gradient(circle at 100% 0,rgba(54,229,138,.095),transparent 30%),linear-gradient(150deg,#111a23,#09110f)}
.lifestyle-card.locked-money{opacity:.72}
.lifestyle-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(54,229,138,.13),rgba(53,185,255,.06));border:1px solid rgba(54,229,138,.18);color:#65eea0;font-size:18px;margin-bottom:12px}
.lifestyle-card>span{color:#6e7d92;font:900 7px 'JetBrains Mono',monospace;letter-spacing:.9px}.lifestyle-card h4{font-size:19px;margin:4px 0 7px;color:#fff}.lifestyle-card p{min-height:42px;color:#748198;font-size:10px;line-height:1.55}.lifestyle-effect{display:inline-flex;margin:10px 0;padding:6px 8px;border-radius:7px;background:rgba(53,185,255,.055);border:1px solid rgba(53,185,255,.12);color:#8bd9ff;font:800 8px 'JetBrains Mono',monospace}
.lifestyle-buy-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.lifestyle-buy-row>b{font:900 15px 'JetBrains Mono',monospace;color:#fff}.lifestyle-buy-row button{min-height:34px;padding:7px 10px;border-radius:8px;border:1px solid rgba(54,229,138,.22);background:rgba(54,229,138,.10);color:#78efaa;font:900 7px 'JetBrains Mono',monospace;letter-spacing:.45px;cursor:pointer}.lifestyle-buy-row button:hover:not(:disabled){background:#36e58a;color:#041009}.lifestyle-buy-row button:disabled{cursor:not-allowed;opacity:.55}.lifestyle-card.owned .lifestyle-buy-row button{background:rgba(54,229,138,.10);color:#78efaa}
.lifestyle-tip{margin-top:14px!important}

/* Match Center gets a cleaner top-level scoreboard while keeping V5 viewport fix */
.ultimate-match-center{background:#050910!important}
.umc-stadium{background:radial-gradient(circle at 50% 5%,rgba(54,229,138,.11),transparent 35%),linear-gradient(180deg,#08130f,#07100d)!important}
.umc-scoreboard{padding:10px 20px!important;border-radius:18px;background:rgba(2,7,10,.30)!important;border:1px solid rgba(255,255,255,.035)!important}
.umc-score strong{font-family:'JetBrains Mono',monospace!important;letter-spacing:-4px!important}
.umc-team b{letter-spacing:-.02em!important}
.umc-bottom{background:#070b12!important}

/* --- Responsive full site --- */
@media(max-width:1100px){
    .tab-content{padding:0 18px!important}
    .legend-dashboard{grid-template-columns:1fr!important}
    .legend-sidebar{display:flex!important;overflow-x:auto!important;align-items:center!important;padding:8px!important;position:sticky;top:80px;z-index:70}
    .legend-profile-mini,.legend-sidebar-spacer,.legend-momentum{display:none!important}.legend-nav{flex:0 0 auto;margin:0 2px!important;padding:10px 12px!important}
    .legend-calendar-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
    header{width:calc(100% - 14px)!important;top:7px!important;border-radius:17px!important}
    main{padding-top:88px!important}.tab-content{padding:0 10px!important}
    .section-title{font-size:30px!important}
    #sobre .profile-header{padding:30px 20px;border-radius:20px}
    .legend-sidebar{top:71px}
    .training-stamina-card{grid-template-columns:1fr;gap:10px}.training-stamina-risk{text-align:left}
    .lifestyle-hero{grid-template-columns:1fr}.lifestyle-grid{grid-template-columns:1fr}
    .legend-calendar-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
    .tab-content{padding:0 8px!important}
    #sobre .profile-header{padding:28px 14px 22px}.profile-avatar{width:88px!important;height:88px!important}
    .minigame-card{min-height:auto!important}.minigame-art{height:155px!important}.minigame-art>i{font-size:48px!important}
    .legend-calendar-strip{grid-template-columns:1fr}
    .calendar-event{min-height:102px}
    .legend-panel{padding:14px!important;border-radius:15px!important}
    .sponsor-head-chips{justify-content:flex-start}
    .lifestyle-buy-row{align-items:flex-start;flex-direction:column}.lifestyle-buy-row button{width:100%}
}

@media(prefers-reduced-motion:reduce){
    header::after,#sobre .profile-header::after{animation:none!important}
}

/* ========================================================================== 
   JVILELAA ULTIMATE V8 — ODDS ARENA / COMMUNITY BETTING REBUILD
   ========================================================================== */
#view-bets-main{max-width:1240px;margin:0 auto;isolation:isolate}
.odds-arena-hero{position:relative;overflow:hidden;border-radius:28px;margin:0 auto 18px;padding:18px 22px 0;background:linear-gradient(135deg,rgba(17,21,28,.98),rgba(17,14,8,.98) 52%,rgba(9,13,19,.98));border:1px solid rgba(255,211,77,.20);box-shadow:0 34px 90px rgba(0,0,0,.54),0 0 70px rgba(255,211,77,.055)}
.odds-arena-hero:before{content:'';position:absolute;inset:-120px auto auto 48%;width:620px;height:340px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,210,76,.17),transparent 67%);filter:blur(6px);pointer-events:none}
.odds-arena-hero:after{content:'';position:absolute;right:-90px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(46,158,247,.09),transparent 67%);pointer-events:none}
.odds-arena-noise{position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:repeating-linear-gradient(118deg,rgba(255,255,255,.025) 0 1px,transparent 1px 34px);mask-image:linear-gradient(to bottom,#000,transparent)}
.odds-arena-topline{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.odds-arena-back{justify-self:start;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.28);color:#d8deea;border-radius:12px;padding:10px 14px;font:800 11px 'Manrope',sans-serif;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.2s ease}
.odds-arena-back:hover{border-color:rgba(255,211,77,.35);color:#fff;transform:translateX(-2px)}
.odds-arena-live{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(42,217,125,.06);border:1px solid rgba(42,217,125,.18);font:900 9px 'JetBrains Mono',monospace;letter-spacing:1.1px;color:#55e898}
.odds-arena-live>span{width:7px;height:7px;border-radius:50%;background:#42e58f;box-shadow:0 0 0 0 rgba(66,229,143,.45);animation:arenaPulse 1.7s infinite}
@keyframes arenaPulse{70%{box-shadow:0 0 0 8px rgba(66,229,143,0)}100%{box-shadow:0 0 0 0 rgba(66,229,143,0)}}
.odds-arena-brand{justify-self:end;font:900 9px 'JetBrains Mono',monospace;letter-spacing:1.4px;color:#7f8a9c}.odds-arena-brand i{color:#ffd34d}
.odds-arena-copy{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:36px 4px 28px}
.odds-arena-eyebrow{font:900 9px 'JetBrains Mono',monospace;letter-spacing:2px;color:#d6a934;margin-bottom:8px}
.odds-arena-copy h2{font:800 clamp(34px,5vw,62px)/.95 'Oswald',sans-serif!important;letter-spacing:-.02em!important;margin:0!important;color:#fff!important;background:none!important;-webkit-text-fill-color:initial!important;text-shadow:0 15px 45px rgba(0,0,0,.6)}
.odds-arena-copy p{max-width:650px;color:#778397;font-size:13px;margin:12px 0 0;line-height:1.7}
.odds-arena-kpis{display:grid;grid-template-columns:repeat(3,90px);gap:8px}
.odds-arena-kpis>div{padding:13px 12px;border-radius:14px;background:rgba(4,7,11,.48);border:1px solid rgba(255,255,255,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.odds-arena-kpis span{display:block;font:800 8px 'JetBrains Mono',monospace;letter-spacing:1px;color:#68758a;margin-bottom:4px}.odds-arena-kpis b{font:900 22px 'JetBrains Mono',monospace;color:#fff}.odds-arena-kpis>div:last-child b{color:#ffd34d;text-shadow:0 0 20px rgba(255,211,77,.18)}
.odds-arena-ticker{position:relative;z-index:2;margin:0 -22px;height:34px;overflow:hidden;border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.23)}
.odds-arena-ticker>div{width:max-content;display:flex;align-items:center;height:100%;gap:42px;animation:arenaTicker 24s linear infinite;padding-left:20px}.odds-arena-ticker span{font:800 8px 'JetBrains Mono',monospace;letter-spacing:1.15px;color:#697589}.odds-arena-ticker i{color:#d6a934;margin-right:7px}@keyframes arenaTicker{to{transform:translateX(-45%)}}

.odds-arena-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 auto 15px;padding:8px 9px;border-radius:15px;background:rgba(7,11,16,.72);border:1px solid rgba(255,255,255,.055);backdrop-filter:blur(14px)}
.odds-filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.odds-filter{border:1px solid transparent;background:transparent;color:#7a879a;border-radius:10px;padding:9px 11px;font:800 10px 'Manrope',sans-serif;cursor:pointer;transition:.18s ease}.odds-filter i{margin-right:5px}.odds-filter:hover{color:#fff;background:rgba(255,255,255,.035)}.odds-filter.active{color:#090b0e;background:linear-gradient(135deg,#ffe079,#f2a93b);box-shadow:0 7px 22px rgba(242,169,59,.18)}
.odds-arena-hint{font-size:10px;color:#657287;padding-right:6px}.odds-arena-hint i{color:#d6a934}
.odds-arena-layout{grid-template-columns:minmax(0,1fr) 375px!important;gap:18px!important;max-width:1240px!important}
.odds-section-head{display:flex;align-items:end;justify-content:space-between;margin:2px 2px 11px}.odds-section-head>div:first-child>span{display:block;font:900 8px 'JetBrains Mono',monospace;letter-spacing:1.5px;color:#69768a}.odds-section-head h3{font-size:23px;margin:2px 0 0;color:#f5f7fb}.market-status{font:700 9px 'JetBrains Mono',monospace;color:#657287;display:flex;align-items:center;gap:6px}.market-status b{color:#fff}.market-status-dot{width:6px;height:6px;border-radius:50%;background:#4ee395;box-shadow:0 0 10px rgba(78,227,149,.5)}
.odds-market-grid{gap:10px!important}
.odds-locked-banner{display:flex;gap:13px;align-items:center;padding:16px 18px;border-radius:14px;background:rgba(232,64,44,.08);border:1px solid rgba(232,64,44,.22);color:#e8402c}.odds-locked-banner b,.odds-locked-banner span{display:block}.odds-locked-banner b{font-size:12px}.odds-locked-banner span{font-size:10px;color:#9c7580;margin-top:3px}
.odds-market-card{position:relative;overflow:hidden;border-radius:17px;padding:13px 14px 12px;background:radial-gradient(circle at 50% -30%,rgba(255,211,77,.055),transparent 45%),linear-gradient(145deg,rgba(16,22,31,.98),rgba(8,12,18,.98));border:1px solid rgba(255,255,255,.07);box-shadow:0 10px 28px rgba(0,0,0,.26);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.odds-market-card:before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:2px;border-radius:4px;background:#ffd34d;opacity:.2;transition:.2s ease}.odds-market-card:hover{transform:translateY(-2px);border-color:rgba(255,211,77,.20);box-shadow:0 17px 38px rgba(0,0,0,.36),0 0 24px rgba(255,211,77,.035)}.odds-market-card.has-selection{border-color:rgba(255,211,77,.32)}.odds-market-card.has-selection:before{opacity:1;box-shadow:0 0 15px rgba(255,211,77,.5)}
.odds-market-card.market-pulse{animation:marketPulse .42s ease}@keyframes marketPulse{50%{transform:scale(1.008);box-shadow:0 0 0 4px rgba(255,211,77,.055),0 20px 42px rgba(0,0,0,.4)}}
.odds-market-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.odds-market-meta>div:first-child{display:flex;align-items:center;gap:8px;font:700 8px 'JetBrains Mono',monospace;color:#657287}.odds-market-meta b{color:#adb7c7;font-weight:800}.odds-match-number{padding:3px 6px;border-radius:6px;background:rgba(255,255,255,.035);color:#d6a934}.odds-market-badge{font:900 8px 'JetBrains Mono',monospace;letter-spacing:.8px;color:#7d899b;display:flex;align-items:center;gap:5px}.odds-market-badge span{width:5px;height:5px;background:#43dd92;border-radius:50%}
.odds-teams-stage{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;gap:8px;padding:5px 0 9px}.odds-team{display:flex;align-items:center;gap:9px;min-width:0}.odds-team-away{justify-content:flex-end;text-align:right}.odds-team .team-icon{width:36px;height:36px;flex:0 0 36px;padding:3px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04);border-radius:10px}.odds-team span{display:block;font:800 7px 'JetBrains Mono',monospace;letter-spacing:1.2px;color:#556174}.odds-team b{display:block;color:#edf1f7;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.odds-versus{text-align:center;color:#536075;font:900 8px 'JetBrains Mono',monospace}.odds-versus span{display:grid;place-items:center;margin:auto;width:29px;height:29px;border-radius:50%;background:#090e15;border:1px solid rgba(255,255,255,.06)}.odds-versus i{display:block;width:1px;height:9px;margin:4px auto 0;background:linear-gradient(#465164,transparent)}
.odds-market-intel{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;margin-bottom:7px;border-radius:9px;background:rgba(0,0,0,.20);font-size:9px;color:#67758a}.odds-market-intel i{color:#d6a934;margin-right:5px}.odds-market-intel b{color:#aeb8c7}.odds-category-chip{font:900 7px 'JetBrains Mono',monospace;letter-spacing:.65px;padding:4px 6px;border-radius:999px}.odds-category-chip.favorite{color:#ffbd55;background:rgba(255,174,57,.08)}.odds-category-chip.balanced{color:#6dc8ff;background:rgba(46,158,247,.08)}.odds-category-chip.value{color:#b892ff;background:rgba(139,114,255,.09)}
.odds-flow{display:flex;height:3px;overflow:hidden;border-radius:999px;background:#090d13;margin:0 3px}.odds-flow span:nth-child(1){background:#ffd34d}.odds-flow span:nth-child(2){background:#647185}.odds-flow span:nth-child(3){background:#4e9cea}.odds-flow-labels{display:grid;grid-template-columns:1fr 1fr 1fr;margin:3px 3px 7px;font:700 7px 'JetBrains Mono',monospace;color:#4f5b6d}.odds-flow-labels span:nth-child(2){text-align:center}.odds-flow-labels span:last-child{text-align:right}
.odds-selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.odds-selection-grid .odd-btn{width:100%;min-width:0!important;height:55px!important;padding:6px 8px!important;border-radius:10px!important;display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;text-align:left;align-items:center!important;background:linear-gradient(180deg,rgba(19,26,37,.95),rgba(10,15,22,.96))!important;border:1px solid rgba(255,255,255,.07)!important}.odds-selection-grid .odd-btn .odd-tag{grid-column:1/2;font-size:7px!important;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#69778b!important}.odds-selection-grid .odd-btn .odd-value{grid-column:2;grid-row:1/3;font-size:16px!important;color:#f5f7fb!important}.odds-selection-grid .odd-btn small{grid-column:1;font:800 7px 'JetBrains Mono',monospace;color:#4d5a6d}.odds-selection-grid .odd-btn:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(255,211,77,.28)!important}.odds-selection-grid .odd-btn.active{background:linear-gradient(135deg,#ffe079,#f2a93b)!important;border-color:#ffd34d!important;box-shadow:0 9px 28px rgba(242,169,59,.20)!important}.odds-selection-grid .odd-btn.active .odd-tag,.odds-selection-grid .odd-btn.active .odd-value,.odds-selection-grid .odd-btn.active small{color:#15100a!important}

.odds-slip-v8{top:102px!important;border-radius:19px!important;border:1px solid rgba(255,211,77,.23)!important;background:linear-gradient(180deg,rgba(17,17,14,.985),rgba(7,10,15,.99))!important;box-shadow:0 30px 80px rgba(0,0,0,.56),0 0 55px rgba(255,211,77,.045)!important}
.odds-slip-v8 .betslip-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:13px 14px!important;background:linear-gradient(135deg,#ffe07a,#f2a93b)!important;color:#111!important}.odds-slip-v8 .betslip-header>div{display:flex;gap:7px;align-items:center;font:900 11px 'Oswald',sans-serif;letter-spacing:1.6px}.odds-slip-v8 .betslip-header>b{min-width:25px;height:25px;padding:0 6px;border-radius:8px;display:grid;place-items:center;background:rgba(0,0,0,.14);font:900 11px 'JetBrains Mono',monospace}
.betslip-statusline{display:flex;justify-content:space-between;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.05);font:800 8px 'JetBrains Mono',monospace;letter-spacing:1px;color:#5e697b}.betslip-statusline i{margin-right:5px;color:#d3a834}.betslip-statusline b{color:#fff}.betslip-statusline b[data-risk="controlado"]{color:#48df91}.betslip-statusline b[data-risk="médio"]{color:#ffd36a}.betslip-statusline b[data-risk="alto"]{color:#ff955b}.betslip-statusline b[data-risk="extremo"]{color:#ff5d68}
.odds-slip-v8 .betslip-items{max-height:300px;overflow:auto;padding:11px 11px 4px!important}.odds-slip-v8 .betslip-empty{min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#536074!important}.odds-slip-v8 .betslip-empty i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,211,77,.07);border:1px solid rgba(255,211,77,.12);color:#d6a934;margin-bottom:3px}.odds-slip-v8 .betslip-empty b{font-size:11px;color:#8c98aa}.odds-slip-v8 .betslip-empty span{font-size:9px}
.odds-slip-v8 .betslip-item{position:relative;padding:9px!important;border-radius:10px!important;background:rgba(255,255,255,.027)!important;border-color:rgba(255,255,255,.055)!important}.betslip-index{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:rgba(255,211,77,.07);font:900 8px 'JetBrains Mono',monospace;color:#c99d31}.odds-slip-v8 .betslip-item-choice i{font-size:7px;color:#49de91}.odds-slip-v8 .betslip-item-odd{font-size:13px!important}.odds-slip-v8 .betslip-remove{width:25px;height:25px;border-radius:7px;background:rgba(232,64,44,.05)!important}.odds-slip-v8 .betslip-remove:hover{background:rgba(232,64,44,.12)!important}
.odds-slip-v8 .betslip-summary{padding:13px 14px 15px!important;background:rgba(0,0,0,.13)}.betslip-main-odd{padding:10px 11px;border-radius:10px;background:rgba(255,211,77,.04);border:1px solid rgba(255,211,77,.08)}.betslip-main-odd .betslip-odd-value{font-size:23px!important;color:#ffd34d!important}.odds-slip-v8 .betslip-stake-input{height:48px!important;border-radius:10px!important;font-size:16px!important;background:#080c12!important}.quick-stake-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:6px}.quick-stake-row button{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);color:#7a8799;border-radius:8px;height:30px;font:800 9px 'JetBrains Mono',monospace;cursor:pointer}.quick-stake-row button:hover{color:#15100a;background:#ffd34d;border-color:#ffd34d}.odds-confirm-btn{width:100%!important;margin-top:13px!important;min-height:48px!important;border-radius:11px!important;background:linear-gradient(135deg,#ffe079,#f2a93b)!important;color:#111!important;box-shadow:0 12px 28px rgba(242,169,59,.18)!important}.odds-confirm-btn:hover{box-shadow:0 15px 38px rgba(242,169,59,.30)!important}.odds-slip-note{text-align:center;margin:8px 0 0;font-size:8px;color:#4f5a6b}.odds-slip-note i{margin-right:4px;color:#68758a}
.odds-history-wrap{max-width:1240px;margin:36px auto 0}.odds-history-head{margin-bottom:13px}.odds-history-chip{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);font:800 8px 'JetBrains Mono',monospace;color:#68758a}.odds-history-chip i{color:#d6a934;margin-right:5px}.odds-history-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}.odds-history-grid .bet-ticket{border:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(150deg,rgba(16,22,31,.98),rgba(8,12,18,.98))!important;border-radius:16px!important;box-shadow:0 18px 42px rgba(0,0,0,.30)!important}.odds-history-grid .bet-ticket:hover{transform:translateY(-2px);border-color:rgba(255,211,77,.18)!important}

@media(max-width:1000px){.odds-arena-layout{grid-template-columns:1fr!important}.odds-slip-v8{position:static!important}.odds-arena-copy{grid-template-columns:1fr}.odds-arena-kpis{justify-self:start}.odds-arena-hint{display:none}}
@media(max-width:700px){.odds-arena-hero{border-radius:20px;padding:14px 14px 0}.odds-arena-topline{grid-template-columns:1fr auto}.odds-arena-brand{display:none}.odds-arena-live{font-size:7px;padding:6px 9px}.odds-arena-copy{padding:27px 0 20px}.odds-arena-copy h2{font-size:38px!important}.odds-arena-copy p{font-size:11px}.odds-arena-kpis{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.odds-arena-kpis>div{padding:10px}.odds-arena-kpis b{font-size:18px}.odds-arena-ticker{margin:0 -14px}.odds-arena-toolbar{align-items:stretch}.odds-filter-group{display:grid;grid-template-columns:1fr 1fr;width:100%}.odds-filter{font-size:9px}.odds-section-head{align-items:center}.odds-teams-stage{grid-template-columns:1fr 35px 1fr}.odds-team .team-icon{width:30px;height:30px;flex-basis:30px}.odds-team b{font-size:10px;max-width:105px}.odds-market-intel>span:first-child{display:none}.odds-category-chip{margin-left:auto}.odds-selection-grid{grid-template-columns:1fr}.odds-selection-grid .odd-btn{height:48px!important}.odds-selection-grid .odd-btn .odd-tag{max-width:200px}.odds-history-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.odds-arena-live>span,.odds-arena-ticker>div,.odds-market-card.market-pulse{animation:none!important}}


/* ========================================================================== 
   JVILELAA ULTIMATE V9 — COMMUNITY PLATFORM / ADMIN COMMAND CENTER
   ========================================================================== */
@media(min-width:1101px){header{max-width:1500px!important;width:97%!important;padding-left:14px!important;padding-right:14px!important}.tabs{gap:2px!important}.tabs button{font-size:10.5px!important;padding:8px 9px!important;white-space:nowrap}.logo h2.signature{padding-left:12px!important;padding-right:14px!important}.header-actions{gap:6px!important}.header-actions>.btn-twitch{padding-left:12px!important;padding-right:12px!important}}
.jv-platform-page{max-width:1380px!important}.platform-page-head,.rankings-hero,.community-hero,.missions-hero,.admin-ultimate-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:0 auto 22px;padding:30px 32px;border-radius:25px;background:radial-gradient(circle at 15% -30%,rgba(242,169,59,.13),transparent 48%),linear-gradient(145deg,rgba(17,23,33,.98),rgba(7,11,17,.98));border:1px solid rgba(255,255,255,.075);box-shadow:0 28px 75px rgba(0,0,0,.38);position:relative;overflow:hidden}.platform-page-head:after,.rankings-hero:after,.community-hero:after,.missions-hero:after,.admin-ultimate-head:after{content:'';position:absolute;width:480px;height:480px;border-radius:50%;right:-190px;top:-260px;background:radial-gradient(circle,rgba(46,158,247,.09),transparent 68%);pointer-events:none}.platform-eyebrow{display:block;font:900 8px 'JetBrains Mono',monospace;letter-spacing:2px;color:#d1a438;margin-bottom:7px}.platform-page-head h2,.rankings-hero h2,.community-hero h2,.missions-hero h2,.admin-ultimate-head h2{font-size:clamp(32px,4vw,52px);line-height:1;margin:0;color:#fff}.platform-page-head p,.rankings-hero p,.community-hero p,.missions-hero p,.admin-ultimate-head p{color:#778397;font-size:12px;margin-top:9px}.platform-head-chip{position:relative;z-index:2;padding:9px 12px;border-radius:999px;border:1px solid rgba(66,229,143,.18);background:rgba(66,229,143,.05);font:900 8px 'JetBrains Mono',monospace;letter-spacing:1px;color:#54e396}.platform-head-chip i{margin-right:5px}.platform-login-gate{min-height:360px;place-items:center;text-align:center;align-content:center;gap:10px;border-radius:24px;background:rgba(11,16,23,.75);border:1px solid rgba(255,255,255,.07)}.platform-login-gate>i{font-size:42px;color:#f2a93b}.platform-login-gate h3{font-size:25px}.platform-login-gate p{max-width:520px;color:#718096;font-size:12px}.platform-panel{background:linear-gradient(150deg,rgba(16,22,31,.96),rgba(8,12,18,.97));border:1px solid rgba(255,255,255,.07);border-radius:19px;padding:18px;box-shadow:0 18px 42px rgba(0,0,0,.27)}.platform-panel-title,.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.platform-panel-title span,.admin-card-head span{display:block;font:900 7px 'JetBrains Mono',monospace;letter-spacing:1.5px;color:#657287}.platform-panel-title h3,.admin-card-head h3{font-size:18px;color:#f5f7fa;margin:2px 0 0}.platform-panel-title>i,.admin-card-head>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(242,169,59,.07);border:1px solid rgba(242,169,59,.12);color:#d6a934}.platform-panel-title.compact h3{font-size:15px}.platform-empty{text-align:center;color:#5f6b7e;padding:24px 10px;font-size:11px}
/* profile */
.profile-v9-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:24px 27px;border-radius:22px;background:radial-gradient(circle at 10% 20%,rgba(92,78,229,.13),transparent 45%),linear-gradient(145deg,#111824,#080d14);border:1px solid rgba(92,78,229,.20);box-shadow:0 25px 65px rgba(0,0,0,.35)}.profile-v9-identity{display:flex;align-items:center;gap:19px}.profile-v9-avatar-wrap{position:relative;width:94px;height:94px;flex:0 0 94px}.profile-v9-avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:25px;border:2px solid #f2a93b;box-shadow:0 0 34px rgba(242,169,59,.18)}#profile-v9-level-orb{position:absolute;right:-8px;bottom:-8px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f2a93b;color:#111;font:900 12px 'JetBrains Mono',monospace;border:3px solid #0b1119}.profile-v9-status{display:inline-flex;align-items:center;gap:6px;font:900 8px 'JetBrains Mono',monospace;letter-spacing:1.3px;color:#53df95}.profile-v9-status i{width:6px;height:6px;border-radius:50%;background:#4fe095;box-shadow:0 0 11px rgba(79,224,149,.65)}.profile-v9-copy h3{font-size:31px;margin:4px 0 1px;color:#fff}.profile-v9-copy>p{font-size:10px;color:#69768a}.profile-level-line{max-width:530px;margin-top:13px}.profile-level-line>div:first-child{display:flex;justify-content:space-between;font:800 8px 'JetBrains Mono',monospace;color:#657287;margin-bottom:5px}.profile-level-line b{color:#f2a93b}.profile-xp-track,.mission-xp-track{height:6px;border-radius:999px;background:#070a0f;overflow:hidden;border:1px solid rgba(255,255,255,.04)}.profile-xp-track i,.mission-xp-track i{display:block;height:100%;background:linear-gradient(90deg,#5c4ee5,#2e9ef7,#f2a93b);border-radius:inherit;box-shadow:0 0 15px rgba(46,158,247,.35)}.profile-v9-rank{text-align:right;padding:15px 19px;border-radius:15px;background:rgba(0,0,0,.23);border:1px solid rgba(255,255,255,.055)}.profile-v9-rank span,.profile-v9-rank small{display:block;font:800 7px 'JetBrains Mono',monospace;letter-spacing:1px;color:#657287}.profile-v9-rank b{display:block;font:900 32px 'JetBrains Mono',monospace;color:#ffd24c;margin:2px 0}.profile-v9-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:12px 0}.profile-v9-kpis>div{padding:14px;border-radius:14px;background:rgba(12,18,26,.88);border:1px solid rgba(255,255,255,.06)}.profile-v9-kpis i{color:#d4a636;margin-bottom:11px}.profile-v9-kpis span{display:block;font:800 7px 'JetBrains Mono',monospace;color:#596679;letter-spacing:1px}.profile-v9-kpis b{display:block;color:#fff;font-size:16px;margin-top:3px}.profile-v9-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin-bottom:12px}.profile-history-grid{grid-template-columns:repeat(3,1fr)}.profile-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.profile-stat-grid>div{padding:12px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045)}.profile-stat-grid i{font-size:11px;color:#bd9234}.profile-stat-grid span{display:block;color:#637086;font-size:8px;margin:7px 0 2px}.profile-stat-grid b{font:900 14px 'JetBrains Mono',monospace;color:#fff}.profile-achievements-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.profile-badge{display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045)}.profile-badge>i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(242,169,59,.08);color:#d9a63a}.profile-badge div{min-width:0;flex:1}.profile-badge b,.profile-badge span{display:block}.profile-badge b{font-size:9px;color:#fff}.profile-badge span{font-size:7px;color:#617086}.profile-badge em{font:800 6px 'JetBrains Mono',monospace;color:#55df96;font-style:normal}.profile-badge.locked{opacity:.42;filter:saturate(.35)}.profile-badge.locked em{color:#657287}.platform-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}.platform-list-row{display:flex;align-items:center;gap:9px;padding:9px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045)}.platform-list-row>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(242,169,59,.07);color:#c69936}.platform-list-row>div{min-width:0;flex:1}.platform-list-row b,.platform-list-row span{display:block}.platform-list-row b{font-size:9px;color:#e9edf4}.platform-list-row span{font-size:7px;color:#617086;margin-top:2px}.platform-list-row em{font:900 8px 'JetBrains Mono',monospace;font-style:normal;color:#ffd24c}.platform-list-row .status-won{color:#4ee095}.platform-list-row .status-lost{color:#e85b4a}
/* missions */
.missions-hero{align-items:center}.missions-hero-progress{min-width:260px;padding:14px 16px;border-radius:14px;background:rgba(0,0,0,.23);border:1px solid rgba(255,255,255,.055)}.missions-hero-progress span,.missions-hero-progress small{display:block;font:800 7px 'JetBrains Mono',monospace;color:#617086}.missions-hero-progress b{display:block;color:#fff;font-size:15px;margin:3px 0 9px}.missions-hero-progress small{text-align:right;margin-top:5px}.missions-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.missions-summary-row>div{padding:16px 18px;border-radius:15px;background:rgba(13,19,28,.9);border:1px solid rgba(255,255,255,.06)}.missions-summary-row span,.missions-summary-row small{display:block;font:800 7px 'JetBrains Mono',monospace;color:#637086;letter-spacing:1px}.missions-summary-row b{display:block;font:900 25px 'JetBrains Mono',monospace;color:#f2a93b;margin:4px 0}.missions-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.missions-section-head{margin:0 3px 10px}.missions-section-head>span,.missions-section-head>small{font:800 7px 'JetBrains Mono',monospace;color:#617086;letter-spacing:1px}.missions-section-head h3{font-size:19px;color:#fff;margin:3px 0}.missions-section-head h3 i{color:#e2ad3b;margin-right:6px}.mission-card-grid{display:flex;flex-direction:column;gap:8px}.mission-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;border-radius:14px;background:linear-gradient(145deg,rgba(16,22,31,.96),rgba(8,12,18,.98));border:1px solid rgba(255,255,255,.065);transition:.2s ease}.mission-card.done{border-color:rgba(242,169,59,.24);box-shadow:0 0 25px rgba(242,169,59,.035)}.mission-card.claimed{opacity:.6}.mission-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:rgba(92,78,229,.10);border:1px solid rgba(92,78,229,.15);color:#9188ff}.mission-copy>span{font:900 6px 'JetBrains Mono',monospace;letter-spacing:1px;color:#617086}.mission-copy h4{font-size:12px;color:#fff;margin:2px 0}.mission-copy p{font-size:8px;color:#68758a;margin-bottom:7px}.mission-progress-line{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px}.mission-progress-line>div{height:4px;border-radius:999px;background:#070b10;overflow:hidden}.mission-progress-line i{display:block;height:100%;background:linear-gradient(90deg,#5c4ee5,#f2a93b)}.mission-progress-line b{font:800 7px 'JetBrains Mono',monospace;color:#78869a}.mission-reward{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-width:142px}.mission-reward span{font:800 7px 'JetBrains Mono',monospace;color:#c49938;padding:5px;border-radius:7px;background:rgba(242,169,59,.05);text-align:center}.mission-reward span:nth-child(2){color:#7bbcff;background:rgba(46,158,247,.05)}.mission-reward button{grid-column:1/-1;height:27px;border:0;border-radius:8px;background:#f2a93b;color:#111;font:900 7px 'JetBrains Mono',monospace;cursor:pointer}.mission-reward button:disabled{background:rgba(255,255,255,.04);color:#596678;cursor:not-allowed}
/* rankings */
.rankings-season,.community-live-counter,.admin-system-status{position:relative;z-index:2;padding:12px 16px;border-radius:14px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.055);text-align:right}.rankings-season span,.rankings-season small,.community-live-counter span,.admin-system-status span,.admin-system-status small{display:block;font:800 7px 'JetBrains Mono',monospace;color:#607086;letter-spacing:1px}.rankings-season b,.community-live-counter b,.admin-system-status b{display:block;color:#fff;font:900 16px 'JetBrains Mono',monospace;margin:3px 0}.ranking-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.ranking-tab-row{display:flex;gap:5px;flex-wrap:wrap}.ranking-tab-row button,.ranking-period-toggle button{height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.055);background:rgba(12,17,24,.8);color:#68758a;font:800 8px 'Manrope',sans-serif;cursor:pointer}.ranking-tab-row button.active,.ranking-period-toggle button.active{background:#f2a93b;color:#111;border-color:#f2a93b}.ranking-period-toggle{display:flex;padding:3px;border-radius:11px;background:rgba(0,0,0,.2)}.ranking-period-toggle button{height:30px;border:0;background:transparent}.ranking-period-toggle button.active{background:#252f3d;color:#fff}.ranking-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:780px;margin:25px auto 18px;align-items:end}.podium-card{text-align:center;padding:19px 13px 15px;border-radius:17px;background:linear-gradient(155deg,rgba(18,25,36,.98),rgba(8,12,18,.98));border:1px solid rgba(255,255,255,.07);position:relative}.podium-card.p1{order:2;transform:translateY(-11px);border-color:rgba(255,210,76,.26);box-shadow:0 0 40px rgba(255,210,76,.06)}.podium-card.p2{order:1}.podium-card.p3{order:3}.podium-card img{width:55px;height:55px;border-radius:17px;object-fit:cover;border:2px solid #394556}.podium-card.p1 img{border-color:#ffd24c}.podium-card b,.podium-card strong,.podium-card small{display:block}.podium-card b{font-size:10px;color:#fff;margin-top:8px}.podium-card strong{font:900 20px 'JetBrains Mono',monospace;color:#ffd24c;margin-top:5px}.podium-card small{font:800 6px 'JetBrains Mono',monospace;color:#647185}.podium-rank{position:absolute;top:8px;left:9px;font:900 8px 'JetBrains Mono',monospace;color:#67758a}.central-leaderboard{border-radius:18px;overflow:hidden;background:rgba(10,15,22,.86);border:1px solid rgba(255,255,255,.07)}.central-leaderboard-head,.central-rank-row{display:grid;grid-template-columns:50px minmax(240px,1fr) 150px 110px;align-items:center}.central-leaderboard-head{padding:10px 14px;font:900 7px 'JetBrains Mono',monospace;letter-spacing:1px;color:#5c697b;background:rgba(255,255,255,.025)}.central-rank-row{min-height:58px;padding:8px 14px;border-top:1px solid rgba(255,255,255,.04)}.central-rank-row.is-me{background:rgba(242,169,59,.045)}.central-rank-row>b{font:900 11px 'JetBrains Mono',monospace;color:#718096}.central-user{display:flex;align-items:center;gap:10px}.central-user img{width:36px;height:36px;border-radius:11px;object-fit:cover}.central-user strong,.central-user span{display:block}.central-user strong{font-size:10px;color:#fff}.central-user span{font-size:7px;color:#647185}.central-rank-row>em{font:900 13px 'JetBrains Mono',monospace;color:#ffd24c;font-style:normal}.rank-status{font:900 7px 'JetBrains Mono',monospace;color:#55dc94}
/* community */
.community-hero{align-items:center}.community-live-counter{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;text-align:left;min-width:150px}.community-live-counter>i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#4ee095;box-shadow:0 0 15px rgba(78,224,149,.65)}.community-live-counter b{font-size:21px}.community-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.7fr);gap:12px}.community-main-col,.community-side-col{display:flex;flex-direction:column;gap:12px}.community-poll-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.poll-option{position:relative;overflow:hidden;text-align:left;padding:11px;border-radius:11px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);color:#fff;cursor:pointer}.poll-option>div{position:relative;z-index:2;display:flex;justify-content:space-between}.poll-option b{font-size:9px}.poll-option span{font:900 8px 'JetBrains Mono',monospace;color:#d8a83d}.poll-option>i{position:absolute;left:0;bottom:0;top:0;background:linear-gradient(90deg,rgba(242,169,59,.14),rgba(242,169,59,.035));pointer-events:none}.poll-option.selected{border-color:rgba(242,169,59,.36)}.community-poll-foot{display:flex;justify-content:space-between;margin-top:9px;font-size:7px;color:#5f6c80}.community-feed{display:flex;flex-direction:column;max-height:510px;overflow:auto}.community-feed-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:9px;align-items:center;padding:9px 3px;border-bottom:1px solid rgba(255,255,255,.045)}.community-feed-row>img{width:34px;height:34px;border-radius:10px;object-fit:cover}.feed-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(92,78,229,.08);color:#9188ff}.community-feed-row b{font-size:9px;color:#fff}.community-feed-row p{font-size:8px;color:#657287;margin-top:2px}.community-feed-row time{font:800 7px 'JetBrains Mono',monospace;color:#536074}.community-mini-list{display:flex;flex-direction:column;gap:5px}.community-mini-list>div{display:flex;align-items:center;gap:8px;min-height:37px;padding:6px 7px;border-radius:9px;background:rgba(255,255,255,.023)}.community-mini-list img{width:29px;height:29px;border-radius:9px;object-fit:cover}.community-mini-list>div>b{font:900 8px 'JetBrains Mono',monospace;color:#d6a934}.community-mini-list>div>span{flex:1;font-size:8px;color:#e5eaf2}.community-mini-list>div>em{font:900 7px 'JetBrains Mono',monospace;color:#58dc98;font-style:normal}.community-mini-list>div>i{width:25px;height:25px;display:grid;place-items:center;color:#d6a934}.community-mini-list span b,.community-mini-list span small{display:block}.community-mini-list span small{font-size:7px;color:#617086;margin-top:2px}
/* admin ultimate */
.admin-ultimate{max-width:1380px;margin:0 auto}.admin-ultimate-head{align-items:center}.admin-system-status{display:grid;grid-template-columns:auto 1fr;column-gap:7px;text-align:left;min-width:170px}.admin-system-status>i{grid-row:1/4;width:8px;height:8px;border-radius:50%;background:#4ee095;box-shadow:0 0 14px rgba(78,224,149,.55)}.admin-system-status b{color:#4ee095}.admin-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}.admin-kpi{padding:14px;border-radius:15px;background:linear-gradient(145deg,rgba(15,21,30,.97),rgba(8,12,18,.98));border:1px solid rgba(255,255,255,.065)}.admin-kpi>i{font-size:12px;color:#57bdfc;margin-bottom:12px}.admin-kpi.gold>i{color:#ffd24c}.admin-kpi.purple>i{color:#9f8dff}.admin-kpi.red>i{color:#e85b4a}.admin-kpi span,.admin-kpi small{display:block;font:800 6px 'JetBrains Mono',monospace;letter-spacing:1px;color:#5d697c}.admin-kpi b{display:block;font:900 18px 'JetBrains Mono',monospace;color:#fff;margin:4px 0}.admin-command-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;margin-bottom:12px}.admin-command-lower{grid-template-columns:repeat(3,1fr)}.admin-chart-card{padding:17px;border-radius:18px;background:linear-gradient(150deg,rgba(16,22,31,.97),rgba(8,12,18,.98));border:1px solid rgba(255,255,255,.07)}.admin-chart-wrap{height:250px}.admin-live-users,.admin-alert-list,.admin-activity-list{display:flex;flex-direction:column;gap:5px;max-height:270px;overflow:auto}.admin-live-users>div,.admin-activity-list>div{display:flex;align-items:center;gap:8px;padding:7px;border-radius:9px;background:rgba(255,255,255,.022)}.admin-live-users img{width:29px;height:29px;border-radius:8px;object-fit:cover}.online-dot{width:6px;height:6px;border-radius:50%;background:#4ee095}.admin-live-users div div,.admin-activity-list div div{flex:1}.admin-live-users b,.admin-live-users small,.admin-activity-list b,.admin-activity-list span{display:block}.admin-live-users b,.admin-activity-list b{font-size:8px;color:#fff}.admin-live-users small,.admin-activity-list span{font-size:7px;color:#617086}.admin-live-users em,.admin-activity-list time{font:800 7px 'JetBrains Mono',monospace;color:#d6a934;font-style:normal}.admin-activity-list>div>i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(92,78,229,.07);color:#9288ff}.admin-alert{display:flex;align-items:center;gap:9px;padding:9px;border-radius:10px;background:rgba(46,158,247,.05);border:1px solid rgba(46,158,247,.08)}.admin-alert>i{color:#54baff}.admin-alert b,.admin-alert span{display:block}.admin-alert b{font-size:8px;color:#fff}.admin-alert span{font-size:7px;color:#667388}.admin-alert.danger{background:rgba(232,64,44,.055);border-color:rgba(232,64,44,.12)}.admin-alert.danger>i{color:#e85b4a}.admin-alert.warning>i,.admin-alert.gold>i{color:#ffd24c}.admin-alert.ok>i{color:#4ee095}.admin-redemptions-panel{margin-bottom:14px}.admin-redemptions-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.admin-redemption-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045)}.admin-redemption-row>div{display:flex;align-items:center;gap:8px}.admin-redemption-row>div>i{color:#d7a63b}.admin-redemption-row b,.admin-redemption-row small{display:block}.admin-redemption-row b{font-size:8px;color:#fff}.admin-redemption-row small{font-size:7px;color:#617086}.admin-redemption-row button{border:0;border-radius:8px;padding:7px 9px;background:rgba(78,224,149,.10);color:#55df96;font:800 7px 'JetBrains Mono',monospace;cursor:pointer}.admin-quick-head{margin:18px 2px 9px}.admin-quick-head span{font:900 7px 'JetBrains Mono',monospace;color:#5c6879;letter-spacing:1.2px}.admin-quick-head h3{font-size:18px;color:#fff;margin:2px 0}.admin-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.admin-quick-grid>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:10px;padding:12px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(145deg,rgba(15,21,30,.96),rgba(8,12,18,.97));color:#fff;cursor:pointer;transition:.18s ease}.admin-quick-grid>button:hover{transform:translateY(-2px);border-color:rgba(242,169,59,.22)}.admin-quick-grid>button>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(242,169,59,.07);color:#d6a934}.admin-quick-grid b,.admin-quick-grid span{display:block}.admin-quick-grid b{font-size:10px}.admin-quick-grid span{font-size:7px;color:#627086;margin-top:2px}.admin-quick-grid em{font:900 6px 'JetBrains Mono',monospace;font-style:normal;color:#6b788c}
@media(max-width:1100px){.profile-v9-kpis,.admin-kpi-grid{grid-template-columns:repeat(3,1fr)}.profile-history-grid,.admin-command-lower{grid-template-columns:1fr 1fr}.admin-command-grid{grid-template-columns:1fr}.admin-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.platform-page-head,.rankings-hero,.community-hero,.missions-hero,.admin-ultimate-head{padding:22px 17px;align-items:flex-start;flex-direction:column}.platform-page-head h2,.rankings-hero h2,.community-hero h2,.missions-hero h2,.admin-ultimate-head h2{font-size:32px}.profile-v9-hero{grid-template-columns:1fr;padding:18px}.profile-v9-identity{align-items:flex-start}.profile-v9-avatar-wrap{width:70px;height:70px;flex-basis:70px}.profile-v9-copy h3{font-size:24px}.profile-v9-rank{text-align:left}.profile-v9-kpis,.admin-kpi-grid{grid-template-columns:1fr 1fr}.profile-v9-grid,.profile-history-grid,.missions-columns,.community-layout,.admin-command-lower{grid-template-columns:1fr}.profile-stat-grid{grid-template-columns:1fr 1fr}.profile-achievements-grid{grid-template-columns:1fr}.missions-summary-row{grid-template-columns:1fr 1fr}.mission-card{grid-template-columns:auto 1fr}.mission-reward{grid-column:1/-1;grid-template-columns:1fr 1fr 1.4fr}.mission-reward button{grid-column:auto}.ranking-controls{align-items:stretch;flex-direction:column}.ranking-tab-row{display:grid;grid-template-columns:1fr 1fr}.ranking-podium{grid-template-columns:1fr;max-width:none}.podium-card.p1,.podium-card.p2,.podium-card.p3{order:initial;transform:none}.central-leaderboard{overflow-x:auto}.central-leaderboard-head,.central-rank-row{min-width:620px}.community-poll-options{grid-template-columns:1fr}.admin-redemptions-list,.admin-quick-grid{grid-template-columns:1fr}}
@media(max-width:480px){.profile-v9-identity{display:grid;grid-template-columns:auto 1fr}.profile-level-line{grid-column:1/-1}.missions-summary-row{grid-template-columns:1fr}.mission-card{grid-template-columns:1fr}.mission-icon{width:34px;height:34px}.mission-reward{grid-column:auto}.profile-v9-kpis,.admin-kpi-grid{grid-template-columns:1fr 1fr}.profile-stat-grid{grid-template-columns:1fr}.ranking-tab-row{grid-template-columns:1fr 1fr}.central-leaderboard-head,.central-rank-row{grid-template-columns:42px 240px 110px 90px;min-width:500px}}


/* ==========================================================================
   JVILELAA V10.1 — COMPACT NAV FIX
   Rebuilt on V9 to preserve existing functionality.
   ========================================================================== */

header{
    overflow:visible !important;
}

/* Desktop/tablet compact bar */
.tabs.jv-compact-nav{
    display:flex !important;
    position:static !important;
    inset:auto !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    width:auto !important;
    max-width:none !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    padding:4px !important;
    overflow:visible !important;
    background:rgba(3,6,10,.72) !important;
    border:1px solid rgba(255,255,255,.06) !important;
    border-radius:13px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.jv-compact-nav > .jv-direct-nav,
.jv-compact-nav .jv-compact-trigger{
    width:auto !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:7px 11px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    text-align:center !important;
    border:0 !important;
    border-radius:9px !important;
    background:transparent !important;
    color:#8995a7 !important;
    font:800 10px 'Manrope',sans-serif !important;
    letter-spacing:.2px !important;
    white-space:nowrap !important;
    cursor:pointer !important;
    overflow:visible !important;
    transition:.18s ease !important;
}
.jv-compact-nav > .jv-direct-nav:hover,
.jv-compact-nav .jv-compact-trigger:hover,
.jv-nav-stack.open > .jv-compact-trigger{
    color:#fff !important;
    background:rgba(255,255,255,.055) !important;
    transform:none !important;
}
.jv-compact-nav > .jv-direct-nav.active-btn,
.jv-nav-stack > .jv-compact-trigger.active-btn{
    color:#090b0e !important;
    background:linear-gradient(135deg,var(--v7-gold,#f2a93b),#e99b2e) !important;
    box-shadow:0 7px 22px rgba(242,169,59,.22) !important;
}
.jv-compact-nav button::after{display:none !important}
.jv-compact-nav button i{font-size:11px}
.jv-compact-chevron{
    margin-left:1px;
    font-size:7px !important;
    opacity:.55;
    transition:transform .18s ease;
}
.jv-nav-stack.open .jv-compact-chevron{transform:rotate(180deg)}
.jv-nav-stack{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
}

/* Dropdowns are physically removed from layout when closed. */
.jv-compact-dropdown{
    display:none !important;
    position:absolute !important;
    top:calc(100% + 11px) !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:250px !important;
    max-width:calc(100vw - 24px) !important;
    padding:7px !important;
    z-index:100000 !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,rgba(12,17,25,.985),rgba(6,9,14,.985)) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:0 24px 65px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.035) !important;
    backdrop-filter:blur(22px) !important;
    -webkit-backdrop-filter:blur(22px) !important;
}
.jv-nav-stack.open > .jv-compact-dropdown{
    display:grid !important;
    gap:3px !important;
    animation:jvCompactDrop .14s ease-out both;
}
@keyframes jvCompactDrop{
    from{opacity:0;transform:translateX(-50%) translateY(-4px) scale(.985)}
    to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
}
.jv-compact-dropdown > button{
    width:100% !important;
    min-height:54px !important;
    padding:9px 10px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    text-align:left !important;
    border:0 !important;
    border-radius:10px !important;
    background:transparent !important;
    color:#fff !important;
    cursor:pointer !important;
    overflow:visible !important;
    transition:background .15s ease !important;
}
.jv-compact-dropdown > button:hover{
    background:rgba(255,255,255,.055) !important;
    transform:none !important;
}
.jv-compact-dropdown > button > i{
    width:28px !important;
    flex:0 0 28px !important;
    text-align:center !important;
    color:#f2b54b !important;
    font-size:14px !important;
}
.jv-compact-dropdown > button > span{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.jv-compact-dropdown b{
    color:#f7f9fc;
    font-size:10.5px;
    font-weight:900;
}
.jv-compact-dropdown small{
    color:#6f7b8e;
    font-size:8.5px;
    font-weight:600;
    line-height:1.25;
}
.jv-dropdown-right{
    left:auto !important;
    right:0 !important;
    transform:none !important;
}
.jv-nav-stack.open > .jv-dropdown-right{
    animation:jvCompactDropRight .14s ease-out both;
}
@keyframes jvCompactDropRight{
    from{opacity:0;transform:translateY(-4px) scale(.985)}
    to{opacity:1;transform:translateY(0) scale(1)}
}

/* Keep admin behavior from the original site. */
#btn-admin-tab.jv-admin-nav{
    display:none;
    color:var(--accent-danger,#e8402c) !important;
}
#btn-admin-tab.jv-admin-nav.active-btn{
    color:#fff !important;
    background:var(--accent-danger,#e8402c) !important;
}

/* Prevent the legacy <=1100px .tabs rules from breaking desktop/tablet. */
@media (min-width:761px){
    .mobile-menu-btn{display:none !important}
    .tabs.jv-compact-nav{
        display:flex !important;
        position:static !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        transform:none !important;
        width:auto !important;
        max-width:none !important;
        flex-direction:row !important;
    }
    .jv-compact-nav > .jv-direct-nav,
    .jv-compact-nav .jv-compact-trigger{
        width:auto !important;
        text-align:center !important;
    }
}

/* Slightly tighter desktop header; no giant navigation panel. */
@media (min-width:1101px){
    header{
        width:calc(100% - 28px) !important;
        max-width:1400px !important;
        min-height:62px !important;
        padding:8px 13px !important;
    }
    main{padding-top:102px !important}
}
@media (min-width:761px) and (max-width:1100px){
    header{
        width:calc(100% - 18px) !important;
        padding:8px 10px !important;
    }
    .jv-compact-nav > .jv-direct-nav,
    .jv-compact-nav .jv-compact-trigger{
        padding:7px 8px !important;
        font-size:9px !important;
        gap:5px !important;
    }
    .header-actions{gap:5px !important}
    .header-actions > .btn-twitch{padding-left:10px !important;padding-right:10px !important}
    main{padding-top:98px !important}
}

/* Real mobile: hamburger + accordion, not a desktop dropdown forced into a phone. */
@media (max-width:760px){
    .mobile-menu-btn{display:flex !important}
    .tabs.jv-compact-nav{
        display:none !important;
        position:fixed !important;
        top:72px !important;
        left:8px !important;
        right:8px !important;
        transform:none !important;
        width:auto !important;
        max-width:none !important;
        max-height:calc(100dvh - 84px) !important;
        padding:8px !important;
        flex-direction:column !important;
        align-items:stretch !important;
        overflow-y:auto !important;
        border-radius:15px !important;
        z-index:99998 !important;
    }
    .tabs.jv-compact-nav.mobile-open{display:flex !important}
    .jv-compact-nav > .jv-direct-nav,
    .jv-compact-nav .jv-compact-trigger{
        width:100% !important;
        min-height:46px !important;
        padding:9px 12px !important;
        justify-content:flex-start !important;
        text-align:left !important;
        font-size:10px !important;
    }
    .jv-nav-stack{
        width:100% !important;
        display:block !important;
    }
    .jv-compact-chevron{margin-left:auto}
    .jv-compact-dropdown,
    .jv-dropdown-right{
        position:static !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        width:100% !important;
        max-width:none !important;
        margin:3px 0 6px !important;
        transform:none !important;
        box-shadow:none !important;
        background:rgba(255,255,255,.025) !important;
        border-color:rgba(255,255,255,.055) !important;
    }
    .jv-nav-stack.open > .jv-compact-dropdown,
    .jv-nav-stack.open > .jv-dropdown-right{
        display:grid !important;
        animation:none !important;
        transform:none !important;
    }
    .jv-compact-dropdown > button{min-height:49px !important}
}


/* ========================================================================== 
   JVILELAA ULTIMATE COUNTDOWN HERO — V10.3
   ========================================================================== */
#sobre{max-width:1480px;margin:0 auto}
.jv-countdown-hero{
    position:relative;isolation:isolate;overflow:hidden;
    max-width:1320px;margin:0 auto 34px;padding:clamp(22px,3vw,44px);
    border:1px solid rgba(255,255,255,.09);border-radius:30px;
    background:
      radial-gradient(circle at 15% 16%,rgba(242,169,59,.16),transparent 28%),
      radial-gradient(circle at 82% 70%,rgba(46,158,247,.11),transparent 30%),
      linear-gradient(135deg,rgba(13,18,27,.985),rgba(6,9,14,.99) 72%);
    box-shadow:0 34px 110px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.045);
}
.jv-countdown-hero::before{
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(90deg,transparent 0 49.7%,rgba(255,255,255,.025) 50%,transparent 50.3%),linear-gradient(0deg,transparent 0 49.7%,rgba(255,255,255,.018) 50%,transparent 50.3%);
    background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 64%);opacity:.5
}
.jv-countdown-noise{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
.jv-countdown-lines{position:absolute;left:0;right:0;top:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(242,169,59,.4),transparent);opacity:.55;z-index:-1}
.jv-countdown-orb{position:absolute;z-index:-2;border-radius:50%;filter:blur(70px);pointer-events:none}
.jv-countdown-orb-a{width:330px;height:330px;left:-110px;top:-120px;background:rgba(242,169,59,.2)}
.jv-countdown-orb-b{width:420px;height:420px;right:-120px;bottom:-160px;background:rgba(92,78,229,.15)}
.jv-countdown-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(26px,4vw,60px);align-items:center}
.jv-countdown-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.jv-countdown-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:9px;font-weight:900;letter-spacing:1.55px;color:#b7c0ce}
.jv-countdown-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 0 0 rgba(242,169,59,.55);animation:jvCountdownPulse 1.8s infinite}
@keyframes jvCountdownPulse{70%{box-shadow:0 0 0 9px rgba(242,169,59,0)}100%{box-shadow:0 0 0 0 rgba(242,169,59,0)}}
.jv-countdown-brandline{margin-top:20px;color:#596577;font:800 9px 'JetBrains Mono',monospace;letter-spacing:1.9px}.jv-countdown-brandline span{color:var(--accent-green)}
.jv-countdown-heading{margin-top:8px;font-size:clamp(44px,5.4vw,78px);line-height:.91;letter-spacing:-2.3px;color:#f6f7f9;text-shadow:0 14px 42px rgba(0,0,0,.35)}
.jv-countdown-heading span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.67);text-shadow:none}
.jv-countdown-event{width:100%;margin-top:24px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-left:2px solid var(--accent-green);background:linear-gradient(90deg,rgba(242,169,59,.075),rgba(255,255,255,.018));border-radius:0 12px 12px 0}
.jv-countdown-event>div:first-child{min-width:0}.jv-countdown-event small{display:block;color:#697588;font:800 8px 'JetBrains Mono',monospace;letter-spacing:1.4px;margin-bottom:3px}.jv-countdown-event strong{display:block;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jv-countdown-event-date{flex:0 0 auto;color:var(--accent-gold);font:800 9px 'JetBrains Mono',monospace;text-align:right}
.jv-countdown-clock{width:100%;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:20px}
.jv-countdown-unit{position:relative;min-width:0;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.04),0 16px 35px rgba(0,0,0,.22);overflow:hidden}
.jv-countdown-unit::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(242,169,59,.07),transparent 55%);opacity:.55}
.jv-countdown-unit span{position:relative;color:#fff;font:800 clamp(30px,3vw,46px) 'JetBrains Mono',monospace;line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums}.jv-countdown-unit small{position:relative;margin-top:8px;color:#657184;font:800 8px 'JetBrains Mono',monospace;letter-spacing:1.5px}.jv-countdown-unit-seconds{border-color:rgba(242,169,59,.24);box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 34px rgba(242,169,59,.055)}
.jv-countdown-separator{color:#444f60;font:800 20px 'JetBrains Mono',monospace}.jv-tick-pop{animation:jvTickPop .22s ease}@keyframes jvTickPop{0%{transform:translateY(-4px);opacity:.35}100%{transform:none;opacity:1}}
.jv-countdown-status-row{width:100%;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.jv-countdown-status{display:flex;align-items:center;gap:9px;color:#8793a6;font-size:10px}.jv-countdown-status i{color:var(--accent-cyan)}.jv-countdown-auto-chip{flex:0 0 auto;padding:5px 8px;border-radius:6px;background:rgba(27,138,90,.1);border:1px solid rgba(27,138,90,.2);color:#69d5a1;font:800 8px 'JetBrains Mono',monospace;letter-spacing:.8px}
.jv-countdown-actions{display:flex;gap:9px;margin-top:22px}.jv-countdown-btn{height:46px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;text-decoration:none;font:900 10px 'Manrope',sans-serif;letter-spacing:.5px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.jv-countdown-btn:hover{transform:translateY(-2px)}.jv-countdown-btn-primary{background:var(--gradient-mint);color:#090b0e;box-shadow:0 12px 34px rgba(242,169,59,.18)}.jv-countdown-btn-ghost{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);color:#d6dce5}.jv-countdown-btn-ghost:hover{border-color:rgba(242,169,59,.25)}
.jv-countdown-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;color:#4e596a;font:800 8px 'JetBrains Mono',monospace;letter-spacing:.7px}.jv-countdown-meta i{margin-right:5px;color:#727f92}
.jv-countdown-visual{position:relative;min-height:560px;display:grid;place-items:center}
.jv-countdown-photo-frame{position:relative;width:min(100%,405px);height:520px;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.11);background:#0a0e14;box-shadow:0 35px 95px rgba(0,0,0,.5),0 0 0 7px rgba(255,255,255,.018),0 0 75px rgba(242,169,59,.07);transform:perspective(1000px) rotateY(-2deg)}
.jv-countdown-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;filter:contrast(1.04) saturate(.9)}
.jv-countdown-photo-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(4,7,11,.12) 63%,rgba(4,7,11,.88) 100%),linear-gradient(90deg,rgba(242,169,59,.08),transparent 28%);pointer-events:none}
.jv-countdown-photo-scan{position:absolute;z-index:3;left:0;right:0;height:1px;top:12%;background:linear-gradient(90deg,transparent,rgba(255,210,76,.7),transparent);box-shadow:0 0 12px rgba(255,210,76,.35);animation:jvScanLine 5.5s ease-in-out infinite;pointer-events:none}@keyframes jvScanLine{0%,100%{top:8%;opacity:.25}50%{top:88%;opacity:.8}}
.jv-countdown-photo-top{position:absolute;z-index:4;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center}.jv-countdown-photo-code{padding:6px 8px;border-radius:7px;background:rgba(4,7,11,.7);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);color:#d6b65d;font:800 8px 'JetBrains Mono',monospace;letter-spacing:1px}.jv-countdown-photo-signal{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:rgba(4,7,11,.7);border:1px solid rgba(255,255,255,.08);color:#81e4b0}
.jv-countdown-photo-bottom{position:absolute;z-index:4;left:20px;right:20px;bottom:20px}.jv-countdown-photo-bottom small{display:block;color:#758196;font:800 8px 'JetBrains Mono',monospace;letter-spacing:1.6px}.jv-countdown-photo-bottom strong{display:block;margin-top:3px;color:#fff;font:700 24px 'Oswald',sans-serif;letter-spacing:.6px}
.jv-countdown-ring{position:absolute;border-radius:50%;border:1px solid rgba(242,169,59,.14);pointer-events:none}.jv-countdown-ring-1{width:480px;height:480px;animation:jvRingRotate 22s linear infinite}.jv-countdown-ring-2{width:550px;height:550px;border-style:dashed;border-color:rgba(46,158,247,.11);animation:jvRingRotate 34s linear infinite reverse}@keyframes jvRingRotate{to{transform:rotate(360deg)}}
.jv-countdown-float-card{position:absolute;z-index:6;min-width:145px;padding:10px 12px;border-radius:11px;display:flex;align-items:center;gap:10px;background:rgba(7,10,15,.86);border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 45px rgba(0,0,0,.36);backdrop-filter:blur(14px)}.jv-countdown-float-card i{color:var(--accent-green)}.jv-countdown-float-card div{display:flex;flex-direction:column}.jv-countdown-float-card small{color:#596577;font:800 7px 'JetBrains Mono',monospace;letter-spacing:1px}.jv-countdown-float-card strong{color:#f4f6f9;font-size:10px}.jv-countdown-float-card-a{left:-4px;top:22%}.jv-countdown-float-card-b{right:-8px;bottom:17%}.jv-countdown-mini-dot{width:8px;height:8px;border-radius:50%;background:#69d5a1;box-shadow:0 0 12px rgba(105,213,161,.5)}
.jv-countdown-hero.is-live{border-color:rgba(232,64,44,.32);box-shadow:0 34px 110px rgba(0,0,0,.46),0 0 80px rgba(232,64,44,.08),inset 0 1px rgba(255,255,255,.045)}.jv-countdown-hero.is-live .jv-countdown-pulse{background:#e8402c;box-shadow:0 0 18px rgba(232,64,44,.55)}.jv-countdown-hero.is-live .jv-countdown-eyebrow{color:#ff8b7d;border-color:rgba(232,64,44,.24);background:rgba(232,64,44,.08)}.jv-countdown-hero.is-live .jv-countdown-photo-bottom strong{color:#ffb1a8}

/* Home antiga continua, mas visualmente passa a ser secundária ao hero. */
#sobre>.profile-header{margin-top:24px;opacity:.92}
#sobre>.stream-player-box{border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.38)}

@media(max-width:1120px){.jv-countdown-layout{grid-template-columns:1fr}.jv-countdown-copy{order:2}.jv-countdown-visual{order:1;min-height:440px}.jv-countdown-photo-frame{height:405px;width:min(100%,350px)}.jv-countdown-ring-1{width:390px;height:390px}.jv-countdown-ring-2{width:440px;height:440px}.jv-countdown-float-card-a{left:calc(50% - 245px)}.jv-countdown-float-card-b{right:calc(50% - 245px)}}
@media(max-width:700px){.jv-countdown-hero{margin:0 2px 24px;padding:18px 14px 22px;border-radius:21px}.jv-countdown-layout{gap:16px}.jv-countdown-visual{min-height:355px}.jv-countdown-photo-frame{height:330px;width:min(86vw,300px);border-radius:19px;transform:none}.jv-countdown-ring-1{width:315px;height:315px}.jv-countdown-ring-2{width:350px;height:350px}.jv-countdown-float-card{min-width:118px;padding:8px 9px}.jv-countdown-float-card-a{left:0;top:21%}.jv-countdown-float-card-b{right:0;bottom:15%}.jv-countdown-heading{font-size:clamp(38px,13vw,56px);letter-spacing:-1.5px}.jv-countdown-event{align-items:flex-start;flex-direction:column;gap:8px}.jv-countdown-event-date{text-align:left}.jv-countdown-clock{gap:4px}.jv-countdown-unit{min-height:88px;border-radius:11px}.jv-countdown-unit span{font-size:clamp(24px,8.5vw,35px);letter-spacing:-1.5px}.jv-countdown-unit small{font-size:6.5px}.jv-countdown-separator{font-size:13px}.jv-countdown-status-row{align-items:flex-start}.jv-countdown-status{font-size:9px}.jv-countdown-actions{width:100%}.jv-countdown-btn{flex:1;padding:0 11px}.jv-countdown-meta{gap:10px 13px}.jv-countdown-photo-bottom strong{font-size:20px}}
@media(max-width:430px){.jv-countdown-float-card{display:none}.jv-countdown-ring-2{display:none}.jv-countdown-visual{min-height:315px}.jv-countdown-photo-frame{height:300px;width:255px}.jv-countdown-ring-1{width:285px;height:285px}.jv-countdown-clock{grid-template-columns:1fr 1fr;gap:7px}.jv-countdown-separator{display:none}.jv-countdown-unit{min-height:82px}.jv-countdown-actions{flex-direction:column}.jv-countdown-btn{width:100%}.jv-countdown-meta{font-size:7px}}


/* ==========================================================================
   JVILELAA V10.5 — STREAM / RESGATES / NAV RELIABILITY
   ========================================================================== */

/* Countdown: critical visibility guard */
#stream.active #jv-countdown-hero{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}
#jv-countdown-hero{
    min-height:520px;
}

/* Dedicated Stream page */
.jv-stream-page{max-width:1380px!important}
.jv-stream-hero{
    display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
    margin:0 auto 18px;padding:27px 30px;border-radius:24px;
    background:
        radial-gradient(circle at 10% -20%,rgba(145,70,255,.20),transparent 48%),
        linear-gradient(145deg,rgba(15,20,29,.98),rgba(7,10,16,.99));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 24px 72px rgba(0,0,0,.34);
}
.jv-stream-hero h2{font-size:clamp(34px,4.5vw,58px);line-height:.95;margin:0;color:#fff}
.jv-stream-hero p{margin:10px 0 0;color:#78869a;font-size:12px}
.jv-stream-live-pill{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:7px 10px;border-radius:999px;background:rgba(145,70,255,.08);border:1px solid rgba(145,70,255,.18);font:900 8px 'JetBrains Mono',monospace;letter-spacing:1px;color:#bd91ff}
.jv-stream-live-pill i,.jv-stream-signal{width:7px;height:7px;border-radius:50%;background:#e8402c;box-shadow:0 0 12px rgba(232,64,44,.65)}
.jv-stream-actions{display:flex;gap:8px;flex-wrap:wrap}
.jv-stream-small-btn{height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#dce2ea;text-decoration:none;font-size:10px;font-weight:900;cursor:pointer}
.jv-stream-small-btn.primary{background:#9146ff;border-color:#9146ff;color:#fff;box-shadow:0 10px 28px rgba(145,70,255,.22)}
.jv-stream-stage{padding:12px;border-radius:24px;background:linear-gradient(145deg,rgba(12,17,25,.98),rgba(5,8,13,.99));border:1px solid rgba(255,255,255,.075);box-shadow:0 30px 85px rgba(0,0,0,.42)}
.jv-stream-stage-top,.jv-stream-stage-bottom{min-height:42px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#606d80;font:800 8px 'JetBrains Mono',monospace;letter-spacing:.9px}
.jv-stream-stage-top>div{display:flex;align-items:center;gap:9px;color:#cbd3df}
.jv-stream-stage-bottom{justify-content:flex-start;gap:20px;flex-wrap:wrap}
.jv-stream-stage-bottom i{color:#a37aff;margin-right:5px}
.jv-stream-player{width:100%;height:min(68vh,720px);min-height:500px;border-radius:15px!important;background:#04060a}
.jv-stream-player iframe{width:100%!important;height:100%!important;min-height:500px!important;border-radius:15px}

/* Dedicated redemptions */
.jv-redemptions-page{max-width:1240px!important}
.jv-redemptions-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.jv-redemptions-summary>div{padding:18px;border-radius:16px;background:linear-gradient(145deg,rgba(16,22,31,.96),rgba(8,12,18,.97));border:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.jv-redemptions-summary i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(242,169,59,.07);border:1px solid rgba(242,169,59,.12);color:#e3b344}
.jv-redemptions-summary span{color:#667386;font:900 7px 'JetBrains Mono',monospace;letter-spacing:1.2px}
.jv-redemptions-summary b{font-size:23px;color:#fff}
.jv-redemptions-main-panel{min-height:300px}
.jv-redemptions-list{display:flex;flex-direction:column;gap:8px}
.jv-redemption-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
.jv-redemption-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(242,169,59,.08);color:#e5b54b}
.jv-redemption-copy{display:flex;flex-direction:column;gap:3px}.jv-redemption-copy b{font-size:11px;color:#f4f6f9}.jv-redemption-copy span{font-size:9px;color:#667386}
.jv-redemption-row em{font:900 8px 'JetBrains Mono',monospace;color:#d9b14c;font-style:normal}
.jv-redemption-row em[data-status="completed"],.jv-redemption-row em[data-status="concluído"],.jv-redemption-row em[data-status="concluido"]{color:#65dba0}

/* Ensure dropdown items stay clickable above page content */
.jv-compact-dropdown{pointer-events:auto!important}
.jv-nav-stack.open{z-index:100002!important}
.jv-nav-stack.open>.jv-compact-dropdown{z-index:100003!important}

@media(max-width:760px){
    #jv-countdown-hero{min-height:0}
    .jv-stream-hero{align-items:flex-start;flex-direction:column;padding:21px 18px}
    .jv-stream-actions{width:100%}.jv-stream-small-btn{flex:1}
    .jv-stream-player{height:56vh;min-height:330px}.jv-stream-player iframe{min-height:330px!important}
    .jv-redemptions-summary{grid-template-columns:1fr}
    .jv-redemption-row{grid-template-columns:auto 1fr}.jv-redemption-row em{grid-column:2}
}


/* ========================================================================== 
   JVILELAA V10.6 — LIVE CENTER FINAL
   ========================================================================== */
.jv-live-center-shell{position:relative;max-width:1420px;margin:0 auto}
.jv-live-center-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;padding:10px 12px;border-radius:14px;background:rgba(6,9,14,.82);border:1px solid rgba(255,255,255,.065);box-shadow:0 14px 40px rgba(0,0,0,.24)}
.jv-live-center-brand{display:flex;align-items:center;gap:10px}.jv-live-center-brand>span{width:9px;height:9px;border-radius:50%;background:#667386;box-shadow:0 0 0 5px rgba(102,115,134,.08)}
.jv-live-center-brand small,.jv-live-center-brand b{display:block}.jv-live-center-brand small{font:900 7px 'JetBrains Mono',monospace;letter-spacing:1.5px;color:#657287}.jv-live-center-brand b{margin-top:2px;font:900 10px 'JetBrains Mono',monospace;color:#e3e8ef}
.jv-live-center-links{display:flex;gap:6px}.jv-live-center-links a,.jv-live-center-links button{height:34px;padding:0 11px;border-radius:9px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.035);color:#8794a7;display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:9px;font-weight:900;cursor:pointer}
.jv-live-center-shell[data-mode="live"] .jv-live-center-brand>span{background:#e8402c;box-shadow:0 0 0 5px rgba(232,64,44,.09),0 0 18px rgba(232,64,44,.65);animation:jvLiveDotPulse 1.25s infinite}
.jv-live-center-shell[data-mode="live"] .jv-live-center-brand b{color:#ff6d5b}
@keyframes jvLiveDotPulse{50%{opacity:.45;transform:scale(.82)}}
.jv-stream-mode-view{display:none!important}.jv-stream-mode-view.is-visible{display:block!important}
#jv-stream-offline-view .jv-countdown-hero{margin-top:0!important;margin-bottom:0!important}
.jv-stream-live-hero{margin-top:0!important}.jv-live-red{color:#e8402c;font-size:.55em;vertical-align:.2em;text-shadow:0 0 22px rgba(232,64,44,.65)}
.jv-load-error{display:flex!important;min-height:150px;flex-direction:column;align-items:center;justify-content:center;gap:7px}.jv-load-error i{font-size:22px;color:#f2a93b}.jv-load-error b{color:#e8edf4;font-size:12px}.jv-load-error span{color:#6f7c8f;font-size:9px}.jv-load-error button{margin-top:6px;height:32px;padding:0 12px;border:1px solid rgba(242,169,59,.25);border-radius:8px;background:rgba(242,169,59,.08);color:#e9b94c;font-size:8px;font-weight:900;cursor:pointer}
@media(max-width:760px){.jv-live-center-topbar{align-items:flex-start;flex-direction:column}.jv-live-center-links{width:100%}.jv-live-center-links a,.jv-live-center-links button{flex:1;justify-content:center}}


/* ==========================================================================
   JVILELAA V10.7 — ADMIN AUTH VISIBILITY
   ========================================================================== */

/* O botão Admin nasce sempre escondido.
   O JavaScript só o mostra após validar a conta Twitch "jvilelaa". */
#btn-admin-tab,
#btn-admin-tab.jv-admin-nav {
    display: none;
}


/* =====================================================================
   JVILELAA V11 — CADERNETA LIGA PORTUGAL + BET CODES
   ===================================================================== */
.minigame-card--stickers{border-color:rgba(36,211,126,.26)!important}
.minigame-card--stickers:hover{border-color:rgba(36,211,126,.65)!important;box-shadow:0 28px 70px rgba(0,0,0,.68),0 0 42px rgba(36,211,126,.13)!important}
.sticker-hub-art{height:160px;border-radius:16px;margin-bottom:22px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 100%,rgba(44,219,132,.27),transparent 58%),linear-gradient(145deg,#0c1514,#08100f);border:1px solid rgba(44,219,132,.36);display:flex;align-items:center;justify-content:center}
.sticker-hub-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:22px 22px}
.sticker-hub-pack{z-index:3;width:92px;height:125px;border-radius:10px;background:linear-gradient(145deg,#14342a,#0c1917);border:1px solid rgba(101,255,178,.4);box-shadow:0 18px 45px #0008;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-2deg);color:white}.sticker-hub-pack span{font:900 9px 'JetBrains Mono';letter-spacing:2px;color:#6affb1}.sticker-hub-pack b{font:900 20px Oswald}.sticker-hub-pack i{margin-top:10px;font-size:26px;color:#62e9a3}
.sticker-hub-card{position:absolute;width:64px;height:92px;border-radius:8px;border:1px solid #ffffff33;background:linear-gradient(150deg,#1b7b52,#10241d);display:flex;align-items:center;justify-content:center;font:900 27px Oswald;color:#fff;box-shadow:0 10px 26px #0008}.sticker-hub-card small{position:absolute;bottom:8px;font:800 7px 'JetBrains Mono';letter-spacing:1px}.sticker-hub-card.c1{transform:translateX(-78px) rotate(-14deg)}.sticker-hub-card.c2{transform:translateX(78px) rotate(14deg);background:linear-gradient(150deg,#8a2230,#211b21)}
.sticker-launch-btn{background:linear-gradient(135deg,#27d983,#10a866)!important;color:#04110b!important}

.sticker-game-shell{max-width:1360px;margin:0 auto;padding-bottom:40px}
.sticker-topbar{display:flex;align-items:center;gap:12px;margin-bottom:15px;position:sticky;top:76px;z-index:30;padding:10px 12px;border:1px solid #ffffff12;border-radius:14px;background:rgba(7,11,16,.88);backdrop-filter:blur(18px);box-shadow:0 14px 40px #0006}.sticker-back{height:38px;padding:0 13px;border:1px solid #ffffff15;background:#ffffff08;color:#dfe8e3;border-radius:9px;display:flex;align-items:center;gap:8px;font-weight:900;cursor:pointer}.sticker-season{margin:auto;display:flex;align-items:center;gap:8px;font:800 9px 'JetBrains Mono';letter-spacing:1px;color:#819089}.sticker-season b{color:#50e99d}.sticker-top-points{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:9px;background:#f4b93610;border:1px solid #f4b93624;color:#f4c354;font:900 10px 'JetBrains Mono'}
.sticker-hero{position:relative;overflow:hidden;padding:34px;border-radius:24px;background:radial-gradient(circle at 80% 30%,rgba(40,222,135,.18),transparent 34%),radial-gradient(circle at 20% 100%,rgba(37,122,255,.13),transparent 38%),linear-gradient(145deg,#0b1115,#070b0e);border:1px solid #ffffff12;box-shadow:0 30px 90px #0007;margin-bottom:18px}.sticker-hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#000,transparent 78%)}.sticker-hero-copy,.sticker-hero-stats,.sticker-progress-track{position:relative;z-index:2}.sticker-kicker{font:900 8px 'JetBrains Mono';letter-spacing:1.8px;color:#4de899}.sticker-hero h2{font:900 clamp(42px,6vw,78px)/.92 Oswald;margin:9px 0;color:#fff;letter-spacing:-2px}.sticker-hero h2 span{color:#45e596}.sticker-hero p{max-width:720px;color:#89958f;font-size:13px;line-height:1.7}.sticker-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:25px;max-width:760px}.sticker-hero-stats>div{padding:14px;border-radius:12px;background:#ffffff05;border:1px solid #ffffff0d;display:grid;grid-template-columns:auto 1fr;column-gap:8px}.sticker-hero-stats small{grid-column:1/-1;font:800 7px 'JetBrains Mono';letter-spacing:1.1px;color:#64716c}.sticker-hero-stats strong{font:900 26px Oswald;color:#fff}.sticker-hero-stats span{align-self:end;color:#738079;font-size:9px}.sticker-progress-track{height:7px;border-radius:99px;background:#ffffff0b;margin-top:15px;max-width:760px;overflow:hidden}.sticker-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18bd70,#62efad);box-shadow:0 0 20px #2be78d88;transition:width .45s ease}
.sticker-login-gate{min-height:340px;place-items:center;text-align:center;padding:50px;border:1px solid #ffffff10;border-radius:20px;background:#0b1015}.sticker-login-gate>i{font-size:42px;color:#9146ff}.sticker-login-gate h3{margin:10px 0 0;color:white}.sticker-login-gate p{color:#78847e}
.sticker-pack-zone{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:center;padding:27px;border-radius:22px;background:linear-gradient(145deg,#10171b,#080c0f);border:1px solid #ffffff11;overflow:hidden}.sticker-zone-kicker{font:900 8px 'JetBrains Mono';letter-spacing:1.5px;color:#47e797}.sticker-pack-copy h3{font:900 34px Oswald;margin:6px 0;color:white}.sticker-pack-copy p{max-width:660px;color:#7f8c86;font-size:12px}.sticker-daily-meter{display:flex;align-items:center;gap:11px;margin:17px 0;padding:11px 13px;border:1px solid #ffffff0e;border-radius:11px;width:max-content;max-width:100%;background:#ffffff04}.sticker-daily-meter>span{font:800 7px 'JetBrains Mono';letter-spacing:1px;color:#73817a}.sticker-daily-dots{display:flex;gap:5px}.sticker-daily-dots i{width:12px;height:12px;border-radius:50%;background:#32df8c;box-shadow:0 0 12px #32df8c55}.sticker-daily-dots i.used{background:#303b36;box-shadow:none}.sticker-daily-meter strong{font-size:9px;color:#b8c4bd}.sticker-daily-meter b{color:#50e79b}.sticker-pack-actions{display:flex;gap:10px;flex-wrap:wrap}.sticker-pack-btn{min-width:210px;padding:13px 14px;border-radius:13px;border:1px solid #ffffff12;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;text-align:left;cursor:pointer;transition:.2s}.sticker-pack-btn>i{font-size:20px}.sticker-pack-btn span{display:flex;flex-direction:column}.sticker-pack-btn b{font-size:10px}.sticker-pack-btn small{font-size:8px;opacity:.68;margin-top:3px}.sticker-pack-btn.free{background:linear-gradient(135deg,#1ed17c,#0e9f5b);color:#03130b}.sticker-pack-btn.paid{background:#e4af3713;border-color:#e4af3730;color:#f0c45e}.sticker-pack-btn em{font:900 15px Oswald;font-style:normal}.sticker-pack-btn.disabled,.sticker-pack-btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.45)}
.sticker-pack-visual{height:260px;position:relative;display:grid;place-items:center;perspective:800px}.sticker-pack-glow{position:absolute;width:210px;height:210px;border-radius:50%;background:#2adc8940;filter:blur(45px)}.sticker-pack-main,.sticker-pack-shadow{width:165px;height:225px;border-radius:16px;position:absolute;border:1px solid #67f4b151}.sticker-pack-main{z-index:4;background:radial-gradient(circle at 50% 15%,#36d88955,transparent 35%),linear-gradient(145deg,#123d2c,#081711);box-shadow:0 35px 70px #000a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;transform:rotate(2deg)}.sticker-pack-main span{font:900 10px 'JetBrains Mono';letter-spacing:4px;color:#6ef0b1}.sticker-pack-main b{font:900 31px Oswald}.sticker-pack-main strong{font:900 20px Oswald;color:#64eba9}.sticker-pack-main i{font-size:40px;margin:15px;color:#65e8a9}.sticker-pack-main small{font:900 8px 'JetBrains Mono';letter-spacing:1px}.sticker-pack-shadow{background:#0d2119;opacity:.55}.sticker-pack-shadow.one{transform:translate(-28px,10px) rotate(-10deg)}.sticker-pack-shadow.two{transform:translate(30px,14px) rotate(12deg)}
.sticker-album-section{margin-top:18px;padding:22px;border-radius:22px;background:#090e12;border:1px solid #ffffff10}.sticker-album-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:16px}.sticker-album-head>div:first-child>span{font:900 7px 'JetBrains Mono';letter-spacing:1px;color:#55dd99}.sticker-album-head h3{margin:3px 0 0;color:white;font:900 27px Oswald}.sticker-album-controls{display:flex;gap:7px;flex-wrap:wrap}.sticker-album-controls select,.sticker-album-controls label{height:38px;border:1px solid #ffffff12;background:#0e151a;color:#aeb8b3;border-radius:9px;padding:0 10px;font-size:9px}.sticker-album-controls label{display:flex;align-items:center;gap:7px}.sticker-album-controls input{border:0;outline:0;background:transparent;color:white;width:160px}.sticker-club-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:18px}.sticker-club-progress button{display:flex;align-items:center;gap:8px;padding:9px;border-radius:10px;border:1px solid #ffffff0e;background:#ffffff03;color:white;text-align:left;cursor:pointer}.sticker-club-progress button>span{min-width:33px;height:33px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--club) 30%,#101519);border:1px solid color-mix(in srgb,var(--club) 55%,transparent);font:900 7px 'JetBrains Mono'}.sticker-club-progress button div{min-width:0;flex:1}.sticker-club-progress b{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticker-club-progress small{font-size:7px;color:#707d77}.sticker-club-progress i{display:block;height:3px;background:#ffffff0d;margin-top:5px;border-radius:99px;overflow:hidden}.sticker-club-progress em{display:block;height:100%;background:var(--club)}
.sticker-album-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.sticker-card{position:relative;aspect-ratio: .72;border-radius:13px;padding:10px;overflow:hidden;background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--club) 25%,transparent),transparent 42%),linear-gradient(155deg,#151c21,#090d10);border:1px solid color-mix(in srgb,var(--club) 40%,#ffffff10);box-shadow:0 13px 28px #0005}.sticker-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff10 49%,transparent 63%);transform:translateX(-130%);pointer-events:none}.sticker-card.owned:hover:after{transition:.55s;transform:translateX(130%)}.sticker-card.missing{filter:saturate(.2);opacity:.52}.sticker-card-top{display:flex;justify-content:space-between;position:relative;z-index:2;font:900 7px 'JetBrains Mono';color:#87928d}.sticker-card-top b{color:color-mix(in srgb,var(--club) 60%,white)}.sticker-card-photo{height:47%;margin:9px 0 7px;border-radius:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--club) 36%,#111),#090d0f);display:grid;place-items:center;position:relative;border:1px solid #ffffff0e}.sticker-card-photo i{position:absolute;font-size:54px;color:#ffffff0c}.sticker-card-photo strong{font:900 31px Oswald;color:#ffffffd9;text-shadow:0 5px 20px #000}.sticker-card-team{font:900 6px 'JetBrains Mono';letter-spacing:.8px;color:#6f7e77;text-transform:uppercase}.sticker-card h4{font:900 12px/1.05 Oswald;margin:4px 0;color:#f1f5f3;min-height:26px}.sticker-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.sticker-card-foot span{padding:3px 5px;border-radius:5px;background:color-mix(in srgb,var(--club) 18%,transparent);color:#d9e2dd;font:900 6px 'JetBrains Mono'}.sticker-card-foot em{font:900 6px 'JetBrains Mono';font-style:normal;color:#51df99}.sticker-card.missing .sticker-card-foot em{color:#5e6964}.sticker-empty{grid-column:1/-1;text-align:center;padding:50px;color:#68736d}
.sticker-pack-modal{position:fixed;z-index:200000;inset:0;background:#020506e8;backdrop-filter:blur(17px);place-items:center;padding:20px}.sticker-pack-modal-card{width:min(1120px,96vw);max-height:94vh;overflow:auto;padding:25px;border-radius:22px;background:radial-gradient(circle at 50% 0,#28d78118,transparent 35%),#080d10;border:1px solid #52e59b33;box-shadow:0 35px 120px #000}.sticker-pack-modal-head{text-align:center}.sticker-pack-modal-head>span{font:900 8px 'JetBrains Mono';letter-spacing:2px;color:#4de599}.sticker-pack-modal-head h3{margin:4px 0;font:900 35px Oswald;color:white}.sticker-pack-modal-head p{margin:0;color:#7c8983;font-size:10px}.sticker-pack-reveal-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin:22px 0}.sticker-pack-reveal-grid .sticker-card{opacity:0;transform:translateY(25px) rotateY(70deg);animation:stickerReveal .55s ease forwards;animation-delay:calc(var(--delay) * 90ms)}@keyframes stickerReveal{to{opacity:1;transform:none}}.sticker-pack-close{display:flex;margin:0 auto}

.betcode-import-box{padding:12px;border-radius:12px;background:linear-gradient(145deg,#121822,#0c1118);border:1px solid #5593ff24;margin:10px 0}.betcode-import-title{display:flex;align-items:center;gap:9px;margin-bottom:9px;color:#76a8ff}.betcode-import-title>i{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#4f8fff14}.betcode-import-title span{display:flex;flex-direction:column}.betcode-import-title b{font-size:8px;letter-spacing:.8px}.betcode-import-title small{font-size:7px;color:#68768a;margin-top:2px}.betcode-import-row{display:grid;grid-template-columns:1fr auto;gap:6px}.betcode-import-row input{height:37px;border-radius:8px;border:1px solid #ffffff12;background:#080c12;color:#fff;padding:0 10px;font:900 11px 'JetBrains Mono';text-transform:uppercase;letter-spacing:1px;outline:none}.betcode-import-row button{border:1px solid #5b92ff32;border-radius:8px;background:#4c83ff17;color:#8eb1ff;font-size:8px;font-weight:900;padding:0 10px;cursor:pointer}.betcode-source{margin-top:8px;align-items:center;gap:6px;padding:7px 8px;border-radius:8px;background:#35d88c0d;border:1px solid #35d88c20;color:#77dbaa;font-size:7px}.betcode-source span{flex:1}.betcode-source button{border:0;background:transparent;color:#738178;cursor:pointer}.bet-share-result{margin-top:10px;padding:13px;border-radius:12px;background:radial-gradient(circle at 20% 0,#46dc9133,transparent 55%),#0b1511;border:1px solid #47df9433;text-align:center}.bet-share-result>span{display:block;font:900 7px 'JetBrains Mono';letter-spacing:1px;color:#61e8a4}.bet-share-result>strong{display:block;margin:6px 0;font:900 25px 'JetBrains Mono';letter-spacing:2px;color:#fff}.bet-share-result>small{display:block;color:#72827a;font-size:7px;line-height:1.5}.bet-share-result>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.bet-share-result button,.bet-ticket-code button{height:31px;border-radius:7px;border:1px solid #ffffff12;background:#ffffff07;color:#dce5e0;font-size:7px;font-weight:900;cursor:pointer}.bet-ticket-code{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;background:#54df9410}.bet-ticket-code span{font:900 9px 'JetBrains Mono';letter-spacing:.8px;color:#65e6a4}.bet-ticket-code button{padding:0 9px}

@media(max-width:1050px){.sticker-club-progress{grid-template-columns:repeat(4,1fr)}.sticker-album-grid{grid-template-columns:repeat(4,1fr)}.sticker-pack-reveal-grid{grid-template-columns:repeat(4,1fr)}.sticker-pack-zone{grid-template-columns:1fr}.sticker-pack-visual{height:240px}}
@media(max-width:720px){.sticker-topbar{top:63px}.sticker-season{display:none}.sticker-hero{padding:22px 17px}.sticker-hero-stats{grid-template-columns:1fr 1fr}.sticker-hero-stats>div:last-child{grid-column:1/-1}.sticker-pack-zone{padding:18px}.sticker-pack-actions{flex-direction:column}.sticker-pack-btn{width:100%;min-width:0}.sticker-album-section{padding:14px}.sticker-album-head{align-items:flex-start;flex-direction:column}.sticker-album-controls{width:100%}.sticker-album-controls select,.sticker-album-controls label{flex:1;min-width:45%}.sticker-club-progress{grid-template-columns:repeat(2,1fr)}.sticker-album-grid{grid-template-columns:repeat(2,1fr)}.sticker-pack-reveal-grid{grid-template-columns:repeat(2,1fr)}.sticker-card h4{font-size:13px}.bet-share-result>div{grid-template-columns:1fr}}


/* JVILELAA V11.1 — CADERNETA POR CLUBES */
.sticker-clubs-head{align-items:center}.sticker-clubs-head p{margin:6px 0 0;max-width:650px;color:#738079;font-size:11px;line-height:1.55}.sticker-browser-kpi{min-width:150px;padding:12px 15px;border-radius:13px;background:#ffffff04;border:1px solid #ffffff0d;display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:end}.sticker-browser-kpi small{grid-column:1/-1;color:#69766f;font:900 7px 'JetBrains Mono';letter-spacing:1px}.sticker-browser-kpi strong{color:#58e99f;font:900 27px Oswald}.sticker-browser-kpi span{color:#69766f;font:800 10px 'JetBrains Mono';margin-bottom:5px}
.sticker-club-browser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.sticker-club-book{position:relative;min-height:220px;padding:17px;overflow:hidden;border-radius:18px;border:1px solid color-mix(in srgb,var(--club) 30%,#ffffff0e);background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--club) 18%,transparent),transparent 42%),linear-gradient(150deg,#11181d,#080c0f 78%);color:#fff;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.sticker-club-book:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--club) 58%,#ffffff18);box-shadow:0 18px 45px #0007}.sticker-club-book.completed{box-shadow:inset 0 0 0 1px color-mix(in srgb,#4fe39a 35%,transparent)}.sticker-club-book-glow{position:absolute;width:150px;height:150px;border-radius:50%;right:-60px;top:-70px;background:var(--club);opacity:.10;filter:blur(25px);pointer-events:none}.sticker-club-book-top,.sticker-club-book-copy,.sticker-club-book-progress,.sticker-club-book-foot,.sticker-club-open{position:relative;z-index:2}.sticker-club-book-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.sticker-club-emblem{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:#fff;background:color-mix(in srgb,var(--club) 30%,#10171b);border:1px solid color-mix(in srgb,var(--club) 60%,transparent);font:900 9px 'JetBrains Mono';letter-spacing:.6px}.sticker-club-book-top em{font:900 7px 'JetBrains Mono';font-style:normal;color:#aab5af}.sticker-club-book.completed .sticker-club-book-top em{color:#56e9a0}.sticker-club-book-copy{margin-top:20px}.sticker-club-book-copy small{font:800 6.5px 'JetBrains Mono';color:#63716a;letter-spacing:1px}.sticker-club-book-copy h4{margin:4px 0 6px;color:#fff;font:900 22px/1 Oswald}.sticker-club-book-copy p{margin:0;color:#7d8983;font-size:9px}.sticker-club-book-copy p b{color:#eaf2ee}.sticker-club-book-progress{height:5px;overflow:hidden;margin:16px 0 10px;border-radius:99px;background:#ffffff0a}.sticker-club-book-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--club),var(--accent));box-shadow:0 0 12px color-mix(in srgb,var(--club) 55%,transparent)}.sticker-club-book-foot{display:flex;justify-content:space-between;gap:10px;color:#68766f;font:800 7px 'JetBrains Mono'}.sticker-club-book-foot i{margin-right:3px}.sticker-club-open{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:12px;border-top:1px solid #ffffff0c;color:#cbd7d0;font:900 7px 'JetBrains Mono';letter-spacing:.8px}.sticker-club-open i{color:var(--accent)}
.sticker-team-detail{animation:stickerTeamIn .24s ease}@keyframes stickerTeamIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sticker-team-detail-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px 0 18px;border-bottom:1px solid #ffffff0c}.sticker-team-back{height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:10px;border:1px solid #ffffff10;background:#ffffff04;color:#aeb9b3;cursor:pointer;font:900 8px 'JetBrains Mono'}.sticker-team-back:hover{color:#fff;border-color:#ffffff22}.sticker-team-identity{display:flex;align-items:center;gap:13px;min-width:0}.sticker-team-badge{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--team-color,#30c883) 30%,#10171b);border:1px solid color-mix(in srgb,var(--team-color,#30c883) 60%,transparent);color:#fff;font:900 10px 'JetBrains Mono';box-shadow:0 10px 30px color-mix(in srgb,var(--team-color,#30c883) 18%,transparent)}.sticker-team-identity span{color:#607069;font:900 7px 'JetBrains Mono';letter-spacing:1px}.sticker-team-identity h3{margin:2px 0 3px;color:#fff;font:900 28px/1 Oswald}.sticker-team-identity p{margin:0;color:#78847e;font-size:9px}.sticker-team-progress-ring{width:82px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#10171b 56%,transparent 58%),conic-gradient(#50e39a 0 0%,#ffffff0b 0% 100%);border:1px solid #ffffff10}.sticker-team-progress-ring strong{color:#fff;font:900 19px Oswald}.sticker-team-progress-ring small{color:#69766f;font:900 6px 'JetBrains Mono';letter-spacing:.8px}.sticker-team-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 10px}.sticker-owned-tabs{display:flex;flex-wrap:wrap;gap:6px}.sticker-owned-tabs button{height:36px;padding:0 11px;border-radius:9px;border:1px solid #ffffff0e;background:#ffffff03;color:#75817b;cursor:pointer;font:900 7px 'JetBrains Mono'}.sticker-owned-tabs button.active{color:#07120c;background:#54e49d;border-color:#54e49d}.sticker-player-search{height:38px;min-width:240px;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:10px;border:1px solid #ffffff10;background:#0d1418;color:#718078}.sticker-player-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:9px}.sticker-team-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:15px}.sticker-team-mini-stats>div{padding:11px 13px;border-radius:10px;background:#ffffff03;border:1px solid #ffffff0b;display:flex;align-items:center;justify-content:space-between;gap:10px}.sticker-team-mini-stats span{color:#66746d;font:900 7px 'JetBrains Mono'}.sticker-team-mini-stats b{color:#eef4f1;font:900 17px Oswald}
@media(max-width:1050px){.sticker-club-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.sticker-clubs-head{align-items:flex-start}.sticker-browser-kpi{width:100%}.sticker-club-browser-grid{grid-template-columns:1fr}.sticker-team-detail-head{grid-template-columns:1fr auto}.sticker-team-back{grid-column:1/-1;width:max-content}.sticker-team-progress-ring{width:68px;height:68px}.sticker-team-toolbar{align-items:stretch;flex-direction:column}.sticker-player-search{min-width:0;width:100%}.sticker-team-mini-stats{grid-template-columns:1fr}}


/* ==========================================================================
   JVILELAA V11.2 — PACK REVEAL FIX
   O modal é movido para BODY para não ficar preso ao transform de .tab-content.
   ========================================================================== */

body.sticker-modal-open{
    overflow:hidden !important;
}

#sticker-pack-modal.sticker-pack-modal{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    z-index:2147483000 !important;
    overflow:auto;
    overscroll-behavior:contain;
    place-items:center;
    padding:20px;
}

#sticker-pack-modal .sticker-pack-modal-card{
    position:relative;
    z-index:2;
    margin:auto;
    transform:translateY(10px) scale(.985);
    opacity:0;
    transition:transform .22s ease,opacity .22s ease;
}

#sticker-pack-modal.is-open .sticker-pack-modal-card{
    transform:none;
    opacity:1;
}

#sticker-pack-modal.is-closing .sticker-pack-modal-card{
    transform:translateY(7px) scale(.99);
    opacity:0;
}

/* Estado inicial das cartas. A animação só é ligada depois de o modal
   estar realmente visível e depois de dois requestAnimationFrame(). */
#sticker-pack-modal .sticker-pack-reveal-grid .sticker-card{
    opacity:0 !important;
    transform:perspective(850px) translateY(34px) rotateY(78deg) scale(.93) !important;
    animation:none !important;
    will-change:transform,opacity;
}

#sticker-pack-modal.is-open .sticker-pack-reveal-grid .sticker-card.pack-card-visible{
    animation:jvStickerPackReveal .62s cubic-bezier(.18,.82,.25,1) forwards !important;
    animation-delay:calc(var(--delay,0) * 95ms) !important;
}

@keyframes jvStickerPackReveal{
    0%{
        opacity:0;
        transform:perspective(850px) translateY(34px) rotateY(78deg) scale(.93);
        filter:brightness(.7);
    }
    58%{
        opacity:1;
        transform:perspective(850px) translateY(-7px) rotateY(-7deg) scale(1.025);
        filter:brightness(1.22);
    }
    100%{
        opacity:1;
        transform:perspective(850px) translateY(0) rotateY(0) scale(1);
        filter:brightness(1);
    }
}

#sticker-pack-modal.is-open::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 50% 42%,rgba(76,229,153,.12),transparent 28%),
        radial-gradient(circle at 50% 42%,rgba(255,255,255,.035),transparent 50%);
    animation:jvStickerRevealFlash .55s ease-out both;
}

@keyframes jvStickerRevealFlash{
    from{opacity:0;transform:scale(.92)}
    45%{opacity:1}
    to{opacity:.45;transform:scale(1.04)}
}

@media(max-width:720px){
    #sticker-pack-modal.sticker-pack-modal{
        align-items:flex-start;
        padding:12px;
    }
    #sticker-pack-modal .sticker-pack-modal-card{
        width:100%;
        max-height:none;
        margin:10px auto 24px;
    }
}


/* ==========================================================================
   JVILELAA V11.3 — REVEAL REAL DAS CARTAS
   8 versos visíveis -> flip 3D -> frente REAL do cromo.
   ========================================================================== */

#sticker-pack-modal .sticker-pack-reveal-grid{
    perspective:1400px;
    align-items:stretch;
}

#sticker-pack-modal .sticker-reveal-slot{
    position:relative;
    aspect-ratio:.72;
    min-width:0;
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
    perspective:1000px;
    filter:none !important;
}

#sticker-pack-modal .sticker-reveal-inner{
    position:absolute;
    inset:0;
    transform-style:preserve-3d;
    transform:rotateY(180deg) translateZ(0);
    will-change:transform,filter;
}

/* O verso e a frente existem ao mesmo tempo durante toda a animação. */
#sticker-pack-modal .sticker-reveal-face{
    position:absolute;
    inset:0;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    border-radius:14px;
    overflow:hidden;
}

#sticker-pack-modal .sticker-reveal-back{
    transform:rotateY(180deg);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:#e9fff4;
    border:1px solid color-mix(in srgb,var(--club) 55%,#ffffff1c);
    background:
        radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--club) 37%,transparent),transparent 35%),
        linear-gradient(145deg,#14231c 0%,#08110d 55%,#060a08 100%);
    box-shadow:
        inset 0 0 0 1px #ffffff08,
        0 18px 36px #0007;
}

#sticker-pack-modal .sticker-reveal-back::before{
    content:"";
    position:absolute;
    inset:8px;
    border-radius:10px;
    border:1px solid color-mix(in srgb,var(--accent) 22%,#ffffff0a);
    pointer-events:none;
}

#sticker-pack-modal .sticker-back-lines{
    position:absolute;
    inset:0;
    opacity:.16;
    background:
        repeating-linear-gradient(
            135deg,
            transparent 0 11px,
            color-mix(in srgb,var(--accent) 45%,transparent) 12px 13px
        );
}

#sticker-pack-modal .sticker-back-league{
    position:absolute;
    top:16px;
    left:0;
    right:0;
    z-index:2;
    color:#7e9488;
    font:900 6px 'JetBrains Mono',monospace;
    letter-spacing:1.7px;
}

#sticker-pack-modal .sticker-back-mark{
    position:relative;
    z-index:2;
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:18px;
    margin-bottom:10px;
    background:
        radial-gradient(circle at 35% 25%,#ffffff24,transparent 32%),
        color-mix(in srgb,var(--club) 32%,#0b1711);
    border:1px solid color-mix(in srgb,var(--accent) 48%,#ffffff13);
    box-shadow:0 0 30px color-mix(in srgb,var(--club) 30%,transparent);
}

#sticker-pack-modal .sticker-back-mark i{
    position:absolute;
    top:8px;
    right:10px;
    color:var(--accent);
    font-size:10px;
}

#sticker-pack-modal .sticker-back-mark strong{
    font:900 28px Oswald,sans-serif;
    letter-spacing:-1px;
}

#sticker-pack-modal .sticker-back-title{
    position:relative;
    z-index:2;
    font:900 17px/1 Oswald,sans-serif;
    letter-spacing:.5px;
}

#sticker-pack-modal .sticker-back-title span{
    display:inline-block;
    margin-top:4px;
    color:var(--accent);
    font:900 8px 'JetBrains Mono',monospace;
    letter-spacing:1.3px;
}

#sticker-pack-modal .sticker-back-club{
    position:relative;
    z-index:2;
    margin-top:11px;
    padding:5px 8px;
    border-radius:7px;
    background:#ffffff08;
    color:#9eb2a7;
    border:1px solid #ffffff0c;
    font:900 7px 'JetBrains Mono',monospace;
    letter-spacing:1px;
}

#sticker-pack-modal .sticker-reveal-back>small{
    position:absolute;
    z-index:2;
    bottom:15px;
    color:#53645b;
    font:900 5px 'JetBrains Mono',monospace;
    letter-spacing:.7px;
}

/* A frente do flip É o próprio cromo, não um placeholder. */
#sticker-pack-modal .sticker-reveal-front{
    transform:rotateY(0deg);
    overflow:visible;
}

/* CRÍTICO: neutraliza as regras V11.2 que escondiam .sticker-card durante
   a animação. Aqui a carta real tem de estar visível na face frontal. */
#sticker-pack-modal .sticker-reveal-front .sticker-card{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
    filter:none !important;
    margin:0;
    aspect-ratio:auto;
    box-shadow:0 18px 40px #0009;
}

#sticker-pack-modal .sticker-reveal-status{
    position:absolute;
    z-index:20;
    top:8px;
    left:50%;
    transform:translateX(-50%) translateY(-5px);
    opacity:0;
    pointer-events:none;
    padding:5px 8px;
    border-radius:999px;
    white-space:nowrap;
    background:#46df95;
    color:#05120b;
    border:1px solid #ffffff30;
    box-shadow:0 5px 18px #0008;
    font:900 6px 'JetBrains Mono',monospace;
    letter-spacing:.7px;
    transition:.22s ease .15s;
}

#sticker-pack-modal .sticker-reveal-slot.is-duplicate .sticker-reveal-status{
    background:#f3b43f;
    color:#1b1002;
}

/* O verso já está visível. O flip começa depois do delay de cada carta. */
#sticker-pack-modal.is-open .sticker-reveal-slot.pack-card-visible .sticker-reveal-inner{
    animation:jvRealStickerFlip .82s cubic-bezier(.16,.86,.22,1) forwards;
    animation-delay:calc(var(--delay,0) * 150ms);
}

@keyframes jvRealStickerFlip{
    0%{
        transform:rotateY(180deg) translateY(8px) scale(.94);
        filter:brightness(.82);
    }
    28%{
        transform:rotateY(180deg) translateY(-4px) scale(1.015);
        filter:brightness(1);
    }
    52%{
        transform:rotateY(92deg) translateY(-8px) scale(1.07);
        filter:brightness(1.55);
    }
    68%{
        transform:rotateY(34deg) translateY(-5px) scale(1.045);
        filter:brightness(1.22);
    }
    86%{
        transform:rotateY(-7deg) translateY(1px) scale(1.012);
        filter:brightness(1.05);
    }
    100%{
        transform:rotateY(0deg) translateY(0) scale(1);
        filter:brightness(1);
    }
}

#sticker-pack-modal .sticker-reveal-slot.is-revealed .sticker-reveal-status{
    opacity:1;
    transform:translateX(-50%) translateY(0);
}

/* flash individual no momento em que a frente aparece */
#sticker-pack-modal .sticker-reveal-slot::after{
    content:"";
    position:absolute;
    z-index:30;
    inset:-8px;
    border-radius:20px;
    pointer-events:none;
    opacity:0;
    background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 32%,#fff),transparent 56%);
}

#sticker-pack-modal .sticker-reveal-slot.is-revealed::after{
    animation:jvCardIndividualFlash .42s ease-out both;
}

@keyframes jvCardIndividualFlash{
    0%{opacity:0;transform:scale(.85)}
    35%{opacity:.75;transform:scale(1.04)}
    100%{opacity:0;transform:scale(1.15)}
}

/* Depois das 8 cartas, pequena respiração do conjunto. */
#sticker-pack-modal.all-revealed .sticker-pack-reveal-grid{
    animation:jvPackFinished .35s ease-out;
}

@keyframes jvPackFinished{
    0%{transform:scale(.99)}
    55%{transform:scale(1.008)}
    100%{transform:scale(1)}
}

@media(max-width:720px){
    #sticker-pack-modal .sticker-back-title{
        font-size:15px;
    }
    #sticker-pack-modal .sticker-back-mark{
        width:48px;
        height:48px;
    }
    #sticker-pack-modal .sticker-back-mark strong{
        font-size:23px;
    }
}


/* ==========================================================================
   JVILELAA V11.4 — MINIGAMES HUB COMPACT
   Objetivo: Modo Carreira aparece logo abaixo da primeira fila.
   ========================================================================== */

#view-minigames-hub{
    padding-top:4px !important;
}

#view-minigames-hub .section-title{
    font-size:clamp(32px,4vw,46px) !important;
    margin-bottom:18px !important;
}

#view-minigames-hub .minigame-hub-subtitle{
    margin-top:-12px !important;
    margin-bottom:14px !important;
    font-size:11px !important;
}

#view-minigames-hub .minigame-hub-strip{
    max-width:720px !important;
    margin:0 auto 16px !important;
    padding:5px !important;
}

#view-minigames-hub .minigame-hub-strip span{
    padding:5px 8px !important;
    font-size:7px !important;
}

/* 3 minijogos principais na MESMA FILA */
#view-minigames-hub .minigame-hub-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
    max-width:1180px !important;
}

/* Cards bem mais compactos */
#view-minigames-hub .minigame-card{
    min-height:315px !important;
    padding:14px !important;
    border-radius:18px !important;
}

#view-minigames-hub .minigame-art{
    height:135px !important;
    min-height:135px !important;
    margin-bottom:12px !important;
    border-radius:13px !important;
}

#view-minigames-hub .minigame-art>i{
    font-size:46px !important;
}

#view-minigames-hub .minigame-live-chip{
    left:9px !important;
    top:9px !important;
    padding:5px 7px !important;
    font-size:6px !important;
}

#view-minigames-hub .minigame-card-kicker{
    font-size:6.5px !important;
    margin-bottom:4px !important;
}

#view-minigames-hub .minigame-card h3{
    font-size:21px !important;
    margin-bottom:6px !important;
}

#view-minigames-hub .minigame-card p{
    font-size:11px !important;
    line-height:1.45 !important;
}

#view-minigames-hub .minigame-card-meta{
    gap:4px !important;
    padding-top:9px !important;
}

#view-minigames-hub .minigame-card-meta span{
    padding:4px 6px !important;
    font-size:6px !important;
}

#view-minigames-hub .minigame-card>.btn-twitch{
    min-height:37px !important;
    margin-top:11px !important;
    font-size:9px !important;
}

/* Caderneta também compacta */
#view-minigames-hub .sticker-hub-pack{
    transform:scale(.82);
}

#view-minigames-hub .sticker-hub-card{
    transform:scale(.84);
}

/* Modo Carreira passa imediatamente para a fila seguinte */
#view-minigames-hub .minigame-card--legend{
    grid-column:1/-1 !important;
    min-height:300px !important;
    margin-top:0 !important;
}

#view-minigames-hub .legend-game-card.minigame-card--legend{
    min-height:300px !important;
}

#view-minigames-hub .legend-card-art{
    min-height:265px !important;
}

#view-minigames-hub .legend-card-copy{
    padding:20px !important;
}

#view-minigames-hub .legend-card-copy h3{
    font-size:30px !important;
    margin-bottom:8px !important;
}

#view-minigames-hub .legend-card-copy p{
    font-size:11px !important;
    line-height:1.5 !important;
}

/* Tablet */
@media(max-width:980px){
    #view-minigames-hub .minigame-hub-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    #view-minigames-hub .minigame-card--stickers{
        grid-column:1/-1 !important;
        min-height:280px !important;
    }

    #view-minigames-hub .minigame-card--stickers .minigame-art{
        height:125px !important;
        min-height:125px !important;
    }
}

/* Mobile */
@media(max-width:680px){
    #view-minigames-hub .section-title{
        font-size:32px !important;
        margin-bottom:16px !important;
    }

    #view-minigames-hub .minigame-hub-grid{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    #view-minigames-hub .minigame-card--stickers,
    #view-minigames-hub .minigame-card--legend{
        grid-column:auto !important;
    }

    #view-minigames-hub .minigame-card{
        min-height:auto !important;
    }

    #view-minigames-hub .minigame-art{
        height:125px !important;
        min-height:125px !important;
    }

    #view-minigames-hub .legend-game-card.minigame-card--legend{
        min-height:auto !important;
    }
}


/* ==========================================================================
   JVILELAA — FINAL ELITE PRODUCTION POLISH
   Último acabamento visual sem alterar a arquitetura funcional.
   ========================================================================== */

:root{
    --elite-line:rgba(255,255,255,.105);
    --elite-line-hot:rgba(242,169,59,.38);
    --elite-shadow:0 22px 65px rgba(0,0,0,.48);
}

html{
    background:#080c12;
    scroll-padding-top:105px;
}

body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:0;
    opacity:.17;
    background-image:
        linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 76%);
}

header{
    border-color:rgba(255,255,255,.10)!important;
    box-shadow:
        0 18px 55px rgba(0,0,0,.48),
        inset 0 1px 0 rgba(255,255,255,.055)!important;
}

.jv-compact-nav > .jv-direct-nav,
.jv-compact-nav .jv-compact-trigger{
    min-height:40px;
    letter-spacing:.015em;
}

.jv-compact-dropdown{
    border-color:rgba(255,255,255,.105)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.72)!important;
}

.card-neo,
.platform-panel,
.minigame-card{
    box-shadow:
        0 16px 44px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.035);
}

.card-neo:hover,
.platform-panel:hover,
.minigame-card:hover{
    box-shadow:
        0 24px 70px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.055)!important;
}

button,
a,
input,
select,
textarea{
    -webkit-tap-highlight-color:transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
    outline:2px solid var(--accent-gold)!important;
    outline-offset:3px;
}

button:disabled,
.btn-twitch:disabled{
    cursor:not-allowed!important;
    filter:saturate(.62);
}

::selection{
    background:rgba(242,169,59,.30);
    color:#fff;
}

/* ---------- CADERNETA: CLUBES / PROGRESSO SUPER LEGÍVEL ---------- */

.sticker-club-browser-grid{
    gap:15px!important;
}

.sticker-club-book{
    min-height:248px!important;
    padding:20px!important;
    border-radius:20px!important;
}

.sticker-club-emblem{
    width:54px!important;
    height:54px!important;
    border-radius:15px!important;
    font-size:11px!important;
    box-shadow:0 10px 25px color-mix(in srgb,var(--club) 17%,transparent);
}

.sticker-club-progress-badge{
    display:inline-flex!important;
    align-items:center;
    gap:5px;
    min-height:29px;
    padding:0 10px!important;
    border-radius:999px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.09);
    color:#d9e2dd!important;
    font:900 9px 'JetBrains Mono',monospace!important;
    letter-spacing:.35px;
    white-space:nowrap;
}

.sticker-club-progress-badge.complete{
    color:#5defaa!important;
    background:rgba(76,226,153,.09);
    border-color:rgba(76,226,153,.25);
}

.sticker-club-book-copy{
    margin-top:22px!important;
}

.sticker-club-book-copy small{
    font-size:7.5px!important;
    color:#7f8d86!important;
}

.sticker-club-book-copy h4{
    margin:7px 0 10px!important;
    font-size:29px!important;
    line-height:1.02!important;
    letter-spacing:.015em!important;
    text-wrap:balance;
}

.sticker-club-book-count{
    display:flex;
    align-items:baseline;
    gap:5px;
    color:#98a59e!important;
    font:800 8px 'JetBrains Mono',monospace!important;
    letter-spacing:.35px;
}

.sticker-club-book-count b{
    color:#fff!important;
    font:900 21px Oswald,sans-serif!important;
}

.sticker-club-book-count span{
    color:#aeb9b3;
    font:800 11px 'JetBrains Mono',monospace;
}

.sticker-club-book-progress{
    height:9px!important;
    margin:17px 0 13px!important;
    border:1px solid rgba(255,255,255,.055);
    background:rgba(255,255,255,.055)!important;
}

.sticker-club-book-progress i{
    position:relative;
    min-width:3px;
    box-shadow:
        0 0 15px color-mix(in srgb,var(--club) 48%,transparent),
        0 0 4px color-mix(in srgb,var(--accent) 65%,transparent)!important;
}

.sticker-club-book-progress i::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
    transform:translateX(-100%);
    animation:jvEliteProgressSweep 3.2s ease-in-out infinite;
}

@keyframes jvEliteProgressSweep{
    0%,50%{transform:translateX(-110%)}
    76%,100%{transform:translateX(110%)}
}

.sticker-club-book-foot{
    color:#89968f!important;
    font-size:9px!important;
    line-height:1.35;
}

.sticker-club-open{
    margin-top:18px!important;
    padding-top:13px!important;
    color:#e7eeea!important;
    font-size:8.5px!important;
}

.sticker-team-identity h3{
    font-size:34px!important;
}

.sticker-team-identity p{
    font-size:10px!important;
    color:#91a098!important;
}

/* ---------- FORMS / ADMIN ---------- */

input,
select,
textarea{
    border-color:rgba(255,255,255,.11);
}

#admin input,
#admin select,
#admin textarea{
    min-height:38px;
}

/* ---------- MOBILE COMFORT ---------- */

@media(max-width:720px){
    .sticker-club-book{
        min-height:225px!important;
        padding:17px!important;
    }
    .sticker-club-book-copy h4{
        font-size:26px!important;
    }
    .sticker-club-progress-badge{
        font-size:8px!important;
        padding:0 8px!important;
    }
    .sticker-club-book-foot{
        font-size:8.5px!important;
    }
}

/* Accessibility: keep the site comfortable for users who request less motion. */
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto!important}
    *,
    *::before,
    *::after{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
        scroll-behavior:auto!important;
    }
}


/* ==========================================================================
   JVILELAA — FINAL FINAL: CADERNETA / CLUB SELECTOR ELITE
   Redesign exclusivo do painel das equipas.
   ========================================================================== */

#sticker-club-browser{
    position:relative;
}

.sticker-clubs-head{
    position:relative;
    margin-bottom:18px!important;
    padding:18px 20px!important;
    border:1px solid rgba(255,255,255,.085);
    border-radius:18px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
        rgba(8,13,18,.64);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.sticker-clubs-head::after{
    content:"";
    position:absolute;
    left:20px;
    bottom:-1px;
    width:92px;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,var(--accent-gold),rgba(242,169,59,0));
}

.sticker-clubs-head h3{
    margin-top:4px!important;
    font-size:30px!important;
    letter-spacing:.01em;
}

.sticker-clubs-head p{
    max-width:760px!important;
    margin-top:8px!important;
    color:#929f98!important;
    font-size:11px!important;
}

.sticker-browser-kpi{
    min-width:170px!important;
    padding:13px 16px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.095)!important;
    background:rgba(255,255,255,.025)!important;
}

.sticker-browser-kpi strong{
    font-size:31px!important;
}

.sticker-club-browser-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
}

.sticker-club-book-vfinal{
    position:relative;
    min-height:292px!important;
    padding:18px!important;
    overflow:hidden;
    isolation:isolate;
    border-radius:22px!important;
    border:1px solid color-mix(in srgb,var(--club) 28%,rgba(255,255,255,.08))!important;
    background:
        radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--club) 18%,transparent),transparent 38%),
        radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 42%),
        linear-gradient(145deg,#121920 0%,#0a1015 52%,#070b0f 100%)!important;
    box-shadow:
        0 18px 44px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.045)!important;
    transition:
        transform .22s cubic-bezier(.2,.75,.2,1),
        border-color .22s ease,
        box-shadow .22s ease!important;
}

.sticker-club-book-vfinal::before{
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:linear-gradient(180deg,var(--accent),var(--club),transparent 92%);
    box-shadow:0 0 22px color-mix(in srgb,var(--club) 38%,transparent);
}

.sticker-club-book-vfinal::after{
    content:"";
    position:absolute;
    z-index:0;
    right:-18%;
    bottom:-42%;
    width:190px;
    height:190px;
    border-radius:50%;
    border:1px solid color-mix(in srgb,var(--club) 22%,transparent);
    box-shadow:
        0 0 0 18px color-mix(in srgb,var(--club) 3%,transparent),
        0 0 0 38px color-mix(in srgb,var(--club) 2%,transparent);
    opacity:.7;
    pointer-events:none;
}

.sticker-club-book-vfinal:hover{
    transform:translateY(-5px) scale(1.008)!important;
    border-color:color-mix(in srgb,var(--club) 58%,rgba(255,255,255,.16))!important;
    box-shadow:
        0 28px 70px rgba(0,0,0,.48),
        0 0 28px color-mix(in srgb,var(--club) 9%,transparent),
        inset 0 1px 0 rgba(255,255,255,.07)!important;
}

.sticker-club-book-vfinal:active{
    transform:translateY(-1px) scale(.997)!important;
}

.sticker-club-card-gridlines{
    position:absolute;
    inset:0;
    z-index:0;
    opacity:.07;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(135deg,#000 0%,transparent 72%);
}

.sticker-club-card-number{
    position:absolute;
    z-index:0;
    right:12px;
    top:72px;
    color:rgba(255,255,255,.025);
    font:900 92px/.8 Oswald,sans-serif;
    letter-spacing:-5px;
    pointer-events:none;
}

.sticker-club-book-vfinal .sticker-club-book-glow{
    width:220px!important;
    height:220px!important;
    right:-95px!important;
    top:-105px!important;
    opacity:.13!important;
    filter:blur(42px)!important;
}

.sticker-club-book-vfinal .sticker-club-book-top{
    min-height:54px;
}

.sticker-club-brand{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.sticker-club-book-vfinal .sticker-club-emblem{
    width:50px!important;
    height:50px!important;
    flex:0 0 50px;
    border-radius:14px!important;
    background:
        linear-gradient(145deg,color-mix(in srgb,var(--club) 38%,#10171b),#10161b)!important;
    border:1px solid color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.14))!important;
    color:#fff!important;
    font-size:10px!important;
    box-shadow:
        0 10px 24px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.09)!important;
}

.sticker-club-season{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
}

.sticker-club-season small{
    color:#75827b;
    font:900 6.5px 'JetBrains Mono',monospace;
    letter-spacing:1px;
}

.sticker-club-season b{
    color:#cbd5d0;
    font:900 9px 'JetBrains Mono',monospace;
    letter-spacing:.5px;
}

.sticker-club-state{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:28px;
    padding:0 9px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.085);
    background:rgba(255,255,255,.035);
    color:#96a39c;
    font:900 6.5px 'JetBrains Mono',monospace;
    letter-spacing:.55px;
    white-space:nowrap;
}

.sticker-club-state i{
    color:var(--accent);
    font-size:8px;
}

.sticker-club-state.complete{
    color:#5fe8a5;
    border-color:rgba(82,230,164,.23);
    background:rgba(82,230,164,.065);
}

.sticker-club-state.complete i{
    color:#5fe8a5;
}

.sticker-club-hero{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1fr) 82px;
    align-items:center;
    gap:12px;
    margin-top:18px;
}

.sticker-club-book-vfinal .sticker-club-book-copy{
    margin:0!important;
    min-width:0;
}

.sticker-club-book-vfinal .sticker-club-book-copy h4{
    margin:0 0 9px!important;
    color:#fff!important;
    font:900 clamp(25px,2vw,31px)/.98 Oswald,sans-serif!important;
    letter-spacing:.012em!important;
    text-transform:uppercase;
    text-wrap:balance;
    text-shadow:0 4px 20px rgba(0,0,0,.45);
}

.sticker-club-book-vfinal .sticker-club-book-count{
    display:flex!important;
    align-items:baseline!important;
    gap:5px!important;
    margin:0!important;
    color:#95a29b!important;
}

.sticker-club-book-vfinal .sticker-club-book-count b{
    color:#fff!important;
    font:900 27px/.9 Oswald,sans-serif!important;
}

.sticker-club-book-vfinal .sticker-club-book-count span{
    color:#7f8c85!important;
    font:800 11px 'JetBrains Mono',monospace!important;
}

.sticker-club-book-vfinal .sticker-club-book-count em{
    margin-left:2px;
    color:#6f7d76;
    font:900 6px 'JetBrains Mono',monospace;
    font-style:normal;
    letter-spacing:.8px;
}

.sticker-club-progress-orb{
    position:relative;
    width:78px;
    height:78px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:
        conic-gradient(
            var(--accent) 0 calc(var(--pct) * 1%),
            rgba(255,255,255,.075) calc(var(--pct) * 1%) 100%
        );
    box-shadow:
        0 0 28px color-mix(in srgb,var(--club) 12%,transparent),
        inset 0 0 0 1px rgba(255,255,255,.04);
}

.sticker-club-progress-orb::before{
    content:"";
    position:absolute;
    inset:7px;
    border-radius:50%;
    background:
        radial-gradient(circle at 35% 25%,rgba(255,255,255,.055),transparent 35%),
        #0b1116;
    border:1px solid rgba(255,255,255,.075);
    box-shadow:inset 0 4px 14px rgba(0,0,0,.48);
}

.sticker-club-progress-orb>div{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    line-height:1;
}

.sticker-club-progress-orb strong{
    color:#fff;
    font:900 22px Oswald,sans-serif;
    letter-spacing:-.5px;
}

.sticker-club-progress-orb small{
    margin-top:4px;
    color:#708078;
    font:900 5px 'JetBrains Mono',monospace;
    letter-spacing:.65px;
}

.sticker-club-progress-zone{
    position:relative;
    z-index:2;
    margin-top:17px;
}

.sticker-club-progress-label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:7px;
}

.sticker-club-progress-label span{
    color:#65736c;
    font:900 6px 'JetBrains Mono',monospace;
    letter-spacing:.8px;
}

.sticker-club-progress-label b{
    color:#cad4cf;
    font:900 8px 'JetBrains Mono',monospace;
}

.sticker-club-book-vfinal .sticker-club-book-progress{
    height:8px!important;
    margin:0!important;
    overflow:hidden;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.055)!important;
    background:rgba(255,255,255,.055)!important;
}

.sticker-club-book-vfinal .sticker-club-book-progress i{
    min-width:0!important;
    border-radius:999px!important;
    background:
        linear-gradient(90deg,var(--club),var(--accent),color-mix(in srgb,var(--accent) 70%,white))!important;
    box-shadow:
        0 0 15px color-mix(in srgb,var(--club) 46%,transparent),
        0 0 5px color-mix(in srgb,var(--accent) 46%,transparent)!important;
}

.sticker-club-book-vfinal .sticker-club-book-foot{
    position:relative;
    z-index:2;
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:8px!important;
    margin-top:13px;
}

.sticker-club-book-vfinal .sticker-club-book-foot>span{
    min-height:43px;
    display:grid;
    grid-template-columns:auto auto 1fr;
    align-items:center;
    gap:6px;
    padding:8px 9px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.065);
    background:rgba(255,255,255,.022);
    color:#7d8a83!important;
}

.sticker-club-book-vfinal .sticker-club-book-foot>span i{
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    margin:0!important;
    border-radius:6px;
    font-size:8px;
    background:rgba(255,255,255,.045);
}

.sticker-club-book-vfinal .sticker-club-book-foot>span b{
    color:#e8eeeb;
    font:900 14px Oswald,sans-serif;
}

.sticker-club-book-vfinal .sticker-club-book-foot>span em{
    color:#65736c;
    font:900 5.5px 'JetBrains Mono',monospace;
    font-style:normal;
    letter-spacing:.45px;
}

.sticker-club-book-vfinal .sticker-club-book-foot .missing i{
    color:#f2b34c;
}

.sticker-club-book-vfinal .sticker-club-book-foot .duplicates i{
    color:#7faaff;
}

.sticker-club-book-vfinal .sticker-club-open{
    position:relative;
    z-index:2;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    min-height:38px;
    margin-top:12px!important;
    padding:11px 2px 0!important;
    border-top:1px solid rgba(255,255,255,.075)!important;
    color:#eef3f0!important;
    font:900 7px 'JetBrains Mono',monospace!important;
    letter-spacing:.9px!important;
}

.sticker-club-book-vfinal .sticker-club-open i{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:color-mix(in srgb,var(--club) 18%,rgba(255,255,255,.03));
    border:1px solid color-mix(in srgb,var(--club) 30%,rgba(255,255,255,.08));
    color:var(--accent)!important;
    transition:transform .2s ease,background .2s ease;
}

.sticker-club-book-vfinal:hover .sticker-club-open i{
    transform:translateX(3px);
    background:color-mix(in srgb,var(--club) 28%,rgba(255,255,255,.04));
}

.sticker-club-book-vfinal.completed{
    border-color:rgba(79,227,154,.25)!important;
}

.sticker-club-book-vfinal.completed::before{
    background:linear-gradient(180deg,#58e9a1,var(--club),transparent 92%);
}

.sticker-club-book-vfinal.completed .sticker-club-progress-orb{
    box-shadow:
        0 0 30px rgba(73,230,156,.16),
        inset 0 0 0 1px rgba(255,255,255,.04);
}

@media(max-width:1120px){
    .sticker-club-browser-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:720px){
    .sticker-clubs-head{
        padding:16px!important;
    }

    .sticker-clubs-head h3{
        font-size:26px!important;
    }

    .sticker-club-browser-grid{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }

    .sticker-club-book-vfinal{
        min-height:275px!important;
        padding:16px!important;
    }

    .sticker-club-hero{
        grid-template-columns:minmax(0,1fr) 72px;
    }

    .sticker-club-progress-orb{
        width:70px;
        height:70px;
    }

    .sticker-club-progress-orb strong{
        font-size:20px;
    }

    .sticker-club-book-vfinal .sticker-club-book-copy h4{
        font-size:27px!important;
    }

    .sticker-club-state{
        font-size:6px;
        padding:0 8px;
    }
}


/* ==========================================================================
   JVILELAA — CADERNETA / CLUBES CLEAN FINAL
   Simplificação total do painel de equipas.
   ========================================================================== */

.sticker-club-browser-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
}

/* Neutraliza visual antigo */
.sticker-club-clean{
    position:relative;
    min-height:208px;
    padding:17px 17px 15px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.085);
    border-top:2px solid color-mix(in srgb,var(--club) 75%,#fff 8%);
    border-radius:16px;
    background:#0d1319;
    color:#fff;
    text-align:left;
    cursor:pointer;
    box-shadow:0 10px 28px rgba(0,0,0,.20);
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.sticker-club-clean::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(
        125deg,
        color-mix(in srgb,var(--club) 7%,transparent),
        transparent 42%
    );
}

.sticker-club-clean:hover{
    transform:translateY(-3px);
    background:#10171e;
    border-color:color-mix(in srgb,var(--club) 42%,rgba(255,255,255,.10));
    border-top-color:var(--club);
    box-shadow:0 18px 38px rgba(0,0,0,.30);
}

.sticker-club-clean:active{
    transform:translateY(-1px);
}

.sticker-club-clean.completed{
    border-top-color:#57e5a0;
}

.sticker-club-clean-head,
.sticker-club-clean-main,
.sticker-club-clean-progress,
.sticker-club-clean-bottom{
    position:relative;
    z-index:1;
}

.sticker-club-clean-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.sticker-club-clean-id{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}

.sticker-club-clean-badge{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    border-radius:10px;
    border:1px solid color-mix(in srgb,var(--club) 42%,rgba(255,255,255,.10));
    background:color-mix(in srgb,var(--club) 13%,#111820);
    color:#fff;
    font:900 8px 'JetBrains Mono',monospace;
    letter-spacing:.4px;
}

.sticker-club-clean-league{
    overflow:hidden;
    color:#64716a;
    font:800 6.5px 'JetBrains Mono',monospace;
    letter-spacing:.75px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.sticker-club-clean-state{
    flex:0 0 auto;
    min-width:43px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 8px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    color:#aab4af;
    font:900 9px 'JetBrains Mono',monospace;
}

.sticker-club-clean-state.complete{
    color:#5de8a5;
    border-color:rgba(93,232,165,.20);
    background:rgba(93,232,165,.06);
    font-size:6.5px;
}

.sticker-club-clean-main{
    margin-top:18px;
}

.sticker-club-clean-main h4{
    margin:0!important;
    max-width:100%;
    color:#f4f6f5!important;
    font:900 25px/1.05 Oswald,sans-serif!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
    white-space:normal;
    overflow-wrap:anywhere;
    text-wrap:balance;
}

.sticker-club-clean-count{
    display:flex;
    align-items:baseline;
    gap:5px;
    margin-top:7px;
}

.sticker-club-clean-count strong{
    color:#fff;
    font:900 17px Oswald,sans-serif;
}

.sticker-club-clean-count span{
    color:#7e8b84;
    font:700 8px 'JetBrains Mono',monospace;
}

.sticker-club-clean-progress{
    margin-top:17px;
}

.sticker-club-clean-progress-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:7px;
}

.sticker-club-clean-progress-top span{
    color:#68756e;
    font:800 6.5px 'JetBrains Mono',monospace;
    letter-spacing:.55px;
    text-transform:uppercase;
}

.sticker-club-clean-progress-top b{
    color:#dce3df;
    font:900 8px 'JetBrains Mono',monospace;
}

.sticker-club-clean-bar{
    height:6px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.055);
}

.sticker-club-clean-bar i{
    display:block;
    height:100%;
    border-radius:999px;
    background:var(--club);
    box-shadow:none!important;
}

.sticker-club-clean-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:14px;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.06);
}

.sticker-club-clean-stats{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.sticker-club-clean-stats span{
    color:#6f7c75;
    font:700 7px 'JetBrains Mono',monospace;
    white-space:nowrap;
}

.sticker-club-clean-stats b{
    color:#cfd7d3;
    font-weight:900;
}

.sticker-club-clean-cta{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#dfe6e2;
    font:900 6.5px 'JetBrains Mono',monospace;
    letter-spacing:.5px;
}

.sticker-club-clean-cta i{
    color:var(--accent);
    font-size:8px;
    transition:transform .18s ease;
}

.sticker-club-clean:hover .sticker-club-clean-cta i{
    transform:translateX(3px);
}

@media(max-width:1080px){
    .sticker-club-browser-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:680px){
    .sticker-club-browser-grid{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }

    .sticker-club-clean{
        min-height:196px;
        padding:15px;
    }

    .sticker-club-clean-main h4{
        font-size:24px!important;
    }

    .sticker-club-clean-bottom{
        align-items:flex-end;
    }

    .sticker-club-clean-stats{
        flex-direction:column;
        align-items:flex-start;
        gap:3px;
    }
}


/* JVILELAA FINAL REVIEW — AUTH / LEGAL / CONSENT / UX */
#btn-profile-tab{display:none}.social-x-mark{display:block;font:700 20px/1 Arial,sans-serif;transform:translateY(-1px)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.legend-setup-modal{position:relative}.legend-setup-back{position:absolute;top:14px;left:14px;z-index:5;height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#9ba8b8;cursor:pointer;font:900 7px 'JetBrains Mono',monospace;letter-spacing:.6px}.legend-setup-back:hover{color:#fff;border-color:rgba(242,169,59,.28);background:rgba(242,169,59,.06)}.legend-setup-modal .setup-kicker{padding-top:26px}
.mundial-demo-notice{grid-column:1/-1;display:flex;align-items:center;gap:11px;padding:13px 15px;margin-bottom:12px;border-radius:12px;border:1px solid rgba(46,158,247,.17);background:rgba(46,158,247,.055)}.mundial-demo-notice>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(46,158,247,.10);color:#5eb4ff}.mundial-demo-notice b,.mundial-demo-notice span{display:block}.mundial-demo-notice b{font-size:9px;color:#dce9f5}.mundial-demo-notice span{margin-top:2px;font-size:8px;color:#77889a}.mundial-demo-chip{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:6px;border:1px solid rgba(46,158,247,.22);background:rgba(46,158,247,.075);color:#70bdff;font:900 6px 'JetBrains Mono',monospace;letter-spacing:.55px}.mundial-bet-card.is-demo{opacity:.88}
.jv-legal-footer{position:relative;z-index:2;width:min(1240px,92%);margin:0 auto 28px;border-top:1px solid rgba(255,255,255,.065)}.jv-legal-footer-inner{min-height:84px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:18px 2px 0}.jv-legal-brand b,.jv-legal-brand span{display:block}.jv-legal-brand b{color:#e7ece9;font:900 10px 'JetBrains Mono',monospace;letter-spacing:1px}.jv-legal-brand span{margin-top:4px;color:#5f6c75;font-size:8px}.jv-legal-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:13px}.jv-legal-footer a,.jv-legal-footer button{padding:0;border:0;background:none;color:#76828c;cursor:pointer;text-decoration:none;font:800 7px 'JetBrains Mono',monospace}.jv-legal-footer a:hover,.jv-legal-footer button:hover{color:#f2a93b}.jv-legal-footer small{color:#4f5b64;font:700 7px 'JetBrains Mono',monospace;white-space:nowrap}
.jv-cookie-banner{position:fixed;z-index:2147482500;left:50%;bottom:18px;transform:translateX(-50%);width:min(920px,calc(100% - 28px));grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:rgba(8,12,17,.96);backdrop-filter:blur(18px);box-shadow:0 25px 75px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.045)}.jv-cookie-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(242,169,59,.08);border:1px solid rgba(242,169,59,.18);color:#f2a93b}.jv-cookie-copy b{display:block;color:#f1f4f2;font-size:11px}.jv-cookie-copy p{margin:4px 0 3px;max-width:560px;color:#7f8b94;font-size:9px;line-height:1.5}.jv-cookie-copy a{color:#d4a34d;font-size:8px;text-decoration:none}.jv-cookie-actions{display:flex;gap:7px}.jv-cookie-actions button,.jv-twitch-consent-placeholder button{min-height:36px;padding:0 12px;border-radius:9px;cursor:pointer;font:900 7px 'JetBrains Mono',monospace}.jv-cookie-secondary{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#a7b1ab}.jv-cookie-primary,.jv-twitch-consent-placeholder button{border:1px solid #f2a93b;background:#f2a93b;color:#090c10}
.jv-twitch-consent-placeholder{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;border-radius:16px;border:1px dashed rgba(145,71,255,.28);background:radial-gradient(circle at 50% 30%,rgba(145,71,255,.10),transparent 34%),rgba(8,12,17,.82)}.jv-twitch-consent-placeholder>i{color:#a970ff;font-size:38px}.jv-twitch-consent-placeholder b{color:#fff;font-size:14px}.jv-twitch-consent-placeholder span{color:#74818c;font-size:9px}.jv-twitch-consent-placeholder button{margin-top:5px}
@media(max-width:760px){.jv-legal-footer-inner{grid-template-columns:1fr;text-align:center;gap:13px}.jv-legal-footer nav{gap:10px}.jv-legal-footer small{white-space:normal}.jv-cookie-banner{bottom:10px;grid-template-columns:1fr;text-align:left}.jv-cookie-icon{display:none}.jv-cookie-actions{width:100%}.jv-cookie-actions button{flex:1}}


/* ==========================================================================
   JVILELAA — FINAL REVIEW V2
   ========================================================================== */

/* --- AUTH VISUAL ROBUSTA --- */
[hidden]{
    display:none !important;
}

#btn-admin-tab,
#btn-profile-tab{
    display:none !important;
}

body.jv-admin-verified #btn-admin-tab:not([hidden]){
    display:flex !important;
}

body.jv-user-verified #btn-profile-tab:not([hidden]){
    display:flex !important;
}

/* --- LOGO -> HOME --- */
.logo-home-button{
    width:48px;
    height:42px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:11px;
    background:transparent;
    cursor:pointer;
}
.logo-home-button:hover{
    background:rgba(242,169,59,.055);
}
.logo-home-button .signature{
    margin:0;
}

/* --- CALENDÁRIO --- */
.stream-schedule-range{
    margin:-18px 0 31px;
    text-align:center;
    color:#8b97a0;
    font-size:12px;
    line-height:1.5;
}
.stream-schedule-card{
    padding:18px !important;
}
.stream-schedule-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin-bottom:13px;
}
.stream-schedule-card-head>div{
    min-width:0;
}
.stream-schedule-card-head strong{
    display:block;
    color:#fff;
    font-size:15px;
}
.stream-schedule-card-head small{
    display:block;
    margin-top:3px;
    color:#65727d;
    font:800 8px 'JetBrains Mono',monospace;
    letter-spacing:.6px;
}
.schedule-status{
    flex:0 0 auto;
    padding:4px 8px;
    border-radius:7px;
    font:900 7px 'JetBrains Mono',monospace;
}
.schedule-status.scheduled{
    color:#f2b94d;
    background:rgba(242,185,77,.08);
    border:1px solid rgba(242,185,77,.17);
}
.schedule-status.off{
    color:#ef6a5a;
    background:rgba(232,64,44,.08);
    border:1px solid rgba(232,64,44,.17);
}
.schedule-status.live{
    color:#58e99f;
    background:rgba(88,233,159,.08);
    border:1px solid rgba(88,233,159,.18);
}
.stream-schedule-time{
    color:var(--accent-gold);
    font:800 12px 'JetBrains Mono',monospace;
    margin-bottom:7px;
}
.stream-schedule-card p{
    margin:0;
    color:#78858f;
    font-size:11px;
    line-height:1.5;
}

/* --- TEXTO PEQUENO: LEGIBILIDADE --- */
.platform-eyebrow{
    font-size:10px !important;
    line-height:1.35;
}
.platform-page-head p,
.rankings-hero p,
.community-hero p,
.missions-hero p,
.admin-ultimate-head p{
    font-size:13px !important;
    line-height:1.55;
}
.missions-section-head>span,
.missions-section-head>small{
    font-size:9px !important;
}
.mission-copy>span{
    font-size:8px !important;
}
.mission-copy h4{
    font-size:14px !important;
}
.mission-copy p{
    font-size:10px !important;
    line-height:1.45;
}
.mission-progress-line b,
.mission-reward span,
.mission-reward button{
    font-size:8px !important;
}
.minigame-card-kicker,
.sticker-kicker{
    font-size:8px !important;
    line-height:1.35;
}

/* --- BOLETINS VAZIOS --- */
.bets-empty-state{
    grid-column:1/-1;
    min-height:140px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    text-align:center;
    border:1px dashed rgba(255,255,255,.08);
    border-radius:14px;
    background:rgba(255,255,255,.018);
}
.bets-empty-state>i{
    color:#596777;
    font-size:24px;
}
.bets-empty-state>b{
    color:#dce3df;
    font-size:12px;
}
.bets-empty-state>span{
    color:#75818b;
    font-size:9px;
}

/* --- CADERNETA: CLUBES SEM APERTO --- */
.sticker-club-browser-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
}
.sticker-club-final-card{
    position:relative;
    min-height:218px;
    padding:18px;
    overflow:hidden;
    border-radius:17px;
    border:1px solid rgba(255,255,255,.075);
    border-top:2px solid color-mix(in srgb,var(--club) 68%,white 6%);
    background:
        linear-gradient(120deg,color-mix(in srgb,var(--club) 6%,transparent),transparent 40%),
        #0c1218;
    color:#fff;
    text-align:left;
    cursor:pointer;
    transition:.18s ease;
}
.sticker-club-final-card:hover{
    transform:translateY(-3px);
    border-color:color-mix(in srgb,var(--club) 34%,rgba(255,255,255,.1));
    box-shadow:0 18px 42px rgba(0,0,0,.30);
}
.sticker-club-final-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.sticker-club-final-badge{
    width:42px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:10px;
    border:1px solid color-mix(in srgb,var(--club) 32%,rgba(255,255,255,.10));
    background:color-mix(in srgb,var(--club) 10%,#111820);
    color:#e9efec;
    font:900 8px 'JetBrains Mono',monospace;
}
.sticker-club-final-pct{
    min-width:45px;
    height:31px;
    display:grid;
    place-items:center;
    border-radius:9px;
    border:1px solid rgba(255,255,255,.075);
    background:rgba(255,255,255,.025);
    color:#c8d1cc;
    font:900 10px 'JetBrains Mono',monospace;
}
.sticker-club-final-pct.complete{
    color:#58e9a1;
    border-color:rgba(88,233,161,.20);
}
.sticker-club-final-name{
    margin-top:17px;
}
.sticker-club-final-name h4{
    margin:0 !important;
    color:#f4f6f5 !important;
    font:900 27px/1.03 Oswald,sans-serif !important;
    white-space:nowrap;
    word-break:keep-all;
    overflow-wrap:normal;
    hyphens:none;
}
.sticker-club-final-name p{
    display:flex;
    align-items:baseline;
    gap:5px;
    margin:8px 0 0;
    color:#76837c;
}
.sticker-club-final-name strong{
    color:#fff;
    font:900 20px Oswald,sans-serif;
}
.sticker-club-final-name span{
    font:700 8px 'JetBrains Mono',monospace;
}
.sticker-club-final-progress{
    margin-top:16px;
}
.sticker-club-final-progress>div{
    display:flex;
    justify-content:space-between;
    margin-bottom:7px;
}
.sticker-club-final-progress span,
.sticker-club-final-progress b{
    font:900 7px 'JetBrains Mono',monospace;
}
.sticker-club-final-progress span{color:#647169;letter-spacing:.7px}
.sticker-club-final-progress b{color:#cdd5d1}
.sticker-club-final-progress>i{
    display:block;
    height:6px;
    overflow:hidden;
    border-radius:99px;
    background:rgba(255,255,255,.055);
}
.sticker-club-final-progress>i>em{
    display:block;
    height:100%;
    border-radius:inherit;
    background:var(--club);
}
.sticker-club-final-footer{
    display:grid;
    grid-template-columns:auto auto 1fr;
    align-items:end;
    gap:14px;
    margin-top:14px;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.055);
}
.sticker-club-final-footer>span:not(.sticker-club-final-cta){
    display:flex;
    flex-direction:column;
    gap:1px;
}
.sticker-club-final-footer b{
    color:#d9e0dc;
    font:900 13px Oswald,sans-serif;
}
.sticker-club-final-footer small{
    color:#637068;
    font:900 6px 'JetBrains Mono',monospace;
    letter-spacing:.35px;
}
.sticker-club-final-cta{
    justify-self:end;
    align-self:center;
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#e7ece9;
    font:900 7px 'JetBrains Mono',monospace;
    letter-spacing:.45px;
    white-space:nowrap;
}
.sticker-club-final-cta i{
    color:var(--accent);
}

/* --- REVEAL DE 8 CROMOS: 4 + 4, MUITO MAIS LEGÍVEL --- */
#sticker-pack-modal .sticker-pack-modal-card{
    width:min(1040px,96vw) !important;
}
#sticker-pack-modal .sticker-pack-reveal-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    width:min(900px,100%);
    margin:22px auto !important;
}
#sticker-pack-modal .sticker-card-top{
    font-size:9px !important;
}
#sticker-pack-modal .sticker-card-team{
    font-size:9px !important;
    line-height:1.25;
}
#sticker-pack-modal .sticker-card h4{
    font-size:16px !important;
    min-height:34px !important;
    line-height:1.08 !important;
}
#sticker-pack-modal .sticker-card-foot span,
#sticker-pack-modal .sticker-card-foot em{
    font-size:8px !important;
}
#sticker-pack-modal .sticker-pack-modal-head>span{
    font-size:10px !important;
}
#sticker-pack-modal .sticker-pack-modal-head p{
    font-size:12px !important;
}

@media(max-width:1050px){
    .sticker-club-browser-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:720px){
    .sticker-club-browser-grid{
        grid-template-columns:1fr !important;
    }
    .sticker-club-final-name h4{
        font-size:25px !important;
    }
    #sticker-pack-modal .sticker-pack-reveal-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }
}


/* ==========================================================================
   DAZN PARTNERSHIP POPUP — isolated, no impact on existing components
   ========================================================================== */
#dazn-partnership-modal {
    position: fixed;
    inset: 0;
    z-index: 120000;
    display: none;
    place-items: center;
    padding: 22px;
    background:
        radial-gradient(circle at 50% 18%, rgba(255,255,255,.10), transparent 28%),
        rgba(2, 4, 7, .84);
    backdrop-filter: blur(18px) saturate(.8);
    -webkit-backdrop-filter: blur(18px) saturate(.8);
    opacity: 0;
    transition: opacity .28s ease;
}

#dazn-partnership-modal.is-open {
    display: grid;
    opacity: 1;
}

#dazn-partnership-modal .dazn-partnership-card {
    position: relative;
    width: min(760px, 100%);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(22,25,31,.98), rgba(6,8,11,.995));
    box-shadow: 0 34px 100px rgba(0,0,0,.72), 0 0 0 1px rgba(255,255,255,.035) inset;
    transform: translateY(18px) scale(.985);
    transition: transform .38s var(--ease-snappy);
}

#dazn-partnership-modal.is-open .dazn-partnership-card {
    transform: translateY(0) scale(1);
}

#dazn-partnership-modal .dazn-partnership-card::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,.12) 100%);
}

#dazn-partnership-modal .dazn-partnership-card::after {
    content: '';
    position: absolute;
    width: 360px;
    height: 360px;
    right: -170px;
    top: -190px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.10), transparent 67%);
    pointer-events: none;
}

.dazn-partnership-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 999px;
    background: rgba(255,255,255,.055);
    color: #fff;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.dazn-partnership-close:hover {
    transform: rotate(4deg) scale(1.05);
    background: rgba(255,255,255,.11);
    border-color: rgba(255,255,255,.24);
}

.dazn-partnership-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 30px;
    align-items: center;
    padding: 42px 46px 42px 48px;
}

.dazn-partnership-copy { min-width: 0; }

.dazn-partnership-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: rgba(255,255,255,.68);
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.dazn-partnership-kicker::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 16px rgba(255,255,255,.75);
}

.dazn-partnership-title {
    margin: 0;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: clamp(38px, 7vw, 68px);
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: .92;
    text-transform: uppercase;
}

.dazn-partnership-title span {
    display: block;
    color: rgba(255,255,255,.46);
    font-size: .52em;
    letter-spacing: .015em;
    margin-bottom: 7px;
}

.dazn-partnership-text {
    max-width: 540px;
    margin: 18px 0 0;
    color: #aeb6c3;
    font-size: 14px;
    line-height: 1.72;
}

.dazn-partnership-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.dazn-partnership-cta,
.dazn-partnership-later {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .02em;
    text-decoration: none;
    cursor: pointer;
}

.dazn-partnership-cta {
    padding: 0 18px;
    border: 1px solid #fff;
    background: #fff;
    color: #07090c;
    box-shadow: 0 10px 30px rgba(255,255,255,.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.dazn-partnership-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 38px rgba(255,255,255,.14);
}

.dazn-partnership-later {
    padding: 0 12px;
    border: 0;
    background: transparent;
    color: #838d9d;
}

.dazn-partnership-later:hover { color: #fff; }

.dazn-partnership-disclosure {
    display: block;
    margin-top: 13px;
    color: #657082;
    font-size: 10px;
    line-height: 1.5;
}

.dazn-partnership-brand {
    width: 164px;
    height: 164px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(0,0,0,.4);
    transform: rotate(2deg);
}

.dazn-partnership-brand img {
    width: 106px;
    max-height: 106px;
    display: block;
    object-fit: contain;
}

body.dazn-modal-open { overflow: hidden; }
body.obs-mode #dazn-partnership-modal { display: none !important; }

@media (max-width: 720px) {
    #dazn-partnership-modal { padding: 14px; }
    #dazn-partnership-modal .dazn-partnership-card { border-radius: 22px; }
    .dazn-partnership-inner {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 34px 24px 26px;
    }
    .dazn-partnership-brand {
        grid-row: 1;
        width: 92px;
        height: 92px;
        border-radius: 18px;
        transform: none;
    }
    .dazn-partnership-brand img { width: 62px; max-height: 62px; }
    .dazn-partnership-title { font-size: clamp(42px, 15vw, 61px); }
    .dazn-partnership-text { font-size: 13px; }
    .dazn-partnership-actions { align-items: stretch; }
    .dazn-partnership-cta { width: 100%; }
    .dazn-partnership-later { width: 100%; min-height: 38px; }
}

@media (prefers-reduced-motion: reduce) {
    #dazn-partnership-modal,
    #dazn-partnership-modal .dazn-partnership-card,
    .dazn-partnership-cta,
    .dazn-partnership-close { transition: none !important; }
}