:root {
    color-scheme: dark;
    --green: #22c55e;
    --yellow: #eab308;
    --ink: #111827;
    --surface: #0f172a;
    --surface-soft: #172033;
    --border: rgba(255,255,255,.12);
    --text: #f8fafc;
    --muted: #94a3b8;
    font-family: Inter, Arial, sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--ink); color: var(--text); }
a { color: var(--green); text-decoration: none; }
a:hover { color: #86efac; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: .5rem; font-size: clamp(1.8rem, 5vw, 2.5rem); line-height: 1.1; }
h2 { font-size: 1.15rem; margin-bottom: .4rem; }

.guest-page { min-height: 100vh; background: radial-gradient(circle at top, #1e3a2c 0, var(--ink) 46rem); }
.auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 1.5rem; }
.auth-card { width: min(100%, 31rem); padding: 2rem; border: 1px solid var(--border); border-radius: 1.5rem; background: rgba(15,23,42,.94); box-shadow: 0 24px 60px rgba(0,0,0,.35); }
.brand { display: inline-flex; align-items: center; gap: .65rem; color: #fff; font-size: 1.15rem; font-weight: 900; letter-spacing: -.03em; margin-bottom: 2rem; }
.brand-mark { display: grid; width: 2.15rem; height: 2.15rem; place-items: center; border-radius: .7rem; background: var(--green); color: var(--ink); }
.muted { color: var(--muted); line-height: 1.55; }
.space-top { margin-top: 1.6rem; }
.space-bottom { margin-bottom: 1.5rem; }
.form-grid { display: grid; gap: 1rem; }
.filter-grid { display: grid; grid-template-columns: minmax(14rem, 1fr) minmax(10rem, .6fr) auto auto; align-items: end; gap: .8rem; }
.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin-top: 2rem; }
fieldset { border: 1px solid var(--border); border-radius: .75rem; display: grid; gap: .6rem; padding: 1rem; }
legend { color: var(--muted); font-weight: 800; padding: 0 .35rem; }
fieldset label { display: flex; align-items: center; font-weight: 500; }
fieldset input[type="checkbox"] { width: auto; margin-right: .55rem; }
label { display: grid; gap: .45rem; color: #dbeafe; font-size: .9rem; font-weight: 600; }
input, select, textarea { width: 100%; border: 1px solid var(--border); border-radius: .75rem; padding: .78rem .9rem; background: #080f1f; color: #fff; font: inherit; outline: none; }
textarea { resize: vertical; min-height: 5rem; }
input:focus, select:focus, textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(34,197,94,.15); }
.label-line { display: flex; justify-content: space-between; gap: 1rem; }
.label-line a { font-size: .78rem; }
.two-columns { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.button { display: inline-flex; justify-content: center; align-items: center; border: 1px solid transparent; border-radius: .75rem; padding: .78rem 1rem; font: inherit; font-weight: 800; cursor: pointer; transition: .18s ease; }
.button:disabled { cursor: wait; opacity: .65; }
.button-primary { background: var(--green); color: var(--ink); }
.button-primary:hover { background: #86efac; color: var(--ink); }
.button-outline { border-color: var(--border); background: transparent; color: #e2e8f0; }
.button-outline:hover { border-color: var(--green); color: #fff; }
.button-small { padding: .45rem .7rem; font-size: .82rem; }
.button-row { display: flex; flex-wrap: wrap; gap: .65rem; }
.auth-footer { margin: 1.5rem 0 0; text-align: center; color: var(--muted); font-size: .9rem; }
.field-error { color: #fca5a5; font-size: .78rem; font-weight: 500; }
.alert { margin: 1rem 0; border: 1px solid; border-radius: .8rem; padding: .8rem 1rem; font-size: .9rem; }
.alert-success { border-color: rgba(34,197,94,.35); background: rgba(34,197,94,.1); color: #bbf7d0; }
.alert-error { border-color: rgba(248,113,113,.4); background: rgba(248,113,113,.1); color: #fecaca; }
.alert-warning { border-color: rgba(234,179,8,.4); background: rgba(234,179,8,.1); color: #fde68a; }

.topbar { border-bottom: 1px solid var(--border); background: rgba(15,23,42,.94); }
.topbar-inner, .container { width: min(100% - 2rem, 76rem); margin: 0 auto; }
.topbar-inner { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 0; }
.topbar .brand { margin: 0; }
.nav { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; font-size: .92rem; }
.nav form { margin: 0; }
.page-content { padding: 2.5rem 0; }
.hero { display: flex; justify-content: space-between; align-items: end; gap: 1rem; }
.hero h1 { margin: .25rem 0 .45rem; }
.eyebrow { margin: 0; color: var(--green); font-size: .75rem; letter-spacing: .18em; font-weight: 900; text-transform: uppercase; }
.eyebrow.yellow { color: #fde047; }
.badge { border-radius: 100rem; background: var(--yellow); color: var(--ink); padding: .45rem .75rem; font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.stat-card, .panel, .empty-card { border: 1px solid var(--border); border-radius: 1rem; background: var(--surface); }
.stat-card { padding: 1.25rem; }
.stat-card span { color: var(--muted); font-size: .88rem; }
.stat-card strong { display: block; margin-top: .45rem; font-size: 2rem; }
.accent-green { border-color: rgba(34,197,94,.35); }
.accent-green strong { color: #86efac; }
.accent-yellow { border-color: rgba(234,179,8,.35); }
.accent-yellow strong { color: #fde047; }
.empty-card { margin-top: 2rem; padding: 2rem; text-align: center; }
.empty-card p { margin: 0; color: var(--muted); }
.profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 2rem; }
.prediction-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 2rem; }
.prediction-card { border: 1px solid var(--border); border-radius: 1rem; background: var(--surface); padding: 1.25rem; }
.prediction-card.is-saved { border-color: rgba(34,197,94,.35); }
.prediction-meta { display: flex; justify-content: space-between; gap: 1rem; color: var(--green); font-size: .76rem; font-weight: 800; }
.prediction-meta time { color: var(--muted); }
.prediction-round { margin: .55rem 0 .25rem; color: var(--muted); font-size: .82rem; }
.prediction-card h2 { margin: 0; font-size: 1.1rem; }
.prediction-card h2 span { color: var(--green); }
.prediction-form { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: .6rem; margin-top: 1.25rem; }
.prediction-form > span { padding-bottom: .75rem; color: var(--muted); font-size: 1.25rem; }
.prediction-form label { font-size: .78rem; }
.prediction-form button { grid-column: 1 / -1; margin-top: .25rem; }
.saved-prediction { display: flex; justify-content: space-between; align-items: center; margin-top: 1.25rem; border-radius: .75rem; background: rgba(34,197,94,.1); padding: .8rem; color: #bbf7d0; }
.saved-prediction strong { font-size: 1.35rem; color: #86efac; }
.referral-code { margin: 1rem 0; border: 1px dashed rgba(34,197,94,.5); border-radius: .75rem; padding: 1rem; color: #86efac; font-family: monospace; font-size: 1.3rem; font-weight: 900; letter-spacing: .08em; }
.stat-big { margin: .7rem 0; color: var(--green); font-size: 3rem; font-weight: 900; }
.panel { padding: 1.5rem; }
.form-panel { max-width: 62rem; margin-top: 2rem; }
.three-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.check-label { display: flex; align-items: center; gap: .6rem; padding-top: 1.9rem; }
.check-label input { width: auto; }
.admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 1.5rem; }
.panel-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.panel-heading h2 { margin: 0; }
.context-bar { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 1.5rem; padding: 1rem; border: 1px solid var(--border); border-radius: 1rem; background: var(--surface); color: var(--muted); font-size: .9rem; }
.context-bar form { margin-left: auto; }
.text-button { padding: 0; border: 0; background: none; color: var(--green); cursor: pointer; font: inherit; font-weight: 700; }
.text-button:hover { color: #86efac; }
.text-button.danger { color: #fca5a5; }
.table-panel { margin-top: 2rem; }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 42rem; }
th, td { padding: .9rem .65rem; border-bottom: 1px solid var(--border); text-align: left; font-size: .9rem; }
th { color: var(--muted); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
td small, .compact-list small { display: block; margin-top: .2rem; color: var(--muted); }
.table-action { color: var(--green); font-weight: 800; font-size: .86rem; }
.status { display: inline-flex; border: 1px solid var(--border); border-radius: 100rem; padding: .22rem .5rem; color: #cbd5e1; font-size: .72rem; text-transform: capitalize; }
.compact-list { display: grid; gap: .1rem; }
.compact-list > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--border); }
.inline-actions { display: inline-flex; align-items: center; gap: .7rem; white-space: nowrap; }
.inline-actions form { margin: 0; }
.pagination { display: flex; gap: .45rem; justify-content: flex-end; margin-top: 1.25rem; }
.pagination a { display: grid; min-width: 2.15rem; height: 2.15rem; place-items: center; border: 1px solid var(--border); border-radius: .55rem; color: #cbd5e1; font-size: .85rem; }
.pagination a:hover, .pagination a.is-active { border-color: var(--green); background: var(--green); color: var(--ink); font-weight: 800; }

.admin-page { min-height: 100vh; background: #0b1220; }
.admin-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; display: flex; width: 17rem; flex-direction: column; border-right: 1px solid var(--border); background: #0d1729; }
.sidebar-brand { display: flex; align-items: center; justify-content: space-between; min-height: 5rem; padding: 0 1.25rem; border-bottom: 1px solid var(--border); }
.sidebar-brand .brand { margin: 0; }
.sidebar-close, .sidebar-toggle { display: none; border: 0; background: none; color: #cbd5e1; font-size: 1.5rem; cursor: pointer; }
.sidebar-nav { display: grid; gap: .2rem; overflow-y: auto; padding: 1rem .75rem; }
.sidebar-nav a { display: flex; align-items: center; gap: .8rem; border-radius: .7rem; padding: .7rem .8rem; color: #aab8ce; font-size: .91rem; font-weight: 650; }
.sidebar-nav a:hover { background: rgba(255,255,255,.05); color: #fff; }
.sidebar-nav a.is-active { background: rgba(34,197,94,.14); color: #86efac; }
.menu-icon { display: grid; width: 1.3rem; place-items: center; color: currentColor; font-size: .85rem; }
.sidebar-user { display: flex; align-items: center; gap: .7rem; margin-top: auto; padding: 1rem 1.25rem; border-top: 1px solid var(--border); }
.user-avatar { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: 50%; background: var(--green); color: var(--ink); font-weight: 900; }
.sidebar-user strong, .sidebar-user small { display: block; max-width: 11rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-user strong { font-size: .84rem; }
.sidebar-user small { margin-top: .18rem; color: var(--muted); font-size: .72rem; }
.admin-main { min-height: 100vh; margin-left: 17rem; }
.admin-topbar { display: flex; min-height: 5rem; align-items: center; justify-content: space-between; gap: 1.25rem; border-bottom: 1px solid var(--border); background: rgba(15,23,42,.86); padding: 0 2rem; }
.breadcrumbs { display: flex; align-items: center; gap: .5rem; min-width: 0; color: var(--muted); font-size: .85rem; }
.breadcrumbs a { color: var(--muted); }
.breadcrumbs a:hover { color: var(--green); }
.breadcrumbs strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #e2e8f0; }
.admin-actions { display: flex; align-items: center; gap: 1rem; font-size: .88rem; }
.admin-actions form { margin: 0; }
.admin-content { width: min(100% - 3.5rem, 86rem); margin: 0 auto; padding: 2rem 0 3rem; }
.sidebar-backdrop { display: none; }
.center { text-align: center; }

/* Hall da Fama — gala premium */
.hall-hero, .legend-hero { position: relative; overflow: hidden; border: 1px solid rgba(250,204,21,.34); border-radius: 1.6rem; background: radial-gradient(circle at 76% 20%, rgba(250,204,21,.22), transparent 22rem), radial-gradient(circle at 20% 110%, rgba(34,197,94,.18), transparent 25rem), linear-gradient(125deg, #080b16, #16203b 58%, #090c16); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 28px 70px rgba(0,0,0,.28); }
.hall-hero::before, .legend-hero::before { content:""; position:absolute; inset:0; opacity:.28; pointer-events:none; background-image: linear-gradient(135deg, transparent 45%, rgba(255,255,255,.12) 45.5%, transparent 46%), repeating-linear-gradient(45deg, transparent 0 18px, rgba(255,255,255,.03) 19px 20px); }
.hall-hero { display:flex; align-items:center; justify-content:space-between; min-height:18rem; margin-bottom:1.25rem; padding:2.7rem clamp(1.5rem, 5vw, 4.2rem); }
.hall-hero-copy { position:relative; z-index:1; max-width:45rem; }
.hall-kicker, .hall-section-heading p, .legend-copy p { margin:0 0 .6rem; color:#fde047; font-size:.72rem; letter-spacing:.18em; font-weight:900; text-transform:uppercase; }
.hall-hero h1 { max-width:41rem; margin:0; color:#fff; font-size:clamp(2.25rem, 5vw, 4rem); text-wrap:balance; }
.hall-hero p:not(.hall-kicker) { max-width:32rem; margin:1rem 0 0; color:#cbd5e1; font-size:1.05rem; }
.hall-trophy { position:relative; z-index:1; display:grid; width:12rem; height:12rem; place-items:center; border:1px solid rgba(250,204,21,.28); border-radius:50%; background:radial-gradient(circle, rgba(250,204,21,.22), rgba(250,204,21,.02) 66%, transparent 67%); box-shadow:0 0 30px rgba(250,204,21,.22), inset 0 0 26px rgba(250,204,21,.14); animation:hallFloat 4s ease-in-out infinite; }
.hall-trophy span { filter:drop-shadow(0 7px 8px rgba(0,0,0,.45)); font-size:5.6rem; transform:perspective(20rem) rotateY(-13deg) rotateX(7deg); }
.hall-trophy i { position:absolute; inset:-1.3rem; border:1px solid rgba(250,204,21,.2); border-radius:50%; animation:hallPulse 2.5s ease-out infinite; }
.hall-personal-goal { display:grid; grid-template-columns:1.3fr .65fr 1.1fr auto; align-items:center; gap:1rem; margin-bottom:2.8rem; padding:1rem 1.25rem; border:1px solid rgba(255,255,255,.12); border-radius:1rem; background:linear-gradient(115deg, rgba(15,23,42,.96), rgba(30,41,59,.82)); box-shadow:0 12px 40px rgba(0,0,0,.16); }
.hall-goal-user { display:flex; align-items:center; gap:.8rem; min-width:0; }.hall-goal-user div { display:grid; gap:.16rem; }.hall-goal-user span,.hall-goal-number span,.hall-goal-progress span { color:#94a3b8; font-size:.65rem; letter-spacing:.12em; font-weight:900; text-transform:uppercase; }.hall-goal-user strong { overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; }.hall-goal-user em { color:#fde047; font-size:.78rem; font-style:normal; }.hall-goal-number,.hall-goal-progress { display:grid; gap:.25rem; padding-left:1rem; border-left:1px solid var(--border); }.hall-goal-number strong { color:#facc15; font-size:1.55rem; }.hall-goal-progress strong { color:#e2e8f0; font-size:.9rem; }.hall-goal-progress small { color:#94a3b8; }
.hall-section { margin:3rem 0; }.hall-section-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.3rem; }.hall-section-heading h2 { margin:0; color:#fff; font-size:1.5rem; }.hall-section-heading > span { color:#94a3b8; font-size:.8rem; }
.hall-podium { display:flex; align-items:end; justify-content:center; gap:1rem; min-height:25rem; padding:2rem 1.5rem 0; border:1px solid rgba(250,204,21,.2); border-radius:1.4rem; background:radial-gradient(ellipse at 50% 100%, rgba(250,204,21,.18), transparent 55%), linear-gradient(180deg, rgba(30,41,59,.62), rgba(8,15,31,.9)); }
.podium-card { position:relative; display:flex; min-width:0; width:min(30%, 17rem); flex-direction:column; align-items:center; color:#fff; text-align:center; transition:transform .25s ease, filter .25s ease; }.podium-card:hover { color:#fff; filter:brightness(1.13); transform:translateY(-.5rem); }.podium-medal { font-size:1.7rem; }.podium-place { margin-top:.55rem; color:#f8fafc; font-size:.7rem; letter-spacing:.16em; font-weight:900; text-transform:uppercase; }.podium-card strong { max-width:100%; overflow:hidden; margin-top:.4rem; text-overflow:ellipsis; white-space:nowrap; }.podium-card small { margin-top:.2rem; color:#fde047; font-size:.72rem; }.podium-card b { margin-top:.75rem; color:#fff; font-size:1.6rem; }.podium-card b i { color:#facc15; font-size:.62rem; font-style:normal; letter-spacing:.1em; }.podium-card em { margin:.25rem 0 .8rem; color:#94a3b8; font-size:.72rem; font-style:normal; }.podium-base { width:100%; height:var(--podium-height); border:1px solid rgba(255,255,255,.13); border-bottom:0; border-radius:.7rem .7rem 0 0; background:linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.04)); box-shadow:inset 0 1px 0 rgba(255,255,255,.2); }.podium-place-1 { --podium-height:9rem; z-index:2; }.podium-place-1 .hall-avatar { box-shadow:0 0 0 5px rgba(250,204,21,.18), 0 0 34px rgba(250,204,21,.58); animation:championGlow 2.8s ease-in-out infinite; }.podium-place-1 .podium-base { border-color:rgba(250,204,21,.52); background:linear-gradient(90deg,#8b6300,#facc15,#8b6300); }.podium-place-2 { --podium-height:6.3rem; }.podium-place-2 .podium-base { border-color:rgba(203,213,225,.42); background:linear-gradient(90deg,#475569,#cbd5e1,#475569); }.podium-place-3 { --podium-height:4rem; }.podium-place-3 .podium-base { border-color:rgba(251,146,60,.4); background:linear-gradient(90deg,#7c2d12,#fb923c,#7c2d12); }
.hall-avatar { display:grid; width:3.2rem; height:3.2rem; flex:0 0 auto; place-items:center; overflow:hidden; border:2px solid rgba(255,255,255,.23); border-radius:50%; background:linear-gradient(145deg,#34d399,#0f766e); color:#06231c; font-weight:950; letter-spacing:-.08em; }.hall-avatar img,.legend-portrait img { width:100%; height:100%; object-fit:cover; }.hall-avatar-small { width:2.8rem; height:2.8rem; }.hall-avatar-medium { width:3.15rem; height:3.15rem; }.hall-avatar-xl { width:5.3rem; height:5.3rem; margin-top:.45rem; font-size:1.5rem; }
.hall-tabs { display:flex; flex-wrap:wrap; gap:.55rem; }.hall-tabs > input { position:absolute; width:1px; height:1px; opacity:0; }.hall-tabs > label { display:block; width:auto; cursor:pointer; border:1px solid var(--border); border-radius:100rem; padding:.55rem .78rem; color:#94a3b8; font-size:.78rem; transition:.2s ease; }.hall-tabs > label:hover { border-color:rgba(250,204,21,.5); color:#fff; }.hall-tab-panels { width:100%; margin-top:1.15rem; }.hall-tab-panel { display:none; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.7rem; }.hall-tabs #hall-tab-general:checked ~ .hall-tab-panels .hall-panel-general,.hall-tabs #hall-tab-points:checked ~ .hall-tab-panels .hall-panel-points,.hall-tabs #hall-tab-exact:checked ~ .hall-tab-panels .hall-panel-exact,.hall-tabs #hall-tab-accuracy:checked ~ .hall-tab-panels .hall-panel-accuracy,.hall-tabs #hall-tab-titles:checked ~ .hall-tab-panels .hall-panel-titles,.hall-tabs #hall-tab-participations:checked ~ .hall-tab-panels .hall-panel-participations,.hall-tabs #hall-tab-referrals:checked ~ .hall-tab-panels .hall-panel-referrals { display:grid; }.hall-tabs #hall-tab-general:checked + label,.hall-tabs #hall-tab-points:checked + label,.hall-tabs #hall-tab-exact:checked + label,.hall-tabs #hall-tab-accuracy:checked + label,.hall-tabs #hall-tab-titles:checked + label,.hall-tabs #hall-tab-participations:checked + label,.hall-tabs #hall-tab-referrals:checked + label { border-color:#facc15; background:rgba(250,204,21,.14); color:#fde047; }
.hall-ranking-card { display:flex; align-items:center; gap:.75rem; min-width:0; padding:.78rem .9rem; border:1px solid var(--border); border-radius:.9rem; background:linear-gradient(105deg, rgba(30,41,59,.74), rgba(15,23,42,.88)); transition:.2s ease; }.hall-ranking-card:hover { border-color:rgba(250,204,21,.5); color:inherit; transform:translateY(-2px); }.hall-ranking-card.is-category-leader { border-color:rgba(250,204,21,.38); box-shadow:inset 0 0 22px rgba(250,204,21,.07); }.hall-rank-number { width:2rem; color:#facc15; font-weight:900; font-size:.85rem; }.hall-player-name { display:grid; min-width:0; flex:1; gap:.15rem; }.hall-player-name strong { overflow:hidden; color:#f8fafc; text-overflow:ellipsis; white-space:nowrap; font-size:.88rem; }.hall-player-name small { overflow:hidden; color:#94a3b8; text-overflow:ellipsis; white-space:nowrap; font-size:.7rem; }.hall-score { display:grid; min-width:4.8rem; color:#f8fafc; text-align:right; font-size:1.1rem; font-weight:900; }.hall-score small { color:#94a3b8; font-size:.62rem; font-weight:600; }
.hall-dual-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:1.2rem; margin:3rem 0; }.hall-premium-card { padding:1.4rem; border:1px solid rgba(255,255,255,.12); border-radius:1.2rem; background:linear-gradient(145deg, rgba(30,41,59,.8), rgba(15,23,42,.95)); box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }.hall-record-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:.7rem; }.hall-record { display:grid; align-content:start; gap:.26rem; padding:1rem; border:1px solid rgba(250,204,21,.14); border-radius:.9rem; background:rgba(8,15,31,.36); }.hall-record > span { font-size:1.35rem; }.hall-record small { color:#94a3b8; font-size:.68rem; }.hall-record strong { color:#fde047; font-size:1.45rem; }.hall-record a { overflow:hidden; color:#e2e8f0; text-overflow:ellipsis; white-space:nowrap; font-size:.78rem; }.hall-record em { color:#64748b; font-size:.75rem; font-style:normal; }
.hall-achievement-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }.hall-achievement { display:grid; grid-template-columns:auto 1fr; column-gap:.55rem; align-items:center; padding:.72rem; border:1px solid var(--border); border-radius:.85rem; }.hall-achievement > span { grid-row:span 2; font-size:1.4rem; }.hall-achievement strong { font-size:.77rem; }.hall-achievement small { color:#94a3b8; font-size:.65rem; line-height:1.3; }.hall-achievement.is-unlocked { border-color:rgba(250,204,21,.32); background:linear-gradient(110deg,rgba(250,204,21,.12),rgba(34,197,94,.05)); }.hall-achievement.is-locked { filter:saturate(.2); opacity:.68; }
.hall-timeline { position:relative; display:grid; grid-template-columns:repeat(auto-fit,minmax(14rem,1fr)); gap:1rem; padding-top:1rem; }.hall-timeline::before { content:""; position:absolute; top:0; right:5%; left:5%; height:1px; background:linear-gradient(90deg,transparent,#facc15,transparent); }.hall-timeline-item { display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:.6rem; padding:1rem; border:1px solid var(--border); border-radius:1rem; background:rgba(15,23,42,.7); }.hall-timeline-item:hover { border-color:rgba(250,204,21,.5); color:inherit; }.timeline-year { color:#facc15; font-size:.75rem; font-weight:900; }.hall-timeline-item > span:not(.timeline-year):not(.hall-avatar) { display:grid; min-width:0; gap:.2rem; }.hall-timeline-item strong { overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:.85rem; }.hall-timeline-item small { overflow:hidden; color:#94a3b8; text-overflow:ellipsis; white-space:nowrap; font-size:.67rem; }.hall-timeline-item b { grid-column:2 / -1; color:#fde047; font-size:.82rem; }
.hall-empty { display:grid; place-items:center; gap:.8rem; min-height:18rem; padding:2rem; border:1px solid rgba(250,204,21,.2); border-radius:1.2rem; background:radial-gradient(circle, rgba(250,204,21,.1), transparent 58%), var(--surface); text-align:center; }.hall-empty > span { font-size:3rem; }.hall-empty h2 { margin:0; color:#fff; }.hall-empty p { max-width:36rem; margin:0; color:#94a3b8; }.hall-empty.compact { min-height:8rem; }
.legend-hero { display:grid; grid-template-columns:auto auto 1fr auto; align-items:center; gap:1.4rem; min-height:15rem; margin-bottom:1.25rem; padding:2rem clamp(1.4rem,4vw,3rem); }.legend-back { position:absolute; top:1rem; left:1.2rem; z-index:1; color:#cbd5e1; font-size:.78rem; }.legend-portrait { display:grid; width:7rem; height:7rem; place-items:center; overflow:hidden; border:4px solid rgba(250,204,21,.78); border-radius:50%; background:linear-gradient(145deg,#facc15,#92400e); color:#1c1100; font-size:2.4rem; font-weight:950; box-shadow:0 0 0 7px rgba(250,204,21,.12), 0 0 35px rgba(250,204,21,.25); }.legend-copy { display:grid; gap:.36rem; padding-top:1.4rem; }.legend-copy h1 { margin:0; color:#fff; }.legend-patent { width:max-content; border:1px solid rgba(250,204,21,.4); border-radius:100rem; padding:.36rem .65rem; background:rgba(250,204,21,.12); color:#fde047; font-size:.75rem; font-weight:800; }.legend-copy small { color:#94a3b8; }.legend-position { display:grid; min-width:7rem; place-items:center; border-left:1px solid rgba(255,255,255,.16); color:#facc15; font-size:2.5rem; font-weight:950; }.legend-position span { color:#94a3b8; font-size:.67rem; font-weight:600; text-transform:uppercase; }.legend-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.85rem; margin-bottom:3rem; }.legend-stats article { display:grid; gap:.25rem; padding:1.1rem; border:1px solid rgba(250,204,21,.15); border-radius:1rem; background:linear-gradient(145deg,rgba(30,41,59,.8),rgba(15,23,42,.94)); }.legend-stats span,.legend-stats small { color:#94a3b8; font-size:.7rem; }.legend-stats strong { color:#fff; font-size:1.8rem; }.legend-content { margin-top:0; }.legend-details { display:grid; gap:1rem; }.legend-details > div { display:grid; gap:.22rem; padding-bottom:1rem; border-bottom:1px solid var(--border); }.legend-details > div:last-child { padding-bottom:0; border:0; }.legend-details span { color:#94a3b8; font-size:.68rem; text-transform:uppercase; letter-spacing:.1em; }.legend-details strong { color:#fff; }.legend-details small { color:#94a3b8; }.legend-trophy-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(12rem,1fr)); gap:.8rem; }.legend-trophy-grid article { display:grid; gap:.35rem; padding:1rem; border:1px solid rgba(250,204,21,.25); border-radius:1rem; background:linear-gradient(145deg,rgba(250,204,21,.11),rgba(15,23,42,.9)); }.legend-trophy-grid span { font-size:2rem; }.legend-trophy-grid strong { color:#fff; }.legend-trophy-grid small { color:#94a3b8; }.legend-trophy-grid em { color:#fde047; font-size:.7rem; font-style:normal; }
@keyframes hallFloat { 50% { transform:translateY(-.6rem) rotate(2deg); } } @keyframes hallPulse { 70% { transform:scale(1.15); opacity:0; } 100% { opacity:0; } } @keyframes championGlow { 50% { box-shadow:0 0 0 7px rgba(250,204,21,.12),0 0 44px rgba(250,204,21,.72); } }
@media (prefers-reduced-motion: reduce) { .hall-trophy,.hall-trophy i,.podium-place-1 .hall-avatar { animation:none; } }

@media (max-width: 760px) {
    .stat-grid, .profile-grid, .admin-grid, .card-grid { grid-template-columns: 1fr 1fr; }
    .filter-grid { grid-template-columns: 1fr 1fr; }
    .hall-hero { min-height:15rem; }.hall-trophy { width:8rem; height:8rem; }.hall-trophy span { font-size:3.8rem; }.hall-personal-goal { grid-template-columns:1fr 1fr; }.hall-goal-progress { border-left:0; padding-left:0; }.hall-dual-grid { grid-template-columns:1fr; }.legend-hero { grid-template-columns:auto 1fr; padding-top:3.5rem; }.legend-position { grid-column:1 / -1; justify-self:stretch; border-top:1px solid rgba(255,255,255,.16); border-left:0; padding-top:.6rem; }.legend-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .admin-sidebar { transform: translateX(-100%); transition: transform .2s ease; }
    .admin-main { margin-left: 0; }
    .admin-topbar { padding: 0 1rem; }
    .admin-content { width: min(100% - 2rem, 86rem); }
    .sidebar-toggle, .sidebar-close { display: inline-flex; }
    .sidebar-is-open .admin-sidebar { transform: translateX(0); }
    .sidebar-is-open .sidebar-backdrop { display: block; position: fixed; inset: 0; z-index: 20; background: rgba(0,0,0,.55); }
}
@media (max-width: 520px) {
    .auth-card { padding: 1.4rem; }
    .two-columns, .three-columns, .stat-grid, .profile-grid, .admin-grid, .prediction-grid, .card-grid, .filter-grid { grid-template-columns: 1fr; }
    .topbar-inner, .hero { align-items: flex-start; flex-direction: column; }
    .nav { width: 100%; justify-content: space-between; }
    .hall-hero { align-items:flex-start; min-height:20rem; flex-direction:column; }.hall-trophy { align-self:center; }.hall-personal-goal { grid-template-columns:1fr; }.hall-goal-number,.hall-goal-progress { border-top:1px solid var(--border); border-left:0; padding-top:.75rem; padding-left:0; }.hall-personal-goal .button { width:100%; }.hall-podium { min-height:22rem; gap:.35rem; padding:.9rem .35rem 0; }.podium-card { width:33%; }.podium-card b { font-size:1.15rem; }.podium-card em { font-size:.6rem; }.hall-avatar-xl { width:3.8rem; height:3.8rem; font-size:1.1rem; }.podium-medal { font-size:1.25rem; }.podium-card strong { font-size:.7rem; }.podium-card small { font-size:.55rem; }.podium-place-1 { --podium-height:7rem; }.podium-place-2 { --podium-height:4.8rem; }.podium-place-3 { --podium-height:3rem; }.hall-tab-panel { grid-template-columns:1fr; }.hall-record-grid,.hall-achievement-grid { grid-template-columns:1fr; }.legend-hero { grid-template-columns:1fr; justify-items:center; text-align:center; }.legend-copy { justify-items:center; padding-top:0; }.legend-portrait { width:6rem; height:6rem; }.legend-position { width:100%; }.legend-stats { grid-template-columns:1fr 1fr; }
}

/* Cerimônia Hall da Fama — experiência de premiação */
.ceremony-page { --ceremony-gold:#f8c843; --ceremony-silver:#cbd5e1; --ceremony-bronze:#d98b48; --ceremony-glass:rgba(15,23,42,.72); position:relative; isolation:isolate; padding-bottom:2rem; }.ceremony-page::before { position:absolute; z-index:-1; inset:5rem -4rem auto; height:38rem; content:""; background:radial-gradient(ellipse,rgba(250,204,21,.1),transparent 62%); filter:blur(12px); pointer-events:none; }
.ceremony-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 17rem; align-items:center; min-height:20rem; overflow:hidden; margin-bottom:1.2rem; padding:3rem clamp(1.5rem,5vw,4.5rem); border:1px solid rgba(248,200,67,.32); border-radius:1.7rem; background:linear-gradient(115deg,#050913 0%,#101d37 54%,#070d19 100%); box-shadow:inset 0 1px rgba(255,255,255,.08),0 30px 65px rgba(0,0,0,.34); }.ceremony-hero::before { position:absolute; inset:0; content:""; opacity:.65; background:linear-gradient(90deg,rgba(4,9,19,.78) 0%,transparent 62%),repeating-linear-gradient(90deg,transparent 0 9%,rgba(255,255,255,.025) 9.1% 9.3%); }.ceremony-hero::after { position:absolute; inset:-30% -8% auto auto; width:27rem; height:27rem; content:""; border:1px solid rgba(248,200,67,.22); border-radius:50%; box-shadow:0 0 0 3rem rgba(248,200,67,.025),0 0 0 6rem rgba(248,200,67,.018),0 0 90px rgba(248,200,67,.2); }.ceremony-lights { position:absolute; inset:0; opacity:.7; background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.07) 26%,transparent 28% 58%,rgba(255,255,255,.05) 59%,transparent 61%); }.ceremony-particles { position:absolute; inset:0; opacity:.65; background-image:radial-gradient(circle at 13% 20%,#f8c843 0 1px,transparent 2px),radial-gradient(circle at 54% 78%,#fff 0 1px,transparent 2px),radial-gradient(circle at 86% 29%,#f8c843 0 1.5px,transparent 2.5px),radial-gradient(circle at 33% 90%,#fff 0 1px,transparent 2px); }.ceremony-hero-copy { position:relative; z-index:2; }.ceremony-hero-copy > p,.ceremony-heading p { margin:0 0 .65rem; color:var(--ceremony-gold); font-size:.7rem; font-weight:900; letter-spacing:.2em; text-transform:uppercase; }.ceremony-hero h1 { margin:0; color:#fff; font-size:clamp(2.7rem,6vw,5rem); line-height:.82; letter-spacing:-.065em; }.ceremony-hero h1 span { color:var(--ceremony-gold); text-shadow:0 0 25px rgba(248,200,67,.36); }.ceremony-hero h2 { margin:1.25rem 0 .45rem; color:#fff; font-size:clamp(1.05rem,2vw,1.35rem); }.ceremony-hero small { display:block; max-width:31rem; color:#a9b7cd; font-size:.92rem; line-height:1.55; }.ceremony-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.5rem; }.ceremony-hero-trophy { position:relative; z-index:2; display:grid; width:14rem; height:14rem; place-items:center; justify-self:end; color:#fff; }.ceremony-hero-trophy > span { z-index:2; filter:drop-shadow(0 12px 9px rgba(0,0,0,.45)); font-size:7rem; transform:perspective(26rem) rotateY(-14deg) rotateX(8deg); }.ceremony-hero-trophy > i { position:absolute; z-index:3; bottom:1.1rem; border:1px solid rgba(248,200,67,.45); border-radius:100rem; padding:.26rem .48rem; background:rgba(8,14,26,.75); color:#f8d76d; font-size:.52rem; font-weight:900; font-style:normal; letter-spacing:.16em; line-height:1.15; text-align:center; }.ceremony-halo { position:absolute; inset:1rem; border:1px solid rgba(248,200,67,.3); border-radius:50%; background:radial-gradient(circle,rgba(248,200,67,.28),rgba(248,200,67,.03) 58%,transparent 59%); box-shadow:0 0 45px rgba(248,200,67,.24); animation:ceremonyPulse 3.2s ease-in-out infinite; }
.journey-card { display:grid; grid-template-columns:minmax(16rem,1.3fr) repeat(3,minmax(4.2rem,.5fr)) minmax(14rem,1fr); gap:1rem; align-items:center; padding:1.15rem 1.25rem; border:1px solid rgba(255,255,255,.13); border-radius:1.1rem; background:linear-gradient(110deg,rgba(17,29,52,.94),rgba(7,13,25,.88)); box-shadow:inset 0 1px rgba(255,255,255,.06),0 16px 38px rgba(0,0,0,.22); }.journey-identity { display:flex; gap:.8rem; align-items:center; min-width:0; }.journey-identity p,.journey-stat span,.journey-progress span,.journey-next span { margin:0; color:#8090ab; font-size:.61rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }.journey-identity h2 { overflow:hidden; margin:.22rem 0 .38rem; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:1.05rem; }.journey-stat { display:grid; gap:.25rem; justify-items:center; padding-left:.8rem; border-left:1px solid rgba(255,255,255,.1); }.journey-stat strong { color:#fff; font-size:1.35rem; }.journey-progress { display:grid; gap:.42rem; min-width:0; padding-left:.8rem; border-left:1px solid rgba(255,255,255,.1); }.journey-progress > div:first-child { display:flex; justify-content:space-between; gap:.5rem; }.journey-progress > div:first-child strong { color:var(--ceremony-gold); font-size:.84rem; }.journey-progress small,.journey-next small { color:#91a0b7; font-size:.66rem; }.journey-bar,.medal-progress { height:.38rem; overflow:hidden; border-radius:100rem; background:rgba(148,163,184,.16); }.journey-bar i,.medal-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#22c55e,var(--ceremony-gold)); box-shadow:0 0 10px rgba(248,200,67,.45); }.journey-next { display:grid; gap:.27rem; }.journey-next strong { color:#e2e8f0; font-size:.8rem; }.journey-goals { display:flex; grid-column:2 / -1; justify-content:flex-end; gap:1.2rem; color:#8fa0b8; font-size:.67rem; }.journey-goals b { color:var(--ceremony-gold); }.immortal-seal { grid-column:1 / -1; justify-self:start; border:1px solid rgba(248,200,67,.45); border-radius:100rem; padding:.34rem .65rem; background:rgba(248,200,67,.12); color:#f8d76d; font-size:.66rem; font-weight:900; letter-spacing:.08em; }
.patent-badge { display:inline-flex; width:max-content; align-items:center; gap:.25rem; border:1px solid rgba(255,255,255,.18); border-radius:100rem; padding:.24rem .46rem; background:rgba(255,255,255,.05); color:#e2e8f0; font-size:.63rem; font-weight:800; }.patent-king,.patent-gold { border-color:rgba(248,200,67,.52); background:rgba(248,200,67,.12); color:#f8d76d; }.patent-legend { border-color:rgba(192,132,252,.48); background:rgba(192,132,252,.12); color:#e9d5ff; }.patent-elite { border-color:rgba(34,211,238,.45); background:rgba(34,211,238,.1); color:#a5f3fc; }.patent-specialist { border-color:rgba(34,197,94,.45); background:rgba(34,197,94,.1); color:#bbf7d0; }.patent-tipster,.patent-silver { border-color:rgba(203,213,225,.38); color:#e2e8f0; }.patent-rookie,.patent-bronze { border-color:rgba(217,139,72,.46); background:rgba(217,139,72,.1); color:#fed7aa; }
.ceremony-section { margin-top:3.6rem; }.ceremony-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }.ceremony-heading h2 { margin:0; color:#fff; font-size:clamp(1.4rem,3vw,2rem); letter-spacing:-.035em; }.ceremony-heading > span { color:#8090ab; font-size:.74rem; }.podium-arena { position:relative; display:flex; min-height:29rem; align-items:end; justify-content:center; gap:1rem; overflow:hidden; padding:2.4rem 1.5rem 0; border:1px solid rgba(248,200,67,.18); border-radius:1.45rem; background:radial-gradient(ellipse at 50% 105%,rgba(248,200,67,.21),transparent 49%),linear-gradient(180deg,rgba(22,34,58,.8),rgba(5,10,19,.95)); }.podium-arena::before { position:absolute; top:0; right:0; left:0; height:7rem; content:""; background:radial-gradient(ellipse at 50% 0,rgba(248,200,67,.18),transparent 70%); }.champion-card { position:relative; z-index:1; display:grid; width:min(31%,18rem); min-width:0; justify-items:center; border:0; background:transparent; color:#fff; cursor:pointer; text-align:center; transition:transform .25s ease,filter .25s ease; }.champion-card:hover { filter:brightness(1.12); transform:translateY(-.45rem); }.champion-medal { font-size:1.7rem; }.champion-label { margin:.55rem 0 .3rem; color:#e2e8f0; font-size:.62rem; font-weight:900; letter-spacing:.15em; }.champion-card > strong { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1rem; }.champion-metrics { display:grid; grid-template-columns:repeat(2,1fr); width:100%; gap:.36rem; margin:.75rem 0; }.champion-metrics span { display:grid; gap:.08rem; color:#90a0b8; font-size:.53rem; letter-spacing:.05em; }.champion-metrics b { color:#fff; font-size:.84rem; }.champion-pedestal { display:block; width:100%; height:var(--pedestal); border:1px solid rgba(255,255,255,.14); border-bottom:0; border-radius:.8rem .8rem 0 0; background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.19),rgba(255,255,255,.04)); box-shadow:inset 0 1px rgba(255,255,255,.22); }.champion-1 { --pedestal:10.3rem; z-index:3; }.champion-1 .ceremony-avatar { box-shadow:0 0 0 5px rgba(248,200,67,.15),0 0 35px rgba(248,200,67,.62); animation:championFlare 2.8s ease-in-out infinite; }.champion-1 .champion-pedestal { border-color:rgba(248,200,67,.6); background:linear-gradient(90deg,#7a5300,#f8c843,#7a5300); }.champion-2 { --pedestal:7rem; }.champion-2 .champion-pedestal { border-color:rgba(203,213,225,.42); background:linear-gradient(90deg,#475569,#cbd5e1,#475569); }.champion-3 { --pedestal:4.7rem; }.champion-3 .champion-pedestal { border-color:rgba(217,139,72,.45); background:linear-gradient(90deg,#7c2d12,#d98b48,#7c2d12); }
.ceremony-avatar { display:grid; width:3rem; height:3rem; flex:0 0 auto; place-items:center; overflow:hidden; border:2px solid rgba(255,255,255,.26); border-radius:50%; background:linear-gradient(145deg,#4ade80,#0f766e); color:#06231c; font-weight:950; letter-spacing:-.08em; }.ceremony-avatar img { width:100%; height:100%; object-fit:cover; }.ceremony-avatar-user { width:3.35rem; height:3.35rem; }.ceremony-avatar-champion { width:5.4rem; height:5.4rem; margin-top:.35rem; font-size:1.55rem; }.ceremony-avatar-small { width:2.55rem; height:2.55rem; font-size:.78rem; }
.category-tabs { display:flex; gap:.55rem; overflow-x:auto; padding-bottom:.25rem; scrollbar-width:thin; }.category-tab { flex:0 0 auto; border:1px solid rgba(255,255,255,.13); border-radius:100rem; padding:.58rem .82rem; background:rgba(15,23,42,.62); color:#94a3b8; font:inherit; font-size:.75rem; font-weight:800; cursor:pointer; transition:.2s ease; }.category-tab:hover,.category-tab.is-active { border-color:rgba(248,200,67,.52); background:rgba(248,200,67,.12); color:#f8d76d; }.category-stage { min-height:15rem; margin-top:1rem; }.category-panel { display:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }.category-panel.is-active { display:grid; animation:categoryIn .28s ease-out; }.category-player { display:grid; grid-template-columns:auto auto minmax(0,1fr) auto auto; align-items:center; gap:.6rem; padding:.78rem; border:1px solid rgba(255,255,255,.11); border-radius:.9rem; background:linear-gradient(110deg,rgba(25,38,65,.78),rgba(9,15,28,.86)); color:#fff; font:inherit; text-align:left; cursor:pointer; transition:.2s ease; }.category-player:hover { border-color:rgba(248,200,67,.46); transform:translateY(-2px); }.category-top-1 { border-color:rgba(248,200,67,.42); }.category-top-2 { border-color:rgba(203,213,225,.3); }.category-top-3 { border-color:rgba(217,139,72,.36); }.category-position { width:1.55rem; color:#f8d76d; font-weight:900; font-size:.75rem; }.category-name { display:grid; min-width:0; gap:.14rem; }.category-name strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.8rem; }.category-name small { overflow:hidden; color:#94a3b8; text-overflow:ellipsis; white-space:nowrap; font-size:.62rem; }.category-medal-count { color:#f8d76d; font-size:.68rem; }.category-value { display:grid; min-width:3.3rem; color:#fff; font-size:1rem; font-weight:900; text-align:right; }.category-value small { color:#8fa0b8; font-size:.57rem; font-weight:600; }
.records-stage { position:relative; padding:2rem; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:1.5rem; background:linear-gradient(135deg,rgba(15,25,45,.96),rgba(8,13,25,.9)); }.records-stage::before { position:absolute; top:-13rem; left:-8rem; width:26rem; height:26rem; content:""; border-radius:50%; background:radial-gradient(circle,rgba(34,197,94,.12),transparent 68%); }.records-stage .ceremony-heading,.record-grid { position:relative; }.record-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }.record-card { display:grid; min-height:11rem; align-content:start; padding:1.05rem; border:1px solid rgba(248,200,67,.14); border-radius:1rem; background:rgba(8,14,27,.54); }.record-icon { color:#f8d76d; font-size:1.65rem; }.record-card p { margin:.5rem 0 .18rem; color:#9eb0c9; font-size:.7rem; font-weight:800; text-transform:uppercase; }.record-card > strong { color:#fff; font-size:1.3rem; }.record-card button { justify-self:start; overflow:hidden; max-width:100%; margin-top:.3rem; padding:0; border:0; background:transparent; color:#f8d76d; font:inherit; font-size:.77rem; font-weight:800; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }.record-card > span:not(.record-icon) { margin-top:.3rem; color:#8fa0b8; font-size:.75rem; }.record-card small { margin-top:auto; padding-top:.8rem; color:#8190a7; font-size:.66rem; line-height:1.4; }
.season-wall { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; }.season-card { position:relative; min-height:15rem; overflow:hidden; padding:1.1rem; border:1px solid rgba(255,255,255,.12); border-radius:1.1rem; background:linear-gradient(145deg,rgba(27,40,68,.78),rgba(8,14,26,.93)); }.season-card.has-champion { border-color:rgba(248,200,67,.27); }.season-card.has-champion::before { position:absolute; top:-4rem; right:-3rem; width:11rem; height:11rem; content:""; border-radius:50%; background:radial-gradient(circle,rgba(248,200,67,.15),transparent 68%); }.season-year { color:#fff; font-size:1.8rem; font-weight:950; letter-spacing:-.05em; }.season-state { float:right; border:1px solid rgba(255,255,255,.14); border-radius:100rem; padding:.24rem .45rem; color:#a7b4c9; font-size:.58rem; font-weight:800; }.season-trophy { position:relative; margin:1.2rem 0 .15rem; filter:drop-shadow(0 6px 5px rgba(0,0,0,.35)); font-size:2.25rem; }.season-card h3 { position:relative; margin:0 0 .8rem; color:#fff; font-size:1rem; }.season-champion { position:relative; display:flex; width:100%; align-items:center; gap:.55rem; padding:.55rem; border:1px solid rgba(248,200,67,.22); border-radius:.75rem; background:rgba(248,200,67,.08); color:#fff; text-align:left; cursor:pointer; }.season-champion > span:last-child { display:grid; min-width:0; gap:.16rem; }.season-champion strong,.season-champion small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.season-champion strong { font-size:.76rem; }.season-champion small { color:#c6d1e1; font-size:.61rem; }.season-empty { position:relative; color:#8fa0b8; font-size:.76rem; }.ceremony-empty { display:grid; min-height:18rem; place-items:center; gap:.7rem; padding:2rem; border:1px solid rgba(248,200,67,.22); border-radius:1.2rem; background:radial-gradient(circle,rgba(248,200,67,.1),transparent 58%),rgba(9,15,28,.78); text-align:center; }.ceremony-empty span { font-size:3.2rem; opacity:.75; }.ceremony-empty h3 { margin:0; color:#fff; font-size:1.15rem; }.ceremony-empty p { max-width:31rem; margin:0; color:#9aabc2; line-height:1.55; }.ceremony-empty.compact { grid-column:1 / -1; min-height:12rem; }
.medal-stage { padding:2rem; border:1px solid rgba(34,197,94,.18); border-radius:1.5rem; background:linear-gradient(135deg,rgba(8,22,27,.9),rgba(11,18,33,.96)); }.medal-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; }.medal-card { display:grid; grid-template-columns:auto 1fr; gap:.32rem .58rem; padding:.85rem; border:1px solid rgba(255,255,255,.1); border-radius:.95rem; background:rgba(12,21,37,.66); }.medal-card.is-unlocked { border-color:rgba(248,200,67,.35); background:linear-gradient(125deg,rgba(248,200,67,.12),rgba(34,197,94,.06)); }.medal-icon { grid-row:span 2; align-self:center; font-size:1.6rem; filter:grayscale(1); opacity:.5; }.medal-card.is-unlocked .medal-icon { filter:none; opacity:1; }.medal-card strong { color:#e2e8f0; font-size:.74rem; }.medal-card p { margin:0; color:#8696ad; font-size:.62rem; line-height:1.3; }.medal-status { grid-column:1 / -1; margin-top:.25rem; color:#6f8098; font-size:.56rem; font-weight:900; letter-spacing:.1em; }.medal-card.is-unlocked .medal-status { color:#f8d76d; }.medal-progress { grid-column:1 / -1; margin-top:.06rem; }.medal-progress i { background:linear-gradient(90deg,#22c55e,#f8c843); }.medal-card > small { grid-column:1 / -1; color:#8fa0b8; font-size:.59rem; }
.legend-modal { position:fixed; z-index:90; inset:0; display:none; place-items:center; padding:1rem; }.legend-modal.is-open { display:grid; }.legend-modal-backdrop { position:absolute; inset:0; background:rgba(2,6,14,.78); backdrop-filter:blur(8px); }.legend-modal-card { position:relative; z-index:1; width:min(100%,34rem); overflow:hidden; padding:2rem; border:1px solid rgba(248,200,67,.46); border-radius:1.4rem; background:radial-gradient(circle at 50% 0,rgba(248,200,67,.22),transparent 40%),linear-gradient(145deg,#17243e,#080d18); box-shadow:0 30px 80px rgba(0,0,0,.55); text-align:center; animation:modalIn .22s ease-out; }.legend-modal-card > p { margin:.55rem 0; color:#f8d76d; font-size:.66rem; font-weight:900; letter-spacing:.18em; }.legend-modal-card h2 { margin:0 0 .5rem; color:#fff; font-size:1.8rem; }.legend-modal-crown { display:block; margin-bottom:.2rem; color:#f8d76d; font-size:2.3rem; filter:drop-shadow(0 6px 6px rgba(0,0,0,.38)); }.modal-avatar { display:grid; width:4.7rem; height:4.7rem; margin:0 auto; place-items:center; border:3px solid rgba(248,200,67,.6); border-radius:50%; background:linear-gradient(145deg,#f8c843,#8a5a04); color:#201500; font-size:1.35rem; font-weight:950; }.legend-modal-close { position:absolute; top:.7rem; right:.85rem; border:0; background:transparent; color:#cbd5e1; font-size:1.7rem; cursor:pointer; }.modal-achievements { display:block; margin-top:.45rem; color:#9cafc6; font-size:.68rem; }.modal-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; margin:1.35rem 0; }.modal-stat-grid span { display:grid; gap:.13rem; padding:.7rem .3rem; border:1px solid rgba(255,255,255,.11); border-radius:.7rem; color:#90a0b8; font-size:.56rem; font-weight:800; }.modal-stat-grid b { color:#fff; font-size:1.05rem; }.legend-modal-card .button { width:100%; }
body.modal-is-open { overflow:hidden; }
@keyframes ceremonyPulse { 50% { transform:scale(1.08); opacity:.75; } } @keyframes championFlare { 50% { box-shadow:0 0 0 7px rgba(248,200,67,.12),0 0 46px rgba(248,200,67,.75); } } @keyframes categoryIn { from { opacity:0; transform:translateY(.4rem); } } @keyframes modalIn { from { opacity:0; transform:translateY(1rem) scale(.97); } }
@media (prefers-reduced-motion: reduce) { .ceremony-halo,.champion-1 .ceremony-avatar { animation:none; } }
@media (max-width: 980px) { .journey-card { grid-template-columns:1.2fr repeat(3,.5fr); }.journey-progress { grid-column:1 / span 2; border-left:0; padding-left:0; }.journey-next { grid-column:3 / -1; }.record-grid,.season-wall { grid-template-columns:repeat(2,minmax(0,1fr)); }.medal-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.category-panel { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) { .ceremony-hero { grid-template-columns:1fr; min-height:16.25rem; padding:2rem 1.4rem; }.ceremony-hero h1 { font-size:3rem; }.ceremony-hero-trophy { position:absolute; right:-1rem; bottom:-2.3rem; width:10rem; height:10rem; opacity:.42; }.ceremony-hero-trophy > span { font-size:5rem; }.ceremony-actions { position:relative; z-index:3; }.journey-card { grid-template-columns:repeat(3,1fr); gap:.8rem; }.journey-identity { grid-column:1 / -1; }.journey-progress,.journey-next { grid-column:1 / -1; border-top:1px solid rgba(255,255,255,.1); border-left:0; padding-top:.75rem; padding-left:0; }.journey-goals { grid-column:1 / -1; justify-content:flex-start; }.podium-arena { min-height:0; flex-direction:column; align-items:stretch; padding:1rem; }.champion-card { display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; width:100%; justify-items:start; gap:.45rem .65rem; padding:.8rem; border:1px solid rgba(255,255,255,.12); border-radius:.9rem; background:rgba(8,14,27,.58); text-align:left; }.champion-card:hover { transform:none; }.champion-card .ceremony-avatar { grid-row:span 2; width:3.25rem; height:3.25rem; margin:0; font-size:.9rem; }.champion-medal { grid-row:span 2; align-self:center; font-size:1.45rem; }.champion-label { margin:0; font-size:.55rem; }.champion-card > strong { font-size:.82rem; }.champion-card .patent-badge { grid-column:3 / -1; }.champion-metrics { grid-column:1 / -1; grid-template-columns:repeat(4,1fr); margin:.25rem 0 0; }.champion-pedestal { display:none; }.champion-1 { order:-1; border-color:rgba(248,200,67,.5); }.champion-2,.champion-3 { --pedestal:0; }.category-panel,.record-grid,.season-wall,.medal-grid { grid-template-columns:1fr; }.category-player { grid-template-columns:auto auto minmax(0,1fr) auto; }.category-medal-count { display:none; }.records-stage,.medal-stage { padding:1.2rem; }.ceremony-heading { align-items:start; flex-direction:column; }.ceremony-heading > span { margin-top:-.7rem; }.legend-modal-card { padding:1.7rem 1.1rem; } }
.champion-metrics span,.champion-label,.category-name small,.category-value small,.record-card small,.medal-status,.medal-card > small,.modal-stat-grid span { font-size:.64rem; }

/* Área do jogador: competições */
.player-competitions,.competition-detail { padding-bottom:2rem; }
.competitions-hero { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; min-height:12rem; padding:2rem clamp(1.4rem,4vw,3rem); border:1px solid rgba(34,197,94,.22); border-radius:1.4rem; background:radial-gradient(circle at 88% 20%,rgba(34,197,94,.16),transparent 18rem),linear-gradient(125deg,#0c172a,#101d35); box-shadow:inset 0 1px rgba(255,255,255,.05); }.competitions-hero h1 { margin:.25rem 0 .4rem; color:#fff; font-size:clamp(2rem,4vw,3rem); }.competitions-hero p:not(.eyebrow) { max-width:38rem; margin:0; color:#9dafc8; line-height:1.55; }
.competition-tabs { display:flex; gap:.55rem; overflow-x:auto; margin:1.1rem 0; padding:.15rem 0 .55rem; scrollbar-width:thin; }.competition-tabs a { display:inline-flex; flex:0 0 auto; align-items:center; gap:.42rem; border:1px solid rgba(255,255,255,.12); border-radius:100rem; padding:.65rem .82rem; background:rgba(15,23,42,.65); color:#9fb0c7; font-size:.76rem; font-weight:800; }.competition-tabs a span { color:#86efac; }.competition-tabs a b { display:grid; min-width:1.25rem; height:1.25rem; place-items:center; border-radius:50%; background:rgba(255,255,255,.08); color:#e2e8f0; font-size:.62rem; }.competition-tabs a:hover,.competition-tabs a.is-active { border-color:rgba(34,197,94,.55); background:rgba(34,197,94,.12); color:#fff; }.competition-tabs a.is-active b { background:#22c55e; color:#0b1724; }
.competition-filter-card { display:flex; justify-content:flex-end; margin-bottom:1.2rem; }.competition-filter-card form { display:flex; align-items:end; gap:.7rem; }.competition-filter-card label { color:#9fb0c7; font-size:.68rem; }.competition-filter-card select { min-width:14rem; padding:.58rem .7rem; }.competition-filter-card a { margin-bottom:.58rem; color:#86efac; font-size:.72rem; font-weight:800; }
.competition-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }.player-competition-card { display:grid; overflow:hidden; min-height:22rem; border:1px solid rgba(255,255,255,.12); border-radius:1.2rem; background:linear-gradient(145deg,rgba(24,36,62,.9),rgba(10,17,31,.96)); box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 30px rgba(0,0,0,.16); }.player-competition-card.state-mine { border-color:rgba(34,197,94,.35); }.player-competition-card.state-pending { border-color:rgba(250,204,21,.35); }.player-competition-card.state-finished { opacity:.72; }.player-competition-card header { display:flex; align-items:start; justify-content:space-between; padding:1.1rem 1.15rem 0; }.player-competition-card header > div { display:flex; flex-wrap:wrap; gap:.4rem; }.competition-season,.competition-status { display:inline-flex; border-radius:100rem; padding:.27rem .48rem; font-size:.59rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }.competition-season { background:rgba(255,255,255,.07); color:#b9c8db; }.competition-status { border:1px solid rgba(34,197,94,.25); background:rgba(34,197,94,.1); color:#86efac; }.state-pending .competition-status { border-color:rgba(250,204,21,.32); background:rgba(250,204,21,.1); color:#fde68a; }.state-finished .competition-status { border-color:rgba(148,163,184,.28); background:rgba(148,163,184,.1); color:#cbd5e1; }.competition-open { display:grid; width:2rem; height:2rem; place-items:center; border:1px solid rgba(255,255,255,.15); border-radius:50%; color:#cbd5e1; font-size:1rem; }.competition-open:hover { border-color:#22c55e; color:#86efac; }.competition-card-title { padding:1rem 1.15rem; }.competition-card-title h2 { overflow:hidden; margin:0 0 .5rem; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:1.25rem; }.competition-card-title p { display:-webkit-box; min-height:2.8rem; overflow:hidden; margin:0; color:#91a2ba; font-size:.8rem; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.competition-card-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:0 1.15rem; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); }.competition-card-stats > div { display:grid; align-content:center; min-height:5.6rem; padding:.7rem .45rem; border-right:1px solid rgba(255,255,255,.08); }.competition-card-stats > div:last-child { border-right:0; }.competition-card-stats span,.competition-fee span { color:#8293ab; font-size:.56rem; font-weight:900; letter-spacing:.08em; }.competition-card-stats strong { overflow:hidden; margin:.28rem 0 .16rem; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:.82rem; }.competition-card-stats small { overflow:hidden; color:#9dafc6; text-overflow:ellipsis; white-space:nowrap; font-size:.63rem; }.player-competition-card footer { display:flex; align-items:center; justify-content:space-between; gap:.8rem; align-self:end; padding:1rem 1.15rem 1.15rem; }.competition-fee { display:grid; gap:.16rem; }.competition-fee strong { color:#f8fafc; font-size:.88rem; }.player-competition-card footer .button { white-space:nowrap; font-size:.76rem; }.player-competition-card footer .button b { display:grid; min-width:1.2rem; height:1.2rem; place-items:center; border-radius:50%; background:rgba(0,0,0,.18); font-size:.6rem; }.button-warning { background:#facc15; color:#1f2937; }.button-warning:hover { background:#fde047; color:#1f2937; }
.competition-empty { display:grid; min-height:18rem; place-items:center; gap:.65rem; padding:2rem; border:1px solid rgba(34,197,94,.2); border-radius:1.25rem; background:radial-gradient(circle,rgba(34,197,94,.1),transparent 58%),rgba(13,23,40,.85); text-align:center; }.competition-empty > span { color:#86efac; font-size:3rem; }.competition-empty h2 { margin:0; color:#fff; }.competition-empty p { max-width:30rem; margin:0; color:#9dafc6; }
.competition-detail-hero { position:relative; overflow:hidden; min-height:15rem; padding:2.5rem clamp(1.4rem,4vw,3rem); border:1px solid rgba(34,197,94,.28); border-radius:1.4rem; background:radial-gradient(circle at 85% 20%,rgba(34,197,94,.17),transparent 18rem),linear-gradient(125deg,#0a1628,#132442); }.competition-detail-hero::after { position:absolute; right:-5rem; bottom:-10rem; width:23rem; height:23rem; content:""; border:1px solid rgba(34,197,94,.16); border-radius:50%; box-shadow:0 0 0 2rem rgba(34,197,94,.025),0 0 60px rgba(34,197,94,.12); }.competition-detail-hero > * { position:relative; z-index:1; }.competition-back { display:inline-block; margin-bottom:1.8rem; color:#a6b7cf; font-size:.74rem; font-weight:800; }.competition-back:hover { color:#86efac; }.competition-detail-hero > p { margin:0 0 .45rem; color:#86efac; font-size:.7rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }.competition-detail-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; }.competition-detail-heading h1 { margin:0; color:#fff; font-size:clamp(2rem,4.5vw,3.5rem); letter-spacing:-.05em; }.competition-detail-heading > div:first-child > span,.payment-note { display:inline-flex; margin-top:.5rem; border:1px solid rgba(34,197,94,.32); border-radius:100rem; padding:.32rem .55rem; background:rgba(34,197,94,.12); color:#bbf7d0; font-size:.65rem; font-weight:900; }.state-pending .competition-detail-heading > div:first-child > span,.payment-note { border-color:rgba(250,204,21,.4); background:rgba(250,204,21,.12); color:#fde68a; }.competition-detail-actions form { margin:0; }.competition-detail-description { max-width:43rem; margin:1rem 0 0; color:#a9b7cb; line-height:1.55; }
.competition-command-card { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.8rem; margin:1rem 0 2.5rem; padding:1rem; border:1px solid rgba(255,255,255,.11); border-radius:1rem; background:rgba(13,23,40,.82); }.competition-command-card > div { display:grid; gap:.3rem; padding:.45rem .75rem; border-right:1px solid rgba(255,255,255,.08); }.competition-command-card > div:last-child { border:0; }.competition-command-card span,.competition-info-grid span { color:#8293a9; font-size:.59rem; font-weight:900; letter-spacing:.09em; }.competition-command-card strong { color:#fff; font-size:1.32rem; }.competition-payment-card { display:flex; align-items:center; gap:1rem; margin:-1.4rem 0 2.5rem; padding:1rem 1.2rem; border:1px solid rgba(250,204,21,.35); border-radius:1rem; background:rgba(250,204,21,.08); }.competition-payment-card > span { font-size:1.6rem; }.competition-payment-card h2 { margin:0 0 .18rem; color:#fff; font-size:1rem; }.competition-payment-card p { margin:0; color:#d7c988; font-size:.8rem; line-height:1.45; }.competition-detail-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:1rem; }.competition-detail-panel { padding:1.2rem; border:1px solid rgba(255,255,255,.12); border-radius:1.1rem; background:linear-gradient(145deg,rgba(25,38,65,.78),rgba(10,17,31,.94)); }.panel-title { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.panel-title p { margin:0 0 .25rem; color:#86efac; font-size:.62rem; font-weight:900; letter-spacing:.13em; }.panel-title h2 { margin:0; color:#fff; font-size:1.1rem; }.panel-title a { color:#86efac; font-size:.72rem; font-weight:800; }.match-stack,.mini-ranking { display:grid; gap:.55rem; }.competition-match { display:grid; grid-template-columns:4.7rem minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.72rem; border:1px solid rgba(255,255,255,.08); border-radius:.75rem; background:rgba(8,14,26,.55); }.competition-match time { display:grid; color:#dbe5f2; font-size:.73rem; font-weight:800; }.competition-match time small { color:#8496af; font-weight:600; }.competition-match strong { overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:.78rem; }.competition-match strong span { color:#22c55e; }.competition-match em { color:#fbbf24; font-size:.65rem; font-style:normal; }.competition-match.is-predicted em { color:#86efac; }.mini-ranking > div { display:grid; grid-template-columns:1.8rem 2rem minmax(0,1fr) auto; align-items:center; gap:.45rem; padding:.55rem 0; border-bottom:1px solid rgba(255,255,255,.08); }.mini-ranking > div:last-child { border:0; }.mini-ranking span { color:#f8d76d; font-size:.72rem; font-weight:900; }.mini-ranking i { display:grid; width:1.75rem; height:1.75rem; place-items:center; border-radius:50%; background:#22c55e; color:#06231c; font-size:.62rem; font-style:normal; font-weight:950; }.mini-ranking strong { overflow:hidden; color:#e2e8f0; text-overflow:ellipsis; white-space:nowrap; font-size:.76rem; }.mini-ranking b { color:#fff; font-size:.72rem; }.mini-empty { display:grid; min-height:8rem; place-items:center; color:#8496ae; font-size:.8rem; text-align:center; }.competition-info-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1rem; }.competition-info-grid article { display:grid; gap:.38rem; padding:1.1rem; border:1px solid rgba(255,255,255,.1); border-radius:1rem; background:rgba(13,23,40,.8); }.competition-info-grid strong { overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:.9rem; }.competition-info-grid small { display:-webkit-box; overflow:hidden; color:#91a2b9; font-size:.7rem; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
@media (max-width: 780px) { .competition-cards { grid-template-columns:1fr; }.competition-detail-grid { grid-template-columns:1fr; }.competition-command-card { grid-template-columns:repeat(3,minmax(0,1fr)); }.competition-command-card > div:nth-child(3) { border-right:0; }.competition-info-grid { grid-template-columns:1fr; } }
@media (max-width: 540px) { .competitions-hero { align-items:start; flex-direction:column; min-height:0; }.competitions-hero .button { width:100%; }.competition-filter-card { justify-content:stretch; }.competition-filter-card form,.competition-filter-card label,.competition-filter-card select { width:100%; }.competition-filter-card form { display:grid; }.competition-card-stats { grid-template-columns:1fr 1fr; }.competition-card-stats > div:nth-child(2) { border-right:0; }.competition-card-stats > div:last-child { grid-column:1 / -1; border-top:1px solid rgba(255,255,255,.08); }.competition-detail-heading { align-items:start; flex-direction:column; }.competition-detail-actions,.competition-detail-actions .button { width:100%; }.competition-command-card { grid-template-columns:1fr 1fr; }.competition-command-card > div { border-right:0; border-bottom:1px solid rgba(255,255,255,.08); }.competition-command-card > div:last-child { border-bottom:0; }.competition-match { grid-template-columns:4rem minmax(0,1fr); }.competition-match em { grid-column:2; }.player-competition-card footer { align-items:start; flex-direction:column; }.player-competition-card footer form,.player-competition-card footer .button { width:100%; }.competition-detail-hero { padding:2rem 1.25rem; } }

/* Dashboard premium do jogador */
.player-dashboard { padding-bottom:2rem; }.dashboard-hero-premium { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; min-height:14rem; overflow:hidden; padding:2.2rem clamp(1.4rem,4vw,3.1rem); border:1px solid rgba(34,197,94,.25); border-radius:1.45rem; background:radial-gradient(circle at 80% 20%,rgba(34,197,94,.16),transparent 17rem),linear-gradient(120deg,#0a1527,#142544); box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 45px rgba(0,0,0,.18); }.dashboard-hero-premium p,.dashboard-panel-heading p { margin:0 0 .55rem; color:#86efac; font-size:.68rem; font-weight:900; letter-spacing:.18em; }.dashboard-hero-premium h1 { margin:0; color:#fff; font-size:clamp(2.25rem,5vw,3.8rem); letter-spacing:-.055em; }.dashboard-hero-premium h2 { margin:.25rem 0 .65rem; color:#f8fafc; font-size:1.05rem; }.dashboard-hero-premium small { color:#9eb0c7; font-size:.85rem; }.dashboard-hero-actions { display:grid; justify-items:end; gap:1.1rem; }.dashboard-hero-actions > div { display:flex; gap:.6rem; }.dashboard-notification { display:inline-flex; align-items:center; gap:.35rem; color:#bfd0e2; font-size:.72rem; font-weight:800; }.dashboard-notification span { display:grid; min-width:1.2rem; height:1.2rem; place-items:center; border-radius:50%; background:#22c55e; color:#06231c; font-size:.6rem; }.dashboard-mission { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:1.1rem; margin-top:1rem; padding:1.1rem 1.25rem; border:1px solid rgba(250,204,21,.34); border-radius:1.05rem; background:linear-gradient(100deg,rgba(250,204,21,.1),rgba(15,23,42,.86)); }.dashboard-mission.is-ready { border-color:rgba(34,197,94,.32); background:linear-gradient(100deg,rgba(34,197,94,.1),rgba(15,23,42,.86)); }.mission-kicker { color:#fde68a; font-size:.62rem; font-weight:900; letter-spacing:.13em; writing-mode:vertical-rl; transform:rotate(180deg); }.is-ready .mission-kicker { color:#86efac; }.mission-match { display:grid; gap:.3rem; min-width:0; }.mission-match > div { display:grid; gap:.13rem; }.mission-match span { color:#9dafc5; font-size:.69rem; font-weight:800; }.mission-match small { color:#8496ae; font-size:.7rem; }.mission-match strong { overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:1.15rem; }.mission-match strong i { color:#22c55e; font-style:normal; }.mission-state { display:grid; gap:.25rem; padding-left:1rem; border-left:1px solid rgba(255,255,255,.1); }.mission-state span { color:#fde68a; font-size:.62rem; font-weight:900; letter-spacing:.1em; }.is-ready .mission-state span { color:#86efac; }.mission-state small { max-width:11rem; color:#9dafc5; font-size:.68rem; }.dashboard-mission.is-empty { grid-template-columns:auto 1fr auto; border-color:rgba(34,197,94,.23); background:linear-gradient(100deg,rgba(34,197,94,.09),rgba(15,23,42,.86)); }.dashboard-mission.is-empty .mission-match strong { font-size:1rem; }
.dashboard-performance-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.85rem; margin:2.5rem 0; }.dashboard-performance-grid article { display:grid; align-content:start; min-height:8.6rem; padding:1.05rem; border:1px solid rgba(255,255,255,.12); border-radius:1rem; background:linear-gradient(145deg,rgba(25,38,65,.76),rgba(11,18,32,.94)); }.dashboard-performance-grid article.is-rank { border-color:rgba(250,204,21,.34); background:linear-gradient(145deg,rgba(250,204,21,.1),rgba(11,18,32,.94)); }.dashboard-performance-grid span { color:#91a2b9; font-size:.61rem; font-weight:900; letter-spacing:.11em; }.dashboard-performance-grid strong { margin:.6rem 0 .25rem; color:#fff; font-size:2rem; }.dashboard-performance-grid article.is-rank strong { color:#f8d76d; }.dashboard-performance-grid small { margin-top:auto; color:#91a2b9; font-size:.68rem; }.dashboard-main-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:1rem; }.dashboard-competition-panel,.dashboard-goals-panel { min-height:17rem; padding:1.25rem; border:1px solid rgba(255,255,255,.12); border-radius:1.2rem; background:linear-gradient(145deg,rgba(25,38,65,.8),rgba(10,17,31,.95)); }.dashboard-goals-panel { border-color:rgba(34,197,94,.22); background:radial-gradient(circle at 80% 20%,rgba(34,197,94,.11),transparent 13rem),linear-gradient(145deg,rgba(12,37,37,.7),rgba(10,17,31,.95)); }.dashboard-panel-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; }.dashboard-panel-heading h2 { margin:0; color:#fff; font-size:1.2rem; }.dashboard-panel-heading a { color:#86efac; font-size:.7rem; font-weight:900; }.dashboard-competition-info { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:1.35rem 0; border-top:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); }.dashboard-competition-info > div { display:grid; gap:.25rem; padding:.85rem .55rem; border-right:1px solid rgba(255,255,255,.08); }.dashboard-competition-info > div:last-child { border:0; }.dashboard-competition-info span { color:#8192aa; font-size:.57rem; font-weight:900; letter-spacing:.09em; }.dashboard-competition-info strong { overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:1.1rem; }.dashboard-competition-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; color:#a9b8cb; font-size:.75rem; }.dashboard-panel-empty { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.8rem; margin-top:1.5rem; padding:1rem; border:1px solid rgba(255,255,255,.09); border-radius:.85rem; background:rgba(8,14,26,.45); }.dashboard-panel-empty > span { color:#86efac; font-size:1.6rem; }.dashboard-panel-empty p { margin:0; color:#9dafc5; font-size:.75rem; line-height:1.45; }.dashboard-panel-empty .button { white-space:nowrap; font-size:.7rem; }.dashboard-goal-main { display:grid; gap:.38rem; margin:1.3rem 0 .85rem; }.dashboard-goal-main > span { color:#86efac; font-size:.65rem; font-weight:900; letter-spacing:.12em; }.dashboard-goal-main strong { color:#fff; font-size:2.2rem; }.dashboard-goal-main > div { height:.45rem; overflow:hidden; border-radius:100rem; background:rgba(148,163,184,.15); }.dashboard-goal-main i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#22c55e,#f8d76d); box-shadow:0 0 12px rgba(34,197,94,.35); }.dashboard-goal-main small { color:#9dafc5; font-size:.7rem; }.dashboard-goal-list { display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; }.dashboard-goal-list span { display:grid; gap:.12rem; padding:.55rem; border:1px solid rgba(255,255,255,.09); border-radius:.65rem; }.dashboard-goal-list b { color:#8fa1b8; font-size:.57rem; }.dashboard-goal-list em { color:#f8d76d; font-size:.8rem; font-style:normal; font-weight:900; }.dashboard-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; margin-top:2.5rem; }.dashboard-shortcuts a { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.65rem; padding:1rem; border:1px solid rgba(255,255,255,.11); border-radius:.9rem; background:rgba(15,23,42,.74); color:#fff; transition:.2s ease; }.dashboard-shortcuts a:hover { border-color:rgba(34,197,94,.48); background:rgba(34,197,94,.08); transform:translateY(-2px); }.dashboard-shortcuts > a > span { display:grid; width:2rem; height:2rem; place-items:center; border-radius:.6rem; background:rgba(34,197,94,.14); color:#86efac; font-size:1rem; }.dashboard-shortcuts div { display:grid; gap:.14rem; min-width:0; }.dashboard-shortcuts strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.78rem; }.dashboard-shortcuts small { overflow:hidden; color:#92a3ba; text-overflow:ellipsis; white-space:nowrap; font-size:.63rem; }.dashboard-shortcuts i { color:#86efac; font-style:normal; }
@media (max-width: 900px) { .dashboard-main-grid { grid-template-columns:1fr; }.dashboard-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-hero-premium { min-height:12rem; }.dashboard-performance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .dashboard-hero-premium { align-items:start; flex-direction:column; }.dashboard-hero-actions { width:100%; justify-items:stretch; }.dashboard-hero-actions > div { display:grid; grid-template-columns:1fr 1fr; }.dashboard-hero-actions .button { width:100%; }.dashboard-mission { grid-template-columns:auto 1fr; }.mission-state,.dashboard-mission > .button { grid-column:2; border-left:0; padding-left:0; }.dashboard-mission > .button { width:100%; }.dashboard-performance-grid { grid-template-columns:1fr 1fr; }.dashboard-competition-info { grid-template-columns:1fr 1fr; }.dashboard-competition-info > div:nth-child(2) { border-right:0; }.dashboard-competition-info > div:last-child { grid-column:1 / -1; border-top:1px solid rgba(255,255,255,.08); }.dashboard-panel-empty { grid-template-columns:auto 1fr; }.dashboard-panel-empty .button { grid-column:1 / -1; width:100%; }.dashboard-shortcuts { grid-template-columns:1fr; }.dashboard-goal-list { grid-template-columns:1fr; }.dashboard-mission.is-empty { grid-template-columns:auto 1fr; }.dashboard-mission.is-empty > .button { grid-column:1 / -1; } }

/* Central premium de competições, jogos e ligas */
.competition-command-center,.match-command-detail,.league-hub,.league-command-center { display:grid; gap:1rem; padding-bottom:2rem; }
.competition-command-hero,.match-command-hero,.league-command-hero { position:relative; overflow:hidden; padding:1.5rem clamp(1.2rem,4vw,3rem) 2.2rem; border:1px solid rgba(34,197,94,.28); border-radius:1.4rem; background:radial-gradient(circle at 85% 14%,rgba(34,197,94,.18),transparent 17rem),linear-gradient(118deg,#081323,#142a4b); box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 45px rgba(0,0,0,.18); }
.competition-command-hero::after,.match-command-hero::after,.league-command-hero::after { position:absolute; right:-7rem; bottom:-10rem; width:28rem; height:28rem; content:""; border:1px solid rgba(34,197,94,.18); border-radius:50%; box-shadow:0 0 0 3rem rgba(34,197,94,.025),0 0 80px rgba(34,197,94,.09); }
.competition-command-hero > *,.match-command-hero > *,.league-command-hero > * { position:relative; z-index:1; }
.competition-hero-topline { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:2rem; }
.competition-switcher { display:flex; align-items:end; gap:.45rem; margin:0; }
.competition-switcher label { gap:.25rem; color:#91a5be; font-size:.59rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.competition-switcher select { min-width:12rem; padding:.45rem .62rem; border-radius:.6rem; font-size:.73rem; }
.competition-command-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; }
.competition-command-heading p,.competition-panel-heading p,.league-hero p,.league-command-hero > p { margin:0 0 .45rem; color:#86efac; font-size:.64rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.competition-command-heading h1,.league-command-hero h1 { max-width:45rem; margin:0; color:#fff; font-size:clamp(2rem,5vw,4.1rem); letter-spacing:-.06em; }
.competition-live-badge { display:inline-flex; margin-top:.7rem; border:1px solid rgba(148,163,184,.28); border-radius:100rem; padding:.32rem .6rem; background:rgba(148,163,184,.09); color:#cbd5e1; font-size:.62rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.competition-live-badge.is-live { border-color:rgba(250,204,21,.65); background:rgba(250,204,21,.12); color:#fde68a; box-shadow:0 0 18px rgba(250,204,21,.14); }
.competition-command-actions { display:flex; align-items:center; gap:.6rem; }
.competition-command-actions form { margin:0; }
.competition-command-description { max-width:47rem; margin:1.05rem 0 0; color:#a8b9cf; line-height:1.55; }
.competition-scoreboard { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
.competition-scoreboard article { display:grid; gap:.26rem; min-height:7.7rem; padding:1rem 1.1rem; border:1px solid rgba(255,255,255,.12); border-radius:1rem; background:linear-gradient(145deg,rgba(25,38,65,.78),rgba(10,17,31,.95)); }
.competition-scoreboard article:nth-child(2) { border-color:rgba(34,197,94,.35); }.competition-scoreboard .scoreboard-live { border-color:rgba(250,204,21,.34); background:linear-gradient(145deg,rgba(250,204,21,.1),rgba(10,17,31,.95)); }
.competition-scoreboard span { color:#91a2b9; font-size:.59rem; font-weight:900; letter-spacing:.1em; }.competition-scoreboard strong { margin-top:auto; color:#fff; font-size:1.85rem; }.competition-scoreboard article:nth-child(2) strong { color:#86efac; }.competition-scoreboard .scoreboard-live strong { color:#fde68a; }.competition-scoreboard small { color:#91a2b9; font-size:.67rem; }
.competition-pending-alert { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.15rem; border:1px solid rgba(250,204,21,.4); border-radius:1rem; background:linear-gradient(100deg,rgba(250,204,21,.13),rgba(15,23,42,.9)); }
.competition-pending-alert > div { display:flex; align-items:center; gap:.8rem; }.competition-pending-alert > div > span { display:grid; width:2.2rem; height:2.2rem; place-items:center; border-radius:.7rem; background:rgba(250,204,21,.18); font-size:1.15rem; }.competition-pending-alert b,.competition-pending-alert small { display:block; }.competition-pending-alert b { color:#fff; font-size:.86rem; }.competition-pending-alert small { margin-top:.2rem; color:#d4c789; font-size:.71rem; }
.competition-battlefield-grid,.match-insight-grid,.league-command-grid { display:grid; grid-template-columns:minmax(0,1.38fr) minmax(19rem,.82fr); gap:1rem; }
.competition-round-panel,.competition-ranking-panel,.competition-moments-panel,.competition-challenge-panel,.match-distribution-panel,.match-exact-panel,.league-ranking-panel,.league-members-panel { min-width:0; padding:1.2rem; border:1px solid rgba(255,255,255,.12); border-radius:1.1rem; background:linear-gradient(145deg,rgba(25,38,65,.78),rgba(10,17,31,.96)); }
.competition-ranking-panel,.match-exact-panel,.league-members-panel { background:radial-gradient(circle at 92% 8%,rgba(34,197,94,.1),transparent 13rem),linear-gradient(145deg,rgba(15,37,43,.72),rgba(10,17,31,.96)); }
.competition-panel-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.competition-panel-heading h2 { margin:0; color:#fff; font-size:1.13rem; }.competition-panel-heading > span { color:#91a4bd; font-size:.67rem; font-weight:800; white-space:nowrap; }.round-window { border:1px solid rgba(255,255,255,.12); border-radius:100rem; padding:.34rem .55rem; }
.round-progress { display:grid; grid-template-columns:auto minmax(5rem,1fr) auto; align-items:center; gap:.6rem; margin-bottom:1rem; color:#8fa2ba; font-size:.65rem; }.round-progress b { color:#fff; }.round-progress i { display:block; height:.38rem; overflow:hidden; border-radius:100rem; background:linear-gradient(90deg,#22c55e,#f8d76d); box-shadow:0 0 12px rgba(34,197,94,.3); }
.competition-match-board { display:grid; gap:.65rem; }.competition-battle-match { padding:.85rem; border:1px solid rgba(255,255,255,.09); border-radius:.85rem; background:rgba(5,12,24,.46); transition:.2s ease; }.competition-battle-match:hover { border-color:rgba(34,197,94,.36); transform:translateY(-1px); }.competition-battle-match.is-live { border-color:rgba(250,204,21,.42); background:linear-gradient(100deg,rgba(250,204,21,.08),rgba(7,15,27,.65)); }
.battle-match-meta,.battle-match-footer { display:flex; align-items:center; justify-content:space-between; gap:.7rem; }.battle-match-meta time,.battle-match-footer span { color:#8497ae; font-size:.64rem; }.match-status { display:inline-flex; align-items:center; min-height:1.2rem; border:1px solid rgba(148,163,184,.28); border-radius:100rem; padding:.12rem .4rem; color:#cbd5e1; font-size:.55rem; font-weight:950; letter-spacing:.09em; }.match-status.is-live { border-color:rgba(250,204,21,.62); background:rgba(250,204,21,.12); color:#fde68a; }.match-status.is-finished { border-color:rgba(34,197,94,.32); background:rgba(34,197,94,.1); color:#bbf7d0; }
.battle-match-teams { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:.8rem; margin:.72rem 0; }.battle-match-teams strong { overflow:hidden; color:#f8fafc; text-overflow:ellipsis; white-space:nowrap; font-size:.84rem; }.battle-match-teams strong:last-child { text-align:right; }.battle-match-teams b { padding:.35rem .5rem; border-radius:.55rem; background:rgba(255,255,255,.07); color:#fff; font-size:.9rem; white-space:nowrap; }.battle-match-teams b i { color:#86efac; font-style:normal; }.battle-match-footer { padding-top:.62rem; border-top:1px solid rgba(255,255,255,.07); }.battle-match-footer em { overflow:hidden; color:#bbf7d0; text-overflow:ellipsis; white-space:nowrap; font-size:.64rem; font-style:normal; }.battle-match-footer a { color:#86efac; font-size:.66rem; font-weight:900; white-space:nowrap; }
.competition-ranking-list { display:grid; }.competition-rank-row { display:grid; grid-template-columns:1.8rem 2rem minmax(0,1fr) auto; align-items:center; gap:.45rem; padding:.68rem 0; border-bottom:1px solid rgba(255,255,255,.08); color:#e2e8f0; }.competition-rank-row:last-child { border:0; }.competition-rank-row.is-me { margin:0 -.45rem; padding-right:.45rem; padding-left:.45rem; border:1px solid rgba(34,197,94,.35); border-radius:.75rem; background:rgba(34,197,94,.1); }.competition-rank-row > span { color:#f8d76d; font-size:.69rem; font-weight:900; }.competition-rank-row i,.exact-player-list i,.league-member-list i { display:grid; width:1.8rem; height:1.8rem; place-items:center; border-radius:50%; background:linear-gradient(135deg,#34d399,#0f766e); color:#05261b; font-size:.61rem; font-style:normal; font-weight:950; }.competition-rank-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.76rem; }.competition-rank-row b { color:#fff; font-size:.74rem; }.competition-rank-row b small { margin-left:.15rem; color:#91a2b9; font-size:.55rem; }.competition-ranking-link { display:block; margin-top:1rem; padding-top:.9rem; border-top:1px solid rgba(255,255,255,.08); color:#86efac; font-size:.69rem; font-weight:900; text-align:center; }
.competition-moment-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:1rem; }.player-moment-list { display:grid; gap:.55rem; }.player-moment-list a { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.7rem; border:1px solid rgba(255,255,255,.08); border-radius:.75rem; background:rgba(6,13,25,.42); }.player-moment-list a > span { display:grid; width:1.8rem; height:1.8rem; place-items:center; border-radius:.55rem; background:rgba(34,197,94,.12); color:#86efac; }.player-moment-list strong,.player-moment-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.player-moment-list strong { color:#fff; font-size:.74rem; }.player-moment-list small { margin-top:.14rem; color:#91a2b9; font-size:.63rem; }.player-moment-list em { color:#f8d76d; font-size:.7rem; font-style:normal; font-weight:900; }.competition-challenge-panel { display:flex; flex-direction:column; justify-content:center; border-color:rgba(250,204,21,.26); background:radial-gradient(circle at 75% 10%,rgba(250,204,21,.13),transparent 12rem),linear-gradient(145deg,rgba(45,35,15,.45),rgba(10,17,31,.96)); }.competition-challenge-panel p { margin:0 0 .45rem; color:#fde68a; font-size:.61rem; font-weight:900; letter-spacing:.14em; }.competition-challenge-panel h2 { margin:0 0 .6rem; color:#fff; font-size:1.25rem; }.competition-challenge-panel > span { color:#afbad0; font-size:.75rem; line-height:1.5; }.competition-challenge-panel .button { margin-top:1.2rem; align-self:flex-start; font-size:.72rem; }
.competition-guest-stage { display:flex; align-items:center; gap:1rem; padding:1.35rem; border:1px solid rgba(34,197,94,.25); border-radius:1.1rem; background:radial-gradient(circle at 10% 50%,rgba(34,197,94,.14),transparent 12rem),rgba(13,23,40,.86); }.competition-guest-stage > span { display:grid; flex:none; width:3rem; height:3rem; place-items:center; border-radius:1rem; background:rgba(34,197,94,.14); color:#86efac; font-size:1.4rem; }.competition-guest-stage p,.competition-guest-stage h2,.competition-guest-stage small { margin:0; display:block; }.competition-guest-stage p { color:#86efac; font-size:.61rem; font-weight:900; letter-spacing:.13em; }.competition-guest-stage h2 { margin:.25rem 0; color:#fff; font-size:1rem; }.competition-guest-stage small { color:#9eafc5; font-size:.72rem; }
.prediction-competition-filter { display:flex; align-items:end; gap:.7rem; max-width:35rem; margin-top:1.4rem; padding:.8rem; border:1px solid rgba(255,255,255,.1); border-radius:.9rem; background:rgba(15,23,42,.78); }.prediction-competition-filter label { flex:1; font-size:.7rem; }.prediction-competition-filter select { padding:.58rem .7rem; font-size:.78rem; }.prediction-detail-link { display:block; margin-top:.8rem; color:#86efac; font-size:.7rem; font-weight:900; text-align:right; }
.match-command-hero { text-align:center; }.match-command-hero.is-live { border-color:rgba(250,204,21,.55); background:radial-gradient(circle at 50% 0,rgba(250,204,21,.15),transparent 16rem),linear-gradient(118deg,#15170f,#183445); }.match-command-meta { display:flex; justify-content:center; align-items:center; gap:.55rem; color:#a6b8cf; font-size:.68rem; }.match-command-scoreline { display:grid; grid-template-columns:minmax(0,1fr) 7rem minmax(0,1fr); align-items:center; gap:1rem; max-width:48rem; margin:1.5rem auto .8rem; }.match-command-scoreline > div:not(.match-command-center) { display:grid; gap:.45rem; }.match-command-scoreline > div:first-child { text-align:right; }.match-command-scoreline span { overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:clamp(.95rem,2vw,1.25rem); font-weight:900; }.match-command-scoreline strong { color:#fff; font-size:clamp(2.6rem,6vw,4.8rem); line-height:1; }.match-command-center { display:grid; gap:.25rem; }.match-command-center b { color:#86efac; font-size:1.2rem; }.match-command-center small,.match-command-center em { color:#9cafc5; font-size:.67rem; font-style:normal; }.match-live-note { margin:0; color:#a8b9cf; font-size:.73rem; }
.match-player-ticket { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.2rem; border:1px solid rgba(255,255,255,.12); border-radius:1rem; background:linear-gradient(105deg,rgba(18,35,61,.94),rgba(10,17,31,.94)); }.match-player-ticket.is-saved { border-color:rgba(34,197,94,.4); }.match-player-ticket p { margin:0 0 .22rem; color:#86efac; font-size:.61rem; font-weight:900; letter-spacing:.13em; }.match-player-ticket h2 { margin:0; color:#fff; font-size:1rem; }.ticket-score { display:grid; justify-items:end; gap:.15rem; }.ticket-score span { color:#86efac; font-size:1.5rem; font-weight:950; }.ticket-score small { color:#9eb0c6; font-size:.66rem; }
.match-sealed-panel { display:flex; align-items:center; justify-content:center; gap:1rem; min-height:15rem; padding:2rem; border:1px solid rgba(148,163,184,.24); border-radius:1.2rem; background:radial-gradient(circle,rgba(148,163,184,.08),transparent 52%),rgba(13,23,40,.8); text-align:left; }.match-sealed-panel > span { display:grid; width:3.5rem; height:3.5rem; place-items:center; border:1px solid rgba(148,163,184,.26); border-radius:1rem; color:#cbd5e1; font-size:1.5rem; }.match-sealed-panel p { margin:0 0 .3rem; color:#9eafc6; font-size:.61rem; font-weight:900; letter-spacing:.14em; }.match-sealed-panel h2 { margin:0 0 .4rem; color:#fff; }.match-sealed-panel small { display:block; max-width:35rem; color:#9eafc6; font-size:.76rem; line-height:1.55; }
.prediction-distribution-list,.exact-player-list { display:grid; gap:.6rem; }.prediction-distribution-list > div { display:grid; grid-template-columns:3.5rem minmax(5rem,1fr) auto; align-items:center; gap:.55rem; }.prediction-distribution-list strong { color:#fff; font-size:.83rem; }.prediction-distribution-list span { height:.52rem; overflow:hidden; border-radius:100rem; background:rgba(148,163,184,.16); }.prediction-distribution-list i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#22c55e,#a3e635); box-shadow:0 0 12px rgba(34,197,94,.3); }.prediction-distribution-list b { color:#9eb0c6; font-size:.65rem; font-weight:700; }.exact-player-list a { display:grid; grid-template-columns:2rem minmax(0,1fr) auto; align-items:center; gap:.55rem; padding:.65rem; border:1px solid rgba(250,204,21,.18); border-radius:.75rem; background:rgba(250,204,21,.055); }.exact-player-list b,.exact-player-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.exact-player-list b { color:#fff; font-size:.76rem; }.exact-player-list small { margin-top:.1rem; color:#f5d779; font-size:.63rem; }.exact-player-list em { color:#fde68a; font-size:.64rem; font-style:normal; font-weight:950; }.match-detail-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.05rem 1.2rem; border:1px solid rgba(255,255,255,.11); border-radius:1rem; background:rgba(15,23,42,.74); }.match-detail-footer span,.match-detail-footer strong { display:block; }.match-detail-footer span { color:#86efac; font-size:.59rem; font-weight:900; letter-spacing:.12em; }.match-detail-footer strong { max-width:42rem; margin-top:.28rem; color:#dbe6f3; font-size:.75rem; }
.league-hero { display:flex; align-items:end; justify-content:space-between; gap:1rem; padding:2.1rem clamp(1.2rem,4vw,3rem); border:1px solid rgba(250,204,21,.27); border-radius:1.4rem; background:radial-gradient(circle at 80% 10%,rgba(250,204,21,.15),transparent 17rem),linear-gradient(118deg,#1c1910,#142442); }.league-hero h1 { margin:0 0 .45rem; color:#fff; font-size:clamp(2rem,5vw,3.6rem); letter-spacing:-.055em; }.league-hero > div > span { color:#aab9cd; font-size:.82rem; }.league-action-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:1rem; }.league-create-card,.league-join-card { padding:1.2rem; border:1px solid rgba(255,255,255,.12); border-radius:1.1rem; background:linear-gradient(145deg,rgba(25,38,65,.78),rgba(10,17,31,.96)); }.league-create-card > p,.league-join-card > p { margin:0 0 .35rem; color:#86efac; font-size:.61rem; font-weight:900; letter-spacing:.14em; }.league-join-card > p { color:#fde68a; }.league-create-card h2,.league-join-card h2 { margin:0 0 .8rem; color:#fff; font-size:1.1rem; }.league-create-card form,.league-join-card form { display:grid; gap:.72rem; }.league-create-card label,.league-join-card label { font-size:.69rem; }.league-create-card input,.league-create-card select,.league-join-card input { padding:.58rem .68rem; font-size:.76rem; }.league-form-inline { display:grid; grid-template-columns:.55fr 1fr; gap:.7rem; }.league-join-card { display:flex; flex-direction:column; justify-content:center; }.league-join-card > span { max-width:26rem; margin-bottom:1.1rem; color:#9eb0c6; font-size:.76rem; line-height:1.5; }.league-list-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-top:1rem; }.league-list-heading p { margin:0 0 .35rem; color:#86efac; font-size:.61rem; font-weight:900; letter-spacing:.14em; }.league-list-heading h2 { margin:0; color:#fff; }.league-list-heading > span { color:#9eb0c6; font-size:.72rem; }.league-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.league-card { display:flex; flex-direction:column; min-height:15rem; padding:1.1rem; border:1px solid rgba(255,255,255,.12); border-radius:1rem; background:linear-gradient(145deg,rgba(25,38,65,.8),rgba(10,17,31,.95)); color:#fff; transition:.2s ease; }.league-card:hover { border-color:rgba(250,204,21,.48); transform:translateY(-3px); }.league-card header { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }.league-card header span,.league-card header em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.58rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }.league-card header span { color:#aab9cf; }.league-card header em { border:1px solid rgba(250,204,21,.28); border-radius:100rem; padding:.22rem .4rem; color:#fde68a; font-style:normal; }.league-card h2 { overflow:hidden; margin:.85rem 0 .42rem; text-overflow:ellipsis; white-space:nowrap; }.league-card > p { display:-webkit-box; min-height:2.5rem; overflow:hidden; margin:0; color:#9eb0c5; font-size:.72rem; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.league-card > div { display:grid; grid-template-columns:repeat(3,1fr); margin-top:auto; padding:.75rem 0; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }.league-card > div span { display:grid; gap:.12rem; color:#92a4bb; font-size:.58rem; }.league-card > div b { color:#fff; font-size:1rem; }.league-card footer { display:flex; justify-content:space-between; margin-top:.8rem; color:#86efac; font-size:.7rem; font-weight:900; }.league-empty { display:grid; min-height:14rem; place-items:center; align-content:center; gap:.45rem; padding:2rem; border:1px solid rgba(250,204,21,.2); border-radius:1.1rem; background:radial-gradient(circle,rgba(250,204,21,.07),transparent 55%),rgba(13,23,40,.8); text-align:center; }.league-empty > span { color:#fde68a; font-size:2.3rem; }.league-empty h2,.league-empty p { margin:0; }.league-empty h2 { color:#fff; font-size:1.1rem; }.league-empty p { color:#9eb0c6; font-size:.75rem; }
.league-command-hero { padding-top:1.45rem; }.league-command-hero > div:not(.league-invite-box) { display:flex; align-items:end; justify-content:space-between; gap:1rem; }.league-command-hero > div:not(.league-invite-box) > span { color:#aab9ce; font-size:.75rem; }.league-command-hero > small { display:block; max-width:43rem; margin-top:.8rem; color:#aab9ce; font-size:.78rem; line-height:1.5; }.league-invite-box { display:inline-grid; gap:.18rem; margin-top:1.25rem; padding:.75rem .9rem; border:1px dashed rgba(250,204,21,.48); border-radius:.8rem; background:rgba(250,204,21,.07); }.league-invite-box span { color:#d9c477; font-size:.56rem; font-weight:900; letter-spacing:.1em; }.league-invite-box strong { color:#fff; font-family:monospace; font-size:1.2rem; letter-spacing:.12em; }.league-invite-box small { color:#af9f6e; font-size:.61rem; }.league-member-list { display:grid; gap:.5rem; }.league-member-list a { display:grid; grid-template-columns:1.8rem minmax(0,1fr) auto; align-items:center; gap:.55rem; padding:.58rem 0; border-bottom:1px solid rgba(255,255,255,.08); color:#e2e8f0; }.league-member-list a:last-child { border:0; }.league-member-list span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.75rem; }.league-member-list b { color:#fde68a; font-size:.55rem; letter-spacing:.08em; }
.competition-board-empty { display:grid; min-height:7rem; place-items:center; color:#91a4bb; font-size:.75rem; text-align:center; }
@media (max-width:900px) { .competition-scoreboard { grid-template-columns:repeat(2,minmax(0,1fr)); }.competition-battlefield-grid,.league-command-grid { grid-template-columns:1fr; }.competition-moment-grid { grid-template-columns:1fr; }.league-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .competition-hero-topline,.competition-command-heading,.match-player-ticket,.match-detail-footer,.league-hero { align-items:start; flex-direction:column; }.competition-switcher { width:100%; }.competition-switcher label { flex:1; }.competition-switcher select { min-width:0; }.competition-command-actions,.competition-command-actions .button,.competition-command-actions form { width:100%; }.competition-scoreboard { grid-template-columns:1fr 1fr; }.competition-pending-alert { align-items:start; flex-direction:column; }.competition-pending-alert .button { width:100%; }.competition-battlefield-grid,.match-insight-grid,.league-action-grid { grid-template-columns:1fr; }.competition-moment-grid { grid-template-columns:1fr; }.competition-match-board { gap:.5rem; }.battle-match-teams { gap:.45rem; }.battle-match-teams strong { font-size:.72rem; }.battle-match-footer { flex-wrap:wrap; }.battle-match-footer em { order:3; width:100%; }.prediction-competition-filter { display:grid; max-width:none; }.prediction-competition-filter .button { width:100%; }.match-command-scoreline { grid-template-columns:minmax(0,1fr) 4.6rem minmax(0,1fr); gap:.45rem; }.match-command-scoreline span { font-size:.78rem; }.match-command-scoreline strong { font-size:2.65rem; }.match-sealed-panel { align-items:start; min-height:12rem; }.league-hero .button { width:100%; }.league-form-inline { grid-template-columns:1fr; }.league-card-grid { grid-template-columns:1fr; }.league-command-hero > div:not(.league-invite-box) { align-items:start; flex-direction:column; } }

/* Central pessoal de palpites */
.prediction-hub { display:grid; gap:1rem; padding-bottom:2rem; }.prediction-hub-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1.5rem; overflow:hidden; padding:2.15rem clamp(1.25rem,4vw,3rem) 1.3rem; border:1px solid rgba(34,197,94,.28); border-radius:1.4rem; background:radial-gradient(circle at 86% 8%,rgba(34,197,94,.18),transparent 17rem),linear-gradient(118deg,#081323,#142a4b); box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 45px rgba(0,0,0,.18); }.prediction-hub-hero-copy p,.prediction-timeline-heading p { margin:0 0 .45rem; color:#86efac; font-size:.64rem; font-weight:900; letter-spacing:.16em; }.prediction-hub-hero-copy h1 { margin:0 0 .42rem; color:#fff; font-size:clamp(2.2rem,5vw,4rem); letter-spacing:-.06em; }.prediction-hub-hero-copy > span { color:#aabbd0; font-size:.86rem; }.prediction-hub-hero > .button { align-self:start; white-space:nowrap; }.prediction-hero-stats { display:grid; grid-column:1 / -1; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.11); }.prediction-hero-stats article { display:grid; gap:.3rem; min-height:4.4rem; padding:1rem 1.1rem 0; border-right:1px solid rgba(255,255,255,.09); }.prediction-hero-stats article:first-child { padding-left:0; }.prediction-hero-stats article:last-child { border-right:0; }.prediction-hero-stats span { color:#91a4bd; font-size:.57rem; font-weight:900; letter-spacing:.09em; }.prediction-hero-stats strong { color:#fff; font-size:1.65rem; }.prediction-hero-stats article:nth-child(2) strong { color:#f8d76d; }.prediction-hero-stats article:nth-child(3) strong { color:#86efac; }
.prediction-action-strip { display:flex; align-items:center; gap:1rem; padding:1rem 1.15rem; border:1px solid rgba(250,204,21,.35); border-radius:1rem; background:linear-gradient(100deg,rgba(250,204,21,.1),rgba(15,23,42,.9)); }.prediction-action-strip > div { display:grid; gap:.22rem; }.prediction-action-strip > div + div { margin-left:auto; padding-left:1rem; border-left:1px solid rgba(255,255,255,.1); }.prediction-action-strip span { color:#d1bd72; font-size:.58rem; font-weight:900; letter-spacing:.1em; }.prediction-action-strip strong { color:#fff; font-size:.76rem; }.prediction-action-strip .button { margin-left:auto; white-space:nowrap; font-size:.72rem; }
.prediction-filter-shell { position:sticky; z-index:8; top:.55rem; padding:.8rem; border:1px solid rgba(255,255,255,.12); border-radius:1rem; background:rgba(11,19,35,.94); box-shadow:0 12px 28px rgba(0,0,0,.16); backdrop-filter:blur(16px); }.prediction-status-tabs { display:flex; gap:.45rem; overflow-x:auto; padding-bottom:.55rem; scrollbar-width:thin; }.prediction-status-tabs button { display:inline-flex; flex:none; align-items:center; gap:.35rem; border:1px solid rgba(255,255,255,.1); border-radius:100rem; padding:.45rem .65rem; background:rgba(255,255,255,.03); color:#aab9ca; font:inherit; font-size:.65rem; font-weight:850; cursor:pointer; white-space:nowrap; }.prediction-status-tabs button i { color:#86efac; font-size:.75rem; font-style:normal; }.prediction-status-tabs button b { display:grid; min-width:1.1rem; height:1.1rem; place-items:center; border-radius:50%; background:rgba(255,255,255,.09); color:#dbe7f4; font-size:.54rem; }.prediction-status-tabs button.is-active { border-color:rgba(34,197,94,.48); background:rgba(34,197,94,.11); color:#fff; }.prediction-status-tabs button.is-active b { background:#22c55e; color:#05261b; }.prediction-filter-form { display:grid; grid-template-columns:minmax(9rem,1fr) minmax(9rem,1fr) minmax(8rem,.7fr) auto auto; align-items:end; gap:.55rem; padding-top:.65rem; border-top:1px solid rgba(255,255,255,.08); }.prediction-filter-form label { color:#9fb0c5; font-size:.61rem; }.prediction-filter-form select { padding:.55rem .65rem; font-size:.75rem; }.button-ghost { border-color:transparent; color:#aabbd0; font-size:.72rem; }.button-ghost:hover { border-color:rgba(255,255,255,.15); color:#fff; }
.prediction-round-groups { display:grid; gap:1.15rem; }.prediction-round-group { display:grid; gap:.75rem; }.prediction-round-group > header { display:flex; align-items:end; justify-content:space-between; gap:1rem; padding:0 .25rem; }.prediction-round-group > header p { margin:0 0 .25rem; color:#86efac; font-size:.6rem; font-weight:900; letter-spacing:.13em; }.prediction-round-group > header h2 { margin:0; color:#fff; font-size:1.12rem; }.prediction-round-group > header > span { color:#9eb0c6; font-size:.68rem; }.prediction-premium-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }.prediction-premium-card { display:grid; gap:.9rem; padding:1rem; border:1px solid rgba(255,255,255,.12); border-radius:1.1rem; background:linear-gradient(145deg,rgba(25,38,65,.78),rgba(10,17,31,.96)); box-shadow:inset 0 1px rgba(255,255,255,.035); }.prediction-premium-card[hidden],.prediction-round-group[hidden] { display:none; }.prediction-premium-card.is-exact { border-color:rgba(250,204,21,.45); }.prediction-premium-card.is-winner { border-color:rgba(34,197,94,.42); }.prediction-premium-card.is-error { border-color:rgba(248,113,113,.36); }.prediction-card-topline { display:flex; align-items:center; justify-content:space-between; gap:.6rem; }.prediction-game-status { display:inline-flex; border:1px solid rgba(148,163,184,.3); border-radius:100rem; padding:.2rem .42rem; color:#cbd5e1; font-size:.55rem; font-weight:950; letter-spacing:.08em; }.prediction-game-status.is-live { border-color:rgba(250,204,21,.58); background:rgba(250,204,21,.11); color:#fde68a; }.prediction-card-topline time { color:#9cafc3; font-size:.66rem; font-weight:750; }.prediction-teams-line { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:.65rem; }.prediction-teams-line > div { display:grid; grid-template-columns:2rem minmax(0,1fr); align-items:center; gap:.5rem; }.prediction-teams-line > div:last-child { grid-template-columns:minmax(0,1fr) 2rem; text-align:right; }.prediction-teams-line > div:last-child img,.prediction-teams-line > div:last-child i { grid-column:2; }.prediction-teams-line > div:last-child strong { grid-column:1; grid-row:1; }.prediction-teams-line img,.prediction-teams-line i { display:grid; width:2rem; height:2rem; place-items:center; border-radius:.65rem; background:rgba(34,197,94,.14); color:#86efac; font-size:.7rem; font-style:normal; font-weight:950; object-fit:contain; }.prediction-teams-line strong { overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:.8rem; }.prediction-teams-line > b { color:#86efac; font-size:1rem; }.prediction-premium-form { display:grid; grid-template-columns:1fr auto 1fr; align-items:end; gap:.5rem; padding:.75rem; border:1px solid rgba(250,204,21,.2); border-radius:.8rem; background:rgba(250,204,21,.055); }.prediction-premium-form label { color:#d7c57b; font-size:.58rem; }.prediction-premium-form input { min-width:0; padding:.56rem; border-color:rgba(250,204,21,.27); text-align:center; }.prediction-premium-form > span { padding-bottom:.55rem; color:#fde68a; font-size:1rem; }.prediction-premium-form button { grid-column:1 / -1; margin-top:.1rem; font-size:.72rem; }.prediction-score-summary { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); }.prediction-score-summary > div { display:grid; gap:.3rem; padding:.7rem .5rem; border-right:1px solid rgba(255,255,255,.08); }.prediction-score-summary > div:last-child { border:0; }.prediction-score-summary span { color:#8fa1b8; font-size:.56rem; font-weight:900; letter-spacing:.08em; }.prediction-score-summary strong { color:#fff; font-size:1.05rem; }.prediction-score-summary > div:last-child strong { color:#a9bad0; font-size:.84rem; }.prediction-result-ribbon { display:flex; align-items:center; justify-content:space-between; gap:.6rem; padding:.58rem .7rem; border:1px solid rgba(148,163,184,.24); border-radius:.7rem; background:rgba(148,163,184,.075); }.prediction-result-ribbon b { color:#cbd5e1; font-size:.64rem; }.prediction-result-ribbon span { color:#9dafc4; font-size:.62rem; text-align:right; }.prediction-result-ribbon.is-exact { border-color:rgba(250,204,21,.42); background:rgba(250,204,21,.1); }.prediction-result-ribbon.is-exact b { color:#fde68a; }.prediction-result-ribbon.is-winner { border-color:rgba(34,197,94,.38); background:rgba(34,197,94,.09); }.prediction-result-ribbon.is-winner b { color:#86efac; }.prediction-result-ribbon.is-error { border-color:rgba(248,113,113,.35); background:rgba(248,113,113,.08); }.prediction-result-ribbon.is-error b { color:#fca5a5; }.prediction-central-button { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.45rem; padding:.65rem .7rem; border:1px solid rgba(34,197,94,.22); border-radius:.75rem; background:rgba(34,197,94,.06); color:#dcebf7; font-size:.7rem; font-weight:900; }.prediction-central-button:hover { border-color:rgba(34,197,94,.55); background:rgba(34,197,94,.12); color:#fff; }.prediction-central-button > span { color:#86efac; }.prediction-central-button small { overflow:hidden; color:#93a7c0; text-overflow:ellipsis; white-space:nowrap; font-size:.58rem; font-weight:650; }.prediction-central-button i { color:#86efac; font-style:normal; }
.prediction-premium-empty { display:grid; min-height:20rem; place-items:center; align-content:center; gap:.55rem; padding:2rem; border:1px solid rgba(34,197,94,.23); border-radius:1.2rem; background:radial-gradient(circle,rgba(34,197,94,.1),transparent 56%),rgba(13,23,40,.86); text-align:center; }.prediction-premium-empty > span { display:grid; width:3.7rem; height:3.7rem; place-items:center; border:1px solid rgba(34,197,94,.3); border-radius:1.15rem; color:#86efac; font-size:1.5rem; }.prediction-premium-empty h2 { margin:0; color:#fff; }.prediction-premium-empty p { max-width:31rem; margin:0; color:#9fb0c6; font-size:.8rem; line-height:1.5; }
.prediction-performance-timeline { padding:1.2rem; border:1px solid rgba(255,255,255,.12); border-radius:1.1rem; background:linear-gradient(145deg,rgba(25,38,65,.78),rgba(10,17,31,.96)); }.prediction-timeline-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; }.prediction-timeline-heading h2 { margin:0; color:#fff; font-size:1.1rem; }.prediction-timeline-heading > span { color:#9eb0c5; font-size:.66rem; }.prediction-timeline-track { display:flex; gap:.55rem; overflow-x:auto; margin:1.2rem 0 .8rem; padding:.25rem 0; }.prediction-timeline-track span { position:relative; flex:none; width:2.3rem; height:2.3rem; border:1px solid rgba(148,163,184,.3); border-radius:.7rem; background:rgba(148,163,184,.08); }.prediction-timeline-track span::after { position:absolute; inset:0; display:grid; place-items:center; color:#cbd5e1; content:"•"; font-size:1.1rem; }.prediction-timeline-track span.is-exact { border-color:rgba(250,204,21,.55); background:rgba(250,204,21,.15); }.prediction-timeline-track span.is-exact::after { color:#fde68a; content:"★"; }.prediction-timeline-track span.is-winner { border-color:rgba(34,197,94,.48); background:rgba(34,197,94,.13); }.prediction-timeline-track span.is-winner::after { color:#86efac; content:"✓"; }.prediction-timeline-track span.is-wrong { border-color:rgba(248,113,113,.42); background:rgba(248,113,113,.11); }.prediction-timeline-track span.is-wrong::after { color:#fca5a5; content:"×"; }.prediction-timeline-legend { display:flex; flex-wrap:wrap; gap:.8rem; color:#9eb0c5; font-size:.64rem; }.prediction-timeline-legend span { display:inline-flex; align-items:center; gap:.3rem; }.prediction-timeline-legend i { display:block; width:.55rem; height:.55rem; border-radius:50%; background:#94a3b8; }.prediction-timeline-legend i.is-exact { background:#facc15; }.prediction-timeline-legend i.is-winner { background:#22c55e; }.prediction-timeline-legend i.is-wrong { background:#f87171; }.prediction-timeline-empty { display:grid; min-height:5.5rem; place-items:center; color:#9eb0c5; font-size:.72rem; text-align:center; }.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media (max-width:900px) { .prediction-filter-form { grid-template-columns:repeat(3,minmax(0,1fr)); }.prediction-filter-form .button { width:100%; }.prediction-premium-grid { grid-template-columns:1fr; }.prediction-hub-hero { grid-template-columns:1fr; }.prediction-hub-hero > .button { justify-self:start; }.prediction-hero-stats article:first-child { padding-left:0; } }
@media (max-width:640px) { .prediction-hub-hero { padding:1.55rem 1.15rem 1rem; gap:1rem; }.prediction-hub-hero > .button { width:100%; }.prediction-hero-stats { grid-template-columns:1fr 1fr; }.prediction-hero-stats article { min-height:4.2rem; padding:.75rem .65rem; border-bottom:1px solid rgba(255,255,255,.08); }.prediction-hero-stats article:first-child { padding-left:.65rem; }.prediction-hero-stats article:nth-child(2) { border-right:0; }.prediction-hero-stats article:nth-child(n+3) { border-bottom:0; }.prediction-action-strip { align-items:start; flex-direction:column; }.prediction-action-strip > div + div { margin-left:0; padding-top:.65rem; padding-left:0; border-top:1px solid rgba(255,255,255,.1); border-left:0; }.prediction-action-strip .button { width:100%; margin-left:0; }.prediction-filter-shell { position:static; padding:.7rem; }.prediction-filter-form { grid-template-columns:1fr; }.prediction-filter-form .button { min-height:2.7rem; }.prediction-round-group > header { align-items:start; flex-direction:column; gap:.35rem; }.prediction-premium-card { padding:.85rem; }.prediction-result-ribbon { align-items:start; flex-direction:column; }.prediction-result-ribbon span { text-align:left; }.prediction-timeline-heading { align-items:start; flex-direction:column; gap:.35rem; }.prediction-timeline-track span { width:2rem; height:2rem; } }
.prediction-card-context { overflow:hidden; margin:-.35rem 0 0; color:#8fa1b8; text-overflow:ellipsis; white-space:nowrap; font-size:.6rem; font-weight:800; letter-spacing:.04em; }

/* Perfil de carreira do jogador */
.player-profile-page { display:grid; gap:1rem; padding-bottom:2rem; }.profile-hero-premium { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem 1.5rem; overflow:hidden; padding:2.1rem clamp(1.25rem,4vw,3rem) 1.3rem; border:1px solid rgba(34,197,94,.28); border-radius:1.4rem; background:radial-gradient(circle at 86% 10%,rgba(34,197,94,.18),transparent 17rem),linear-gradient(118deg,#081323,#142a4b); box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 45px rgba(0,0,0,.18); }.profile-hero-premium > div:first-child > p,.profile-section-heading p,.profile-awards-heading p { margin:0 0 .45rem; color:#86efac; font-size:.64rem; font-weight:900; letter-spacing:.16em; }.profile-hero-premium h1 { margin:0 0 .4rem; color:#fff; font-size:clamp(2.2rem,5vw,4rem); letter-spacing:-.06em; }.profile-hero-premium > div:first-child > span { color:#aabbd0; font-size:.85rem; }.profile-hero-actions { display:flex; align-items:start; gap:.55rem; }.profile-hero-actions .button { white-space:nowrap; font-size:.74rem; }.profile-hero-stat-grid { display:grid; grid-column:1 / -1; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.1); }.profile-hero-stat-grid article { display:grid; gap:.32rem; min-height:4.4rem; padding:1rem 1rem 0; border-right:1px solid rgba(255,255,255,.09); }.profile-hero-stat-grid article:first-child { padding-left:0; }.profile-hero-stat-grid article:last-child { border:0; }.profile-hero-stat-grid span { color:#91a5be; font-size:.57rem; font-weight:900; letter-spacing:.09em; }.profile-hero-stat-grid strong { color:#fff; font-size:1.65rem; }.profile-hero-stat-grid article:nth-child(1) strong,.profile-hero-stat-grid article:nth-child(3) strong { color:#f8d76d; }.profile-hero-stat-grid article:nth-child(2) strong { color:#86efac; }
.profile-identity-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1.1rem; overflow:hidden; padding:1.3rem; border:1px solid rgba(255,255,255,.13); border-radius:1.2rem; background:radial-gradient(circle at 86% 12%,rgba(34,197,94,.12),transparent 15rem),linear-gradient(145deg,rgba(23,38,65,.82),rgba(10,17,31,.96)); }.profile-identity-card.patent-master,.profile-identity-card.patent-elite,.profile-identity-card.patent-king { border-color:rgba(250,204,21,.34); background:radial-gradient(circle at 86% 12%,rgba(250,204,21,.13),transparent 15rem),linear-gradient(145deg,rgba(43,36,23,.68),rgba(10,17,31,.96)); }.profile-identity-main { display:flex; align-items:center; gap:1rem; min-width:0; }.profile-avatar { display:grid; flex:none; width:2.3rem; height:2.3rem; place-items:center; overflow:hidden; border:2px solid rgba(34,197,94,.52); border-radius:50%; background:linear-gradient(135deg,#34d399,#0f766e); color:#05261b; font-size:.78rem; font-weight:950; box-shadow:0 0 0 .25rem rgba(34,197,94,.09),0 0 24px rgba(34,197,94,.16); }.profile-avatar img { width:100%; height:100%; object-fit:cover; }.profile-avatar-xl { width:5.1rem; height:5.1rem; border-radius:1.35rem; font-size:1.6rem; }.profile-identity-main p { margin:0 0 .3rem; color:#94a7c0; font-size:.59rem; font-weight:900; letter-spacing:.12em; }.profile-identity-main h2 { overflow:hidden; margin:0 0 .45rem; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:clamp(1.35rem,3vw,2rem); }.profile-identity-main small { display:block; overflow:hidden; margin-top:.45rem; color:#a2b3c9; text-overflow:ellipsis; white-space:nowrap; font-size:.7rem; }.profile-patent-badge { display:inline-flex; border:1px solid rgba(250,204,21,.35); border-radius:100rem; padding:.32rem .55rem; background:rgba(250,204,21,.11); color:#fde68a; font-size:.66rem; font-weight:900; }.profile-identity-metrics { display:grid; grid-template-columns:repeat(3,minmax(3.7rem,1fr)); align-self:center; border-left:1px solid rgba(255,255,255,.1); }.profile-identity-metrics span { display:grid; gap:.2rem; padding:.6rem .8rem; color:#91a3ba; font-size:.57rem; font-weight:850; text-align:center; text-transform:uppercase; }.profile-identity-metrics b { color:#fff; font-size:1.25rem; }.profile-patent-progress { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) minmax(7rem,.8fr); align-items:center; gap:.55rem .9rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.09); }.profile-patent-progress > div { display:flex; justify-content:space-between; gap:.6rem; }.profile-patent-progress span,.profile-completion span { color:#91a4bd; font-size:.58rem; font-weight:900; letter-spacing:.1em; }.profile-patent-progress b { color:#f8d76d; font-size:.68rem; }.profile-patent-progress > i,.profile-completion > i { grid-column:1 / -1; display:block; height:.44rem; overflow:hidden; border-radius:100rem; background:rgba(148,163,184,.15); }.profile-patent-progress > i::before,.profile-completion > i::before { display:block; width:inherit; height:100%; border-radius:inherit; background:linear-gradient(90deg,#22c55e,#f8d76d); content:""; box-shadow:0 0 12px rgba(34,197,94,.3); }.profile-patent-progress > i { background:linear-gradient(90deg,#22c55e,#f8d76d); }.profile-patent-progress > i::before { display:none; }.profile-patent-progress small { grid-column:1 / -1; color:#9faec1; font-size:.66rem; }.profile-completion { display:flex; align-items:center; gap:.7rem; grid-column:1 / -1; }.profile-completion > i { flex:1; display:block; height:.34rem; background:linear-gradient(90deg,#38bdf8,#a78bfa); }.profile-completion > i::before { display:none; }.profile-completion a { color:#86efac; font-size:.64rem; font-weight:850; white-space:nowrap; }
.profile-tabs { display:flex; gap:.45rem; overflow-x:auto; padding:.5rem; border:1px solid rgba(255,255,255,.1); border-radius:1rem; background:rgba(13,23,40,.78); }.profile-tabs a { display:inline-flex; flex:none; align-items:center; gap:.35rem; border:1px solid transparent; border-radius:.7rem; padding:.58rem .8rem; color:#9fb0c5; font-size:.72rem; font-weight:900; white-space:nowrap; }.profile-tabs a.is-active { border-color:rgba(34,197,94,.35); background:rgba(34,197,94,.11); color:#fff; }.profile-tabs b { display:grid; min-width:1.1rem; height:1.1rem; place-items:center; border-radius:50%; background:rgba(255,255,255,.1); font-size:.55rem; }.profile-career-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(15rem,.75fr); gap:1rem; }.profile-stat-panel,.profile-career-highlight,.profile-goal-panel,.profile-journey-panel,.profile-trophies-panel,.profile-account-panel,.profile-security-panel { padding:1.2rem; border:1px solid rgba(255,255,255,.12); border-radius:1.1rem; background:linear-gradient(145deg,rgba(25,38,65,.78),rgba(10,17,31,.96)); }.profile-section-heading,.profile-awards-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.profile-section-heading h2,.profile-awards-heading h2 { margin:0; color:#fff; font-size:1.1rem; }.profile-section-heading > span,.profile-section-heading > a { color:#9eb0c5; font-size:.66rem; font-weight:800; }.profile-section-heading > a { color:#86efac; }.profile-advanced-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.08); }.profile-advanced-stats span { display:grid; gap:.2rem; min-height:4.7rem; padding:.75rem .55rem; border-right:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); color:#92a4bb; font-size:.58rem; font-weight:850; }.profile-advanced-stats span:nth-child(4n) { border-right:0; }.profile-advanced-stats span:nth-last-child(-n+4) { border-bottom:0; }.profile-advanced-stats b { color:#fff; font-size:1.12rem; }.profile-career-highlight { display:flex; flex-direction:column; justify-content:center; border-color:rgba(250,204,21,.28); background:radial-gradient(circle at 75% 10%,rgba(250,204,21,.14),transparent 12rem),linear-gradient(145deg,rgba(45,35,15,.45),rgba(10,17,31,.96)); }.profile-career-highlight p { margin:0 0 .45rem; color:#fde68a; font-size:.6rem; font-weight:900; letter-spacing:.13em; }.profile-career-highlight > span { font-size:2rem; }.profile-career-highlight h2 { margin:.5rem 0 .25rem; color:#fff; }.profile-career-highlight strong { color:#fde68a; font-size:1.4rem; }.profile-career-highlight small { margin-top:.45rem; color:#b8af84; font-size:.72rem; line-height:1.45; }.profile-goal-panel { background:radial-gradient(circle at 90% 10%,rgba(34,197,94,.1),transparent 14rem),linear-gradient(145deg,rgba(15,37,43,.72),rgba(10,17,31,.96)); }.profile-goal-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; }.profile-goal-grid article { display:grid; gap:.5rem; padding:.75rem; border:1px solid rgba(255,255,255,.09); border-radius:.75rem; background:rgba(6,13,25,.4); }.profile-goal-grid article > div { display:grid; gap:.2rem; }.profile-goal-grid span { color:#92a4bc; font-size:.57rem; font-weight:900; letter-spacing:.08em; }.profile-goal-grid b { color:#fff; font-size:.72rem; }.profile-goal-grid i { display:block; height:.35rem; overflow:hidden; border-radius:100rem; background:rgba(148,163,184,.14); }.profile-goal-grid em { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#22c55e,#f8d76d); }.profile-goal-grid small { color:#91a3b9; font-size:.6rem; }.profile-timeline { display:grid; gap:.5rem; }.profile-timeline article { display:grid; grid-template-columns:3.8rem 2rem minmax(0,1fr); align-items:center; gap:.55rem; padding:.55rem 0; border-bottom:1px solid rgba(255,255,255,.08); }.profile-timeline article:last-child { border:0; }.profile-timeline time { color:#9fb0c6; font-size:.65rem; font-weight:800; }.profile-timeline > article > span { display:grid; width:1.75rem; height:1.75rem; place-items:center; border-radius:.6rem; background:rgba(34,197,94,.12); color:#86efac; }.profile-timeline strong,.profile-timeline small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.profile-timeline strong { color:#fff; font-size:.74rem; }.profile-timeline small { margin-top:.13rem; color:#9dafc3; font-size:.63rem; }
.profile-awards-heading { margin-top:.3rem; }.profile-medal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; }.profile-medal-grid article { display:grid; grid-template-columns:2.6rem minmax(0,1fr); gap:.65rem; padding:1rem; border:1px solid rgba(250,204,21,.25); border-radius:1rem; background:radial-gradient(circle at 10% 10%,rgba(250,204,21,.11),transparent 8rem),linear-gradient(145deg,rgba(44,37,22,.45),rgba(10,17,31,.95)); }.profile-medal-grid > article > span { display:grid; width:2.4rem; height:2.4rem; place-items:center; border:1px solid rgba(250,204,21,.35); border-radius:.75rem; background:rgba(250,204,21,.12); font-size:1.2rem; }.profile-medal-grid strong,.profile-medal-grid p,.profile-medal-grid small { display:block; }.profile-medal-grid strong { overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:.8rem; }.profile-medal-grid p { display:-webkit-box; min-height:2.2rem; overflow:hidden; margin:.22rem 0; color:#b7ad83; font-size:.65rem; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.profile-medal-grid small { color:#d6c67d; font-size:.59rem; }.profile-awards-empty,.profile-trophy-empty { display:grid; min-height:13rem; place-items:center; align-content:center; gap:.45rem; padding:2rem; border:1px solid rgba(250,204,21,.2); border-radius:1.1rem; background:radial-gradient(circle,rgba(250,204,21,.08),transparent 56%),rgba(13,23,40,.84); text-align:center; }.profile-awards-empty > span { color:#fde68a; font-size:2rem; }.profile-awards-empty h2,.profile-awards-empty p { margin:0; }.profile-awards-empty h2 { color:#fff; font-size:1.1rem; }.profile-awards-empty p,.profile-trophy-empty { color:#9eb0c5; font-size:.75rem; }.profile-trophies-panel { margin-top:1rem; }.profile-trophy-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }.profile-trophy-grid article { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:.55rem; padding:.75rem; border:1px solid rgba(255,255,255,.09); border-radius:.75rem; background:rgba(6,13,25,.42); }.profile-trophy-grid > article > span { font-size:1.25rem; }.profile-trophy-grid strong,.profile-trophy-grid p,.profile-trophy-grid small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.profile-trophy-grid strong { color:#fff; font-size:.73rem; }.profile-trophy-grid p { margin:.15rem 0; color:#f4d779; font-size:.62rem; }.profile-trophy-grid small { color:#9dafc4; font-size:.59rem; }
.profile-account-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr); gap:1rem; }.profile-account-panel form { margin-top:1rem; }.profile-avatar-input { display:flex; align-items:center; gap:.8rem; padding:.75rem; border:1px solid rgba(255,255,255,.09); border-radius:.8rem; background:rgba(6,13,25,.36); }.profile-avatar-edit { width:3.1rem; height:3.1rem; border-radius:.9rem; font-size:1rem; }.profile-avatar-input label { flex:1; color:#dbe7f4; font-size:.7rem; }.profile-avatar-input input { padding:.45rem 0; border:0; border-radius:0; background:transparent; font-size:.68rem; }.profile-avatar-input small { color:#8fa1b8; font-size:.6rem; }.profile-security-panel { display:grid; align-content:start; gap:1.2rem; border-color:rgba(34,197,94,.25); background:radial-gradient(circle at 85% 8%,rgba(34,197,94,.11),transparent 12rem),linear-gradient(145deg,rgba(12,37,37,.72),rgba(10,17,31,.95)); }.profile-security-panel > div > p { margin:0 0 .4rem; color:#86efac; font-size:.61rem; font-weight:900; letter-spacing:.13em; }.profile-security-panel h2 { margin:0 0 .45rem; color:#fff; font-size:1.1rem; }.profile-security-panel > div > span,.profile-security-panel > div > small { display:block; }.profile-security-panel > div > span { color:#bbf7d0; font-size:.72rem; font-weight:850; }.profile-security-panel > div > small { margin-top:.3rem; color:#9eafc5; font-size:.64rem; }.profile-security-panel form { padding-top:1rem; border-top:1px solid rgba(255,255,255,.09); }
.public-profile-page { min-height:100vh; background:radial-gradient(circle at 50% 0,rgba(34,197,94,.1),transparent 31rem),var(--ink); }.public-player-profile { display:grid; gap:1rem; max-width:64rem; margin:0 auto; padding-bottom:2rem; }.public-profile-hero { overflow:hidden; padding:2.4rem clamp(1.3rem,4vw,3.2rem); border:1px solid rgba(34,197,94,.3); border-radius:1.4rem; background:radial-gradient(circle at 86% 10%,rgba(34,197,94,.17),transparent 16rem),linear-gradient(118deg,#081323,#142a4b); }.public-profile-hero.patent-master,.public-profile-hero.patent-elite,.public-profile-hero.patent-king { border-color:rgba(250,204,21,.36); background:radial-gradient(circle at 86% 10%,rgba(250,204,21,.16),transparent 16rem),linear-gradient(118deg,#1c1910,#142a4b); }.public-profile-hero > p,.public-profile-grid p,.public-profile-trophies > p { margin:0 0 .5rem; color:#86efac; font-size:.62rem; font-weight:900; letter-spacing:.15em; }.public-profile-identity { display:flex; align-items:center; gap:1rem; }.profile-avatar-public { width:5.2rem; height:5.2rem; border-radius:1.3rem; font-size:1.7rem; }.public-profile-identity h1 { margin:0 0 .45rem; color:#fff; font-size:clamp(1.8rem,5vw,3.2rem); }.public-profile-identity small { display:block; margin-top:.5rem; color:#aabbd0; font-size:.72rem; }.public-profile-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:1.5rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.11); }.public-profile-stats span { display:grid; gap:.2rem; color:#9fb0c5; font-size:.58rem; font-weight:850; text-align:center; text-transform:uppercase; }.public-profile-stats b { color:#fff; font-size:1.25rem; }.public-profile-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:1rem; }.public-profile-grid article,.public-profile-trophies { padding:1.1rem; border:1px solid rgba(255,255,255,.12); border-radius:1rem; background:linear-gradient(145deg,rgba(25,38,65,.76),rgba(10,17,31,.95)); }.public-profile-grid h2 { margin:0; color:#fff; font-size:1.08rem; }.public-career-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:1rem; }.public-career-metrics span { display:grid; gap:.15rem; color:#9eafc5; font-size:.57rem; text-align:center; }.public-career-metrics b { color:#fff; font-size:1.05rem; }.public-achievement-row { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1rem; }.public-achievement-row > span { display:grid; width:2rem; height:2rem; place-items:center; border:1px solid rgba(250,204,21,.3); border-radius:.6rem; background:rgba(250,204,21,.1); }.public-achievement-row small { color:#9eafc5; font-size:.7rem; }.public-profile-trophies > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; }.public-profile-trophies article { display:grid; gap:.2rem; padding:.65rem; border:1px solid rgba(255,255,255,.08); border-radius:.7rem; background:rgba(6,13,25,.4); }.public-profile-trophies article > span { font-size:1.15rem; }.public-profile-trophies strong,.public-profile-trophies small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.public-profile-trophies strong { color:#fff; font-size:.68rem; }.public-profile-trophies small { color:#9eafc5; font-size:.57rem; }
@media (max-width:900px) { .profile-career-layout,.profile-account-layout,.public-profile-grid { grid-template-columns:1fr; }.profile-medal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.profile-goal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Administrative workspace — v1.4 */
.admin-content { max-width:86rem; }.admin-hero { align-items:center; min-height:9.5rem; padding:1.75rem 0; }.admin-hero h1 { max-width:42rem; letter-spacing:-.045em; }.admin-hero .muted { max-width:43rem; }.admin-hero-import { min-height:10.5rem; }.admin-stat-grid { margin-top:0; }.admin-stat-grid .stat-card,.admin-preview-summary > article { min-height:8.2rem; justify-content:center; }.stat-card small { display:block; margin-top:.45rem; color:var(--muted); font-size:.7rem; }.admin-global-search { display:flex; flex:1; max-width:24rem; margin-left:auto; overflow:hidden; border:1px solid var(--border); border-radius:.75rem; background:rgba(15,23,42,.7); }.admin-global-search input { min-width:0; margin:0; border:0; border-radius:0; background:transparent; padding:.62rem .8rem; font-size:.75rem; }.admin-global-search button { width:2.55rem; border:0; border-left:1px solid var(--border); background:transparent; color:#86efac; cursor:pointer; font-size:1.1rem; }.admin-global-search:focus-within { border-color:rgba(34,197,94,.55); box-shadow:0 0 0 3px rgba(34,197,94,.08); }
.admin-quick-actions,.competition-readiness { margin-top:1.4rem; padding:1.25rem; border:1px solid rgba(34,197,94,.18); border-radius:1.1rem; background:radial-gradient(circle at 100% 0,rgba(34,197,94,.1),transparent 20rem),linear-gradient(145deg,rgba(20,35,60,.68),rgba(15,23,42,.82)); }.quick-action-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); gap:.8rem; }.quick-action-grid a { display:grid; grid-template-columns:2.4rem minmax(0,1fr) auto; align-items:center; gap:.7rem; min-height:5.6rem; padding:1rem; border:1px solid rgba(255,255,255,.09); border-radius:.85rem; background:rgba(7,15,29,.4); transition:.2s ease; }.quick-action-grid a:hover { transform:translateY(-2px); border-color:rgba(34,197,94,.42); background:rgba(34,197,94,.08); }.quick-action-grid a > span { display:grid; width:2.2rem; height:2.2rem; place-items:center; border:1px solid rgba(34,197,94,.26); border-radius:.65rem; background:rgba(34,197,94,.12); color:#86efac; font-weight:900; }.quick-action-grid strong,.quick-action-grid small { display:block; }.quick-action-grid strong { color:#fff; font-size:.78rem; }.quick-action-grid small { margin-top:.25rem; color:#9eb0c7; font-size:.65rem; line-height:1.35; }.quick-action-grid b { color:#86efac; }.admin-attention-panel { margin-top:1.4rem; }.admin-attention-panel .stat-grid { margin-top:1rem; }
.readiness-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; margin-top:1rem; }.readiness-card { display:grid; gap:.25rem; min-height:6.8rem; padding:1rem; border:1px solid var(--border); border-radius:.85rem; background:rgba(7,15,29,.38); }.readiness-card:hover { transform:translateY(-2px); }.readiness-card span,.readiness-card small { color:#9eafc5; font-size:.62rem; }.readiness-card strong { color:#fff; font-size:1.5rem; }.readiness-card.is-ready { border-color:rgba(34,197,94,.32); }.readiness-card.is-ready strong,.readiness-card.is-ready small { color:#86efac; }.readiness-card.is-attention { border-color:rgba(250,204,21,.34); }.readiness-card.is-attention strong,.readiness-card.is-attention small { color:#fde047; }
.admin-filter-panel,.finance-filter-panel { margin-top:1.25rem; padding:1.15rem 1.3rem; }.finance-filter-grid { display:grid; grid-template-columns:minmax(13rem,1.35fr) minmax(11rem,1fr) minmax(9rem,.75fr) auto; align-items:end; gap:.8rem; }.finance-filter-grid .button-row { flex-wrap:nowrap; }.table-warning { color:#fde047; }.status-success,.status-paid,.status-finished,.status-open,.status-active { border-color:rgba(34,197,94,.35)!important; color:#86efac!important; }.status-warning,.status-pending,.status-scheduled,.status-draft { border-color:rgba(250,204,21,.38)!important; color:#fde047!important; }.status-cancelled,.status-refunded { border-color:rgba(248,113,113,.35)!important; color:#fca5a5!important; }.status-live { border-color:rgba(56,189,248,.35)!important; color:#7dd3fc!important; }
.admin-import-guide { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin:1.3rem 0; }.admin-import-guide article { display:grid; grid-template-columns:2.1rem minmax(0,1fr); align-items:start; gap:.75rem; padding:1rem; border:1px solid rgba(255,255,255,.1); border-radius:.9rem; background:rgba(19,32,55,.52); }.admin-import-guide article > span { display:grid; width:2rem; height:2rem; place-items:center; border-radius:.6rem; background:linear-gradient(145deg,#22c55e,#15803d); color:#042613; font-size:.75rem; font-weight:950; }.admin-import-guide strong,.admin-import-guide small { display:block; }.admin-import-guide strong { color:#fff; font-size:.77rem; }.admin-import-guide small { margin-top:.25rem; color:#9cacbf; font-size:.65rem; line-height:1.35; }.import-form-panel { max-width:none; margin-top:0; }.import-form-panel textarea { min-height:15rem; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.75rem; line-height:1.55; }.import-choice-grid { align-items:end; }.context-note,.context-note-card { color:#9eafc5; font-size:.67rem; }.context-note-card { padding:.8rem; border:1px dashed rgba(148,163,184,.3); border-radius:.75rem; }.context-note-card strong,.context-note-card small { display:block; }.context-note-card strong { color:#cbd5e1; font-size:.7rem; }.context-note-card small { margin-top:.2rem; }.import-divider { margin-top:.4rem; padding-top:1.1rem; border-top:1px solid var(--border); }.import-secondary-fields { margin-top:-.2rem; }.import-source textarea { margin-top:.7rem; }.import-source > small { display:block; margin-top:.55rem; color:#91a3bb; font-size:.68rem; }.import-errors { margin:1.2rem 0; border-color:rgba(248,113,113,.45); }.import-errors h2 { margin:.1rem 0 .6rem; color:#fecaca; }.import-errors ul { display:grid; gap:.35rem; margin:0; padding-left:1.2rem; color:#fecaca; font-size:.76rem; }.admin-preview-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.85rem; margin:1.3rem 0; }.admin-preview-summary > article { display:grid; gap:.25rem; padding:1rem; border:1px solid var(--border); border-radius:.9rem; background:var(--surface); }.admin-preview-summary span,.admin-preview-summary small { color:#9eafc5; font-size:.64rem; }.admin-preview-summary strong { color:#fff; font-size:1.45rem; }.tag-list { display:flex; flex-wrap:wrap; gap:.45rem; }.tag-list span { border:1px solid rgba(250,204,21,.26); border-radius:100rem; padding:.38rem .6rem; background:rgba(250,204,21,.08); color:#fde68a; font-size:.69rem; }.import-preview-grid { margin-top:0; }.import-preview-table { margin-top:1.25rem; }
.finance-summary { margin-top:0; }.finance-workspace { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(18rem,.8fr); align-items:start; gap:1.25rem; margin-top:1.25rem; }.finance-queue-panel { padding:1.35rem; }.finance-queue { display:grid; gap:.65rem; margin-top:1rem; }.finance-queue > article { display:grid; grid-template-columns:minmax(11rem,1.25fr) minmax(8rem,1fr) minmax(5.5rem,.6fr) minmax(7rem,.7fr) minmax(15rem,1.2fr); align-items:center; gap:.85rem; padding:1rem; border:1px solid rgba(255,255,255,.09); border-radius:.85rem; background:rgba(7,15,29,.35); }.finance-queue > article > div > span:not(.user-avatar),.finance-queue > article > div > small { display:block; color:#9eafc5; font-size:.6rem; }.finance-queue > article strong { display:block; color:#f8fafc; font-size:.74rem; }.finance-entry-person { display:flex; align-items:center; gap:.65rem; min-width:0; }.finance-entry-person > div { min-width:0; }.finance-entry-person strong,.finance-entry-person small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.finance-entry-person .user-avatar { flex:none; }.finance-entry-actions { display:grid; gap:.4rem; justify-items:stretch; }.finance-entry-actions form:first-child { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.4rem; }.finance-entry-actions select { min-width:0; padding:.45rem; font-size:.66rem; }.finance-entry-actions form:last-child { text-align:right; }.finance-entry-actions .text-button { font-size:.66rem; }.finance-manual-panel { position:sticky; top:1rem; padding:1.35rem; }.finance-history { margin-top:1.25rem; }.admin-empty-state { display:grid; min-height:11rem; place-items:center; align-content:center; gap:.4rem; color:#9eafc5; text-align:center; }.admin-empty-state > span { display:grid; width:2.6rem; height:2.6rem; place-items:center; border-radius:50%; background:rgba(34,197,94,.12); color:#86efac; font-weight:950; }.admin-empty-state strong { color:#fff; font-size:.9rem; }.admin-empty-state small { font-size:.68rem; }
.search-page-form { max-width:48rem; margin-top:1.2rem; }.search-form { display:flex; gap:.7rem; }.search-form input { flex:1; margin:0; }.search-result-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1.4rem; }.search-result-header p { margin:0; color:#b8c6d7; }.search-results-grid { margin-top:1rem; }.search-results-grid .compact-list a,.search-page-form + .search-result-header + .search-results-grid + .table-panel .compact-list a { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.8rem 0; border-bottom:1px solid var(--border); }.search-results-grid .compact-list a:last-child { border-bottom:0; }
.admin-account-separation { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin-top:1.2rem; }.admin-account-separation article { display:grid; grid-template-columns:2.2rem minmax(0,1fr) auto; align-items:center; gap:.7rem; padding:1rem; border:1px solid rgba(56,189,248,.22); border-radius:.9rem; background:linear-gradient(135deg,rgba(14,40,61,.68),rgba(15,23,42,.9)); }.admin-account-separation article:only-child { grid-column:1 / -1; }.admin-account-separation article:first-child { border-color:rgba(34,197,94,.28); background:linear-gradient(135deg,rgba(12,45,39,.65),rgba(15,23,42,.9)); }.admin-account-separation article > span { display:grid; width:2rem; height:2rem; place-items:center; border-radius:.6rem; background:rgba(34,197,94,.14); color:#86efac; font-size:.9rem; }.admin-account-separation article:nth-child(2) > span { background:rgba(56,189,248,.13); color:#7dd3fc; }.admin-account-separation strong,.admin-account-separation small { display:block; }.admin-account-separation strong { color:#fff; font-size:.76rem; }.admin-account-separation small { margin-top:.2rem; color:#a6b6c9; font-size:.64rem; line-height:1.4; }.admin-account-separation b { color:#dbeafe; }.admin-account-separation a { color:#86efac; font-size:.68rem; font-weight:850; white-space:nowrap; }.inline-select-form { display:flex; align-items:center; gap:.35rem; }.inline-select-form select { min-width:7rem; padding:.42rem; font-size:.67rem; }.inline-select-form .text-button { white-space:nowrap; font-size:.66rem; }.manager-form { max-width:48rem; }
@media (max-width:1100px) { .finance-queue > article { grid-template-columns:1.2fr 1fr .65fr 1fr; }.finance-entry-actions { grid-column:1 / -1; grid-template-columns:1fr auto; align-items:center; }.finance-entry-actions form:first-child { max-width:18rem; }.quick-action-grid,.readiness-grid { grid-template-columns:1fr 1fr; }.finance-filter-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:760px) { .admin-topbar { gap:.75rem; }.breadcrumbs { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.admin-global-search { order:3; flex-basis:100%; max-width:none; margin:0; }.admin-topbar { flex-wrap:wrap; min-height:unset; padding-top:.65rem!important; padding-bottom:.65rem!important; }.admin-actions { margin-left:auto; }.admin-hero { min-height:auto; padding:1.1rem 0; }.admin-import-guide,.admin-preview-summary,.quick-action-grid,.readiness-grid,.finance-workspace,.admin-account-separation { grid-template-columns:1fr; }.finance-manual-panel { position:static; }.finance-queue > article { grid-template-columns:1fr 1fr; }.finance-entry-person,.finance-entry-actions { grid-column:1 / -1; }.finance-entry-actions { grid-template-columns:1fr; }.finance-entry-actions form:first-child { max-width:none; }.finance-filter-grid { grid-template-columns:1fr; }.finance-filter-grid .button-row { flex-wrap:wrap; }.admin-preview-summary > article { min-height:5.4rem; }.search-result-header { align-items:flex-start; flex-direction:column; }.admin-hero .button-row,.admin-hero .button { width:100%; }.admin-hero .button-row .button { width:auto; flex:1; }.inline-select-form { align-items:stretch; flex-direction:column; } }
@media (max-width:640px) { .profile-hero-premium { grid-template-columns:1fr; padding:1.55rem 1.15rem 1rem; }.profile-hero-actions { display:grid; grid-template-columns:1fr 1fr; }.profile-hero-actions .button { width:100%; padding:.7rem .4rem; font-size:.64rem; }.profile-hero-stat-grid { grid-template-columns:1fr 1fr; }.profile-hero-stat-grid article { padding:.75rem .65rem; border-bottom:1px solid rgba(255,255,255,.08); }.profile-hero-stat-grid article:first-child { padding-left:.65rem; }.profile-hero-stat-grid article:nth-child(2) { border-right:0; }.profile-hero-stat-grid article:nth-child(n+3) { border-bottom:0; }.profile-identity-card { grid-template-columns:1fr; }.profile-identity-metrics { border-top:1px solid rgba(255,255,255,.1); border-left:0; }.profile-patent-progress { grid-template-columns:1fr; }.profile-patent-progress > i,.profile-patent-progress small { grid-column:1; }.profile-completion { flex-wrap:wrap; }.profile-completion > i { order:3; flex-basis:100%; }.profile-advanced-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.profile-advanced-stats span:nth-child(4n) { border-right:1px solid rgba(255,255,255,.08); }.profile-advanced-stats span:nth-child(2n) { border-right:0; }.profile-advanced-stats span:nth-last-child(-n+4) { border-bottom:1px solid rgba(255,255,255,.08); }.profile-advanced-stats span:nth-last-child(-n+2) { border-bottom:0; }.profile-goal-grid,.profile-medal-grid,.profile-trophy-grid { grid-template-columns:1fr; }.profile-section-heading,.profile-awards-heading { align-items:start; flex-direction:column; gap:.4rem; }.profile-awards-heading .button { width:100%; }.profile-avatar-input { align-items:start; flex-direction:column; }.profile-tabs { position:sticky; top:.4rem; z-index:7; backdrop-filter:blur(14px); }.public-profile-hero { padding:1.5rem 1.15rem; }.public-profile-stats,.public-career-metrics,.public-profile-trophies > div { grid-template-columns:1fr 1fr; gap:.7rem; }.public-profile-stats span { text-align:left; }.public-profile-trophies > div { display:grid; } }