/* Camisa 10 — estilos */
:root {
  --bg: #0E1A3A;
  --bg-2: #12224A;
  --surface: #172A57;
  --surface-2: #203668;
  --surface-3: #2A4580;
  --line: rgba(var(--fg), .09);
  --line-2: rgba(var(--fg), .16);
  --text: #F3F6FC;
  --muted: #A3B4DA;
  --dim: #7187B6;
  --gold: #FFC845;
  --gold-2: #FFD976;
  --gold-ink: #2B1F00;
  --acc: 255, 200, 69;
  --grass: #34C77B;
  --grass-2: #1E9E5C;
  --red: #FF5D62;
  --sky: #5AB0FF;
  --display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --r-lg: 18px;
  --r-md: 12px;
  --r-sm: 8px;
  --nav-h: 68px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --fg: 255, 255, 255;
  --pop: #0A1430;
  --deep: #08122C;
  --glass: rgba(14, 26, 58, .86);
  --glass2: rgba(10, 19, 44, .94);
  --input: rgba(6, 14, 36, .55);
  --ok-ink: #8CE8B6;
  --bad-ink: #FFB3B6;
  --sky-ink: #A9D3FF;
  --gold-text: #FFC845;
  --gold-text-inv: #B07A00;
  --shadow: 0 14px 40px rgba(0,0,0,.45);
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #F2F4F9; --bg-2: #FFFFFF; --surface: #E8ECF5; --surface-2: #FFFFFF; --surface-3: #E1E6F2;
    --line: rgba(14, 26, 58, .10); --line-2: rgba(14, 26, 58, .18);
    --text: #0E1A3A; --muted: #4B5B82; --dim: #7886A6;
    --grass: #17A05C; --grass-2: #10804A; --red: #DE3F46; --sky: #2D7BDF;
    --fg: 14, 26, 58; --pop: #FFFFFF; --deep: #0E1A3A; --glass: rgba(242, 244, 249, .88); --glass2: rgba(255, 255, 255, .94); --input: #FFFFFF;
    --ok-ink: #0E7A45; --bad-ink: #B4262D; --sky-ink: #1D5FB4; --gold-text: #9A6A00; --gold-text-inv: #FFC845;
    --shadow: 0 14px 40px rgba(14,26,58,.14);
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --bg: #F2F4F9; --bg-2: #FFFFFF; --surface: #E8ECF5; --surface-2: #FFFFFF; --surface-3: #E1E6F2;
  --line: rgba(14, 26, 58, .10); --line-2: rgba(14, 26, 58, .18);
  --text: #0E1A3A; --muted: #4B5B82; --dim: #7886A6;
  --grass: #17A05C; --grass-2: #10804A; --red: #DE3F46; --sky: #2D7BDF;
  --fg: 14, 26, 58; --pop: #FFFFFF; --deep: #0E1A3A; --glass: rgba(242, 244, 249, .88); --glass2: rgba(255, 255, 255, .94); --input: #FFFFFF;
  --ok-ink: #0E7A45; --bad-ink: #B4262D; --sky-ink: #1D5FB4; --gold-text: #9A6A00; --gold-text-inv: #FFC845;
  --shadow: 0 14px 40px rgba(14,26,58,.14);
  color-scheme: light;
}

/* ---------- paletas de cor (Conta > Aparência ou botão de tema no topo) ---------- */
:root[data-accent="gramado"] { --gold: #C6F432; --gold-2: #DAFF73; --gold-ink: #172000; --acc: 198, 244, 50; --gold-text-inv: #C6F432; }
:root[data-accent="gramado"][data-mode="dark"] { --bg: #0A2117; --bg-2: #0E2A1D; --surface: #133626; --surface-2: #1A4432; --surface-3: #235640; --muted: #A9CFB9; --dim: #719E85; --glass: rgba(10, 33, 23, .88); --glass2: rgba(7, 26, 18, .95); --pop: #06180F; --deep: #04120A; --input: rgba(3, 14, 8, .55); --gold-text: #C6F432; }
:root[data-accent="gramado"][data-mode="light"] { --bg: #EEF5F0; --surface: #E1EEE5; --surface-3: #D4E6DA; --gold: #A8DB12; --gold-text: #4C7600; }
:root[data-accent="noite"] { --gold: #F2F2F2; --gold-2: #FFFFFF; --gold-ink: #111111; --acc: 242, 242, 242; --gold-text-inv: #F2F2F2; }
:root[data-accent="noite"][data-mode="dark"] { --bg: #0C0C0F; --bg-2: #131317; --surface: #1B1B21; --surface-2: #24242B; --surface-3: #2F2F38; --muted: #B5B5C1; --dim: #7E7E8C; --glass: rgba(12, 12, 15, .88); --glass2: rgba(8, 8, 10, .95); --pop: #08080A; --deep: #050506; --input: rgba(0, 0, 0, .45); --gold-text: #FFFFFF; }
:root[data-accent="noite"][data-mode="light"] { --bg: #F3F3F4; --surface: #E8E8EA; --surface-3: #DDDDE0; --gold: #141414; --gold-2: #2A2A2A; --gold-ink: #FFFFFF; --acc: 20, 20, 20; --gold-text: #141414; --gold-text-inv: #F2F2F2; }
:root[data-accent="rubro"] { --gold: #FF6A55; --gold-2: #FF8C7B; --gold-ink: #2A0505; --acc: 255, 106, 85; --gold-text-inv: #FF6A55; }
:root[data-accent="rubro"][data-mode="dark"] { --bg: #1F0A0E; --bg-2: #280E13; --surface: #34131A; --surface-2: #431923; --surface-3: #55202D; --muted: #E2B2BA; --dim: #A97780; --glass: rgba(31, 10, 14, .88); --glass2: rgba(24, 7, 10, .95); --pop: #170609; --deep: #110406; --input: rgba(14, 3, 5, .55); --gold-text: #FF8370; }
:root[data-accent="rubro"][data-mode="light"] { --bg: #F8F0F0; --surface: #F1E3E3; --surface-3: #EAD6D7; --gold: #E5482F; --gold-ink: #FFFFFF; --acc: 229, 72, 47; --gold-text: #B32B16; }
:root[data-accent="celeste"] { --gold: #5CE1E6; --gold-2: #8AEDF0; --gold-ink: #00292B; --acc: 92, 225, 230; --gold-text-inv: #5CE1E6; }
:root[data-accent="celeste"][data-mode="dark"] { --bg: #061C2B; --bg-2: #092435; --surface: #0D2E44; --surface-2: #123A54; --surface-3: #194968; --muted: #A2C7DD; --dim: #6B92AC; --glass: rgba(6, 28, 43, .88); --glass2: rgba(4, 21, 33, .95); --pop: #041624; --deep: #03111C; --input: rgba(2, 12, 20, .55); --gold-text: #5CE1E6; }
:root[data-accent="celeste"][data-mode="light"] { --bg: #EEF6F8; --surface: #E0EEF2; --surface-3: #D2E6EC; --gold: #1FB8C3; --gold-ink: #00292B; --acc: 31, 184, 195; --gold-text: #0A6F78; }

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.5;
  color: var(--text);
  background:
    radial-gradient(1200px 520px at 15% -10%, rgba(90, 176, 255, .14), transparent 60%),
    radial-gradient(900px 480px at 100% -5%, rgba(var(--acc), .08), transparent 55%),
    var(--bg);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
}
button, input, select { font: inherit; color: inherit; }
a { color: var(--gold-text); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; border-radius: 6px; }
img, svg, canvas { display: block; max-width: 100%; }
h1, h2, h3 { margin: 0; line-height: 1.1; }
p { margin: 0; }
.ph, .ph-fill { line-height: 1; }

.display { font-family: var(--display); font-weight: 800; letter-spacing: .01em; }
.num { font-family: var(--display); font-weight: 700; font-variant-numeric: tabular-nums; }
.muted { color: var(--muted); }
.dim { color: var(--dim); }
.gold { color: var(--gold-text); }
.green { color: var(--grass); }
.red { color: var(--red); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- boot ---------- */
.boot { min-height: 100vh; display: grid; place-items: center; }
.boot-ball { width: 36px; height: 36px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff, #cfd6e6); box-shadow: 0 10px 18px rgba(0,0,0,.35); animation: bounce .7s ease-in-out infinite alternate; }
@keyframes bounce { from { transform: translateY(-14px); } to { transform: translateY(10px); } }

/* ---------- buttons ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 46px; padding: 0 18px;
  border: 1px solid var(--line-2); border-radius: var(--r-md);
  background: var(--surface-2); color: var(--text);
  font-weight: 700; font-size: 15px; cursor: pointer;
  transition: transform .08s ease, background .15s ease, border-color .15s ease;
  text-decoration: none; white-space: nowrap;
}
.btn:hover { background: var(--surface-3); text-decoration: none; }
.btn:active { transform: translateY(1px) scale(.99); }
.btn[disabled] { opacity: .45; cursor: not-allowed; transform: none; }
.btn .ph, .btn .ph-fill { font-size: 20px; }
.btn-primary { background: var(--gold); border-color: var(--gold-text); color: var(--gold-ink); }
.btn-primary:hover { background: var(--gold-2); }
.btn-green { background: var(--grass); border-color: var(--grass); color: #04210F; }
.btn-green:hover { background: #4AD68C; }
.btn-ghost { background: transparent; border-color: transparent; color: var(--muted); }
.btn-ghost:hover { background: rgba(var(--fg), .05); color: var(--text); }
.btn-danger { background: transparent; border-color: rgba(255,93,98,.5); color: var(--red); }
.btn-block { width: 100%; }
.btn-lg { min-height: 56px; font-size: 17px; padding: 0 22px; border-radius: 14px; }
.btn-sm { min-height: 36px; padding: 0 12px; font-size: 14px; border-radius: 10px; }
.icon-btn { width: 42px; height: 42px; display: inline-grid; place-items: center; border-radius: 12px; border: 1px solid var(--line); background: rgba(var(--fg), .03); cursor: pointer; color: var(--muted); }
.icon-btn:hover { color: var(--text); background: rgba(var(--fg), .07); }
.icon-btn .ph { font-size: 22px; }

/* ---------- forms ---------- */
.field { display: grid; gap: 6px; }
.field label { font-size: 14px; font-weight: 600; color: var(--muted); }
.input, select.input {
  width: 100%; min-height: 50px; padding: 0 14px;
  background: var(--input); border: 1px solid var(--line-2); border-radius: var(--r-md);
  color: var(--text); font-size: 16px;
}
.input::placeholder { color: var(--dim); }
.input:focus { outline: none; border-color: var(--gold-text); box-shadow: 0 0 0 3px rgba(var(--acc), .18); }
.form { display: grid; gap: 16px; }
.form-error { background: rgba(255,93,98,.12); border: 1px solid rgba(255,93,98,.35); color: var(--bad-ink); padding: 10px 12px; border-radius: 10px; font-size: 14px; }
.pass-wrap { position: relative; }
.pass-wrap .icon-btn { position: absolute; right: 4px; top: 4px; border: 0; background: transparent; }

/* ---------- auth ---------- */
.auth { min-height: 100vh; display: grid; grid-template-columns: 1fr; }
.auth-hero { position: relative; overflow: hidden; padding: 28px 20px 8px; }
.auth-hero .brand { display: flex; align-items: center; gap: 10px; }
.auth-hero .brand-mark { width: 38px; height: 38px; }
.auth-hero .brand-name { font-family: var(--display); font-weight: 900; font-size: 26px; letter-spacing: .02em; }
.auth-hero h1 { font-family: var(--display); font-weight: 900; font-size: clamp(44px, 12vw, 84px); line-height: .92; margin-top: 28px; max-width: 9ch; }
.auth-hero .lede { color: var(--muted); margin-top: 14px; max-width: 38ch; font-size: 17px; }
.auth-hero .hero-shirt { position: absolute; right: -36px; top: 70px; width: 210px; opacity: .95; transform: rotate(8deg); filter: drop-shadow(0 30px 40px rgba(0,0,0,.45)); }
.auth-panel { padding: 20px 20px 40px; }
.auth-card { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 22px; max-width: 440px; margin: 0 auto; }
.auth-card h2 { font-size: 22px; font-weight: 800; font-family: var(--body); }
.auth-card .sub { color: var(--muted); margin: 4px 0 18px; font-size: 15px; }
.auth-switch { text-align: center; margin-top: 16px; color: var(--muted); font-size: 15px; }
.auth-points { display: grid; gap: 10px; margin-top: 26px; max-width: 420px; }
.auth-points div { display: flex; gap: 10px; align-items: center; color: var(--muted); font-size: 15px; }
.auth-points .ph { color: var(--gold-text); font-size: 20px; }
@media (min-width: 900px) {
  .auth { grid-template-columns: 1.1fr .9fr; }
  .auth-hero { padding: 56px 64px; display: flex; flex-direction: column; justify-content: center; }
  .auth-hero .hero-shirt { width: 360px; right: 20px; top: auto; bottom: 60px; }
  .auth-panel { display: grid; place-items: center; padding: 40px; }
  .auth-card { width: 100%; padding: 32px; }
}
@media (max-width: 620px) { .auth-hero .hero-shirt { display: none; } .auth-points { display: none; } }

/* ---------- shell ---------- */
.shell { min-height: 100vh; padding-bottom: calc(var(--nav-h) + var(--safe-b) + 12px); }
.topbar {
  position: sticky; top: 0; z-index: 30;
  display: flex; align-items: center; gap: 10px;
  padding: 10px 16px; padding-top: max(10px, env(safe-area-inset-top));
  background: var(--glass); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
.topbar .brand-mark { width: 30px; height: 30px; }
.topbar .brand-name { font-family: var(--display); font-weight: 900; font-size: 22px; display: none; }
.topbar .spacer { flex: 1; }
.pill { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: 999px; background: rgba(var(--fg), .06); border: 1px solid var(--line); font-family: var(--display); font-weight: 700; font-size: 17px; white-space: nowrap; }
.pill .ph-fill, .pill .ph { font-size: 17px; }
.pill.coin .ph-fill { color: var(--gold-text); }
.pill.energy .ph-fill { color: var(--grass); }
.pill.energy.low .ph-fill { color: var(--red); }
button.pill { cursor: pointer; }
.main { max-width: 1120px; margin: 0 auto; padding: 18px 16px 24px; }

.bottomnav {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
  height: calc(var(--nav-h) + var(--safe-b)); padding-bottom: var(--safe-b);
  display: grid; grid-template-columns: repeat(5, 1fr); align-items: center;
  background: var(--glass2); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-top: 1px solid var(--line);
}
.nav-item { display: grid; justify-items: center; gap: 3px; color: var(--dim); font-size: 12px; font-weight: 600; text-decoration: none; padding: 8px 0; }
.nav-item:hover { text-decoration: none; color: var(--muted); }
.nav-item .ph, .nav-item .ph-fill { font-size: 24px; }
.nav-item.active { color: var(--text); }
.nav-item.active .ph-fill { color: var(--gold-text); }
.nav-play { display: grid; place-items: center; }
.nav-play a { width: 58px; height: 58px; margin-top: -26px; border-radius: 50%; background: var(--gold); color: var(--gold-ink); display: grid; place-items: center; box-shadow: 0 8px 22px rgba(var(--acc), .35), 0 0 0 5px var(--bg); text-decoration: none; }
.nav-play a .ph-fill { font-size: 28px; }

.sidenav { display: none; }
@media (min-width: 960px) {
  .shell { padding-bottom: 0; padding-left: 240px; }
  .bottomnav { display: none; }
  .topbar .brand-mark, .topbar .brand-name { display: none; }
  .sidenav { display: flex; flex-direction: column; gap: 4px; position: fixed; left: 0; top: 0; bottom: 0; width: 240px; padding: 22px 14px; border-right: 1px solid var(--line); background: var(--glass2); z-index: 35; }
  .sidenav .brand { display: flex; align-items: center; gap: 10px; padding: 0 10px 22px; }
  .sidenav .brand-mark { width: 34px; height: 34px; }
  .sidenav .brand-name { font-family: var(--display); font-weight: 900; font-size: 25px; }
  .side-item { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 10px; color: var(--muted); font-weight: 600; text-decoration: none; }
  .side-item:hover { background: rgba(var(--fg), .05); color: var(--text); text-decoration: none; }
  .side-item .ph, .side-item .ph-fill { font-size: 21px; }
  .side-item.active { background: rgba(var(--fg), .07); color: var(--text); }
  .side-item.active .ph-fill { color: var(--gold-text); }
  .side-play { margin: 10px 0 14px; }
  .side-sep { height: 1px; background: var(--line); margin: 10px 8px; }
  .main { padding: 28px 32px 48px; }
}

/* ---------- layout bits ---------- */
.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 18px; flex-wrap: wrap; }
.page-head h1 { font-family: var(--display); font-weight: 900; font-size: 40px; letter-spacing: .01em; }
.page-head p { color: var(--muted); }
.grid { display: grid; gap: 16px; }
@media (min-width: 960px) {
  .grid-2 { grid-template-columns: 1.15fr .85fr; align-items: start; }
  .grid-2-even { grid-template-columns: 1fr 1fr; align-items: start; }
}
.stack { display: grid; gap: 16px; }
.row { display: flex; align-items: center; gap: 10px; }
.between { justify-content: space-between; }
.wrap { flex-wrap: wrap; }

.panel { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 18px; }
.panel h2 { font-size: 17px; font-weight: 800; display: flex; align-items: center; gap: 8px; }
.panel h2 .ph, .panel h2 .ph-fill { color: var(--muted); font-size: 20px; }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.panel-flush { padding: 0; overflow: hidden; }
.panel-flush .panel-head { padding: 16px 18px 0; }

/* bars */
.bar { position: relative; height: 10px; border-radius: 999px; background: rgba(var(--fg), .08); overflow: hidden; }
.bar > i { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: var(--grass); transition: width .5s cubic-bezier(.2,.8,.2,1); }
.bar.gold > i { background: var(--gold); }
.bar.sky > i { background: var(--sky); }
.bar.red > i { background: var(--red); }
.meter { display: grid; gap: 6px; }
.meter-top { display: flex; justify-content: space-between; align-items: baseline; font-size: 14px; color: var(--muted); font-weight: 600; }
.meter-top b { color: var(--text); font-family: var(--display); font-size: 18px; font-weight: 700; }

/* ---------- home: shirt hero ---------- */
.hero-card {
  position: relative; overflow: hidden;
  border-radius: 22px; padding: 20px;
  background: var(--team-c1, #233); color: var(--team-ink, #fff);
  isolation: isolate;
}
.hero-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: repeating-linear-gradient(115deg, transparent 0 34px, rgba(255,255,255,.07) 34px 68px); }
.hero-card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.42)); }
.hero-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.club-tag { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; padding: 6px 10px 6px 6px; border-radius: 999px; background: rgba(0,0,0,.25); color: #fff; }
.club-dot { width: 20px; height: 20px; border-radius: 50%; border: 2px solid rgba(var(--fg), .75); }
.ovr { text-align: center; background: rgba(0,0,0,.28); color: #fff; border-radius: 14px; padding: 6px 12px 8px; min-width: 70px; }
.ovr b { display: block; font-family: var(--display); font-weight: 900; font-size: 40px; line-height: 1; }
.ovr span { font-size: 12px; font-weight: 700; opacity: .85; }
.hero-body { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 10px; margin-top: 6px; }
.hero-name { font-family: var(--display); font-weight: 900; font-size: clamp(38px, 10vw, 60px); line-height: .9; color: #fff; text-shadow: 0 2px 0 rgba(0,0,0,.2); }
.hero-meta { margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; }
.tag { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: rgba(0,0,0,.25); color: #fff; }
.tag .ph-fill, .tag .ph { font-size: 15px; }
.tag.star { background: var(--gold); color: var(--gold-ink); }
.hero-shirt { width: 128px; margin-right: -6px; margin-bottom: -10px; filter: drop-shadow(0 18px 22px rgba(0,0,0,.35)); }
@media (min-width: 960px) { .hero-card { padding: 26px; } .hero-shirt { width: 170px; } }

.vitals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.vital { background: var(--bg-2); border: 1px solid var(--line); border-radius: 14px; padding: 12px; display: grid; gap: 8px; }
.vital-top { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 13px; font-weight: 600; }
.vital-top .ph-fill { font-size: 16px; }
.vital b { font-family: var(--display); font-weight: 800; font-size: 26px; line-height: 1; }

/* next match */
.match-card { position: relative; overflow: hidden; }
.match-card .comp { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 14px; font-weight: 600; }
.versus { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin: 16px 0 18px; }
.side { display: grid; justify-items: center; gap: 8px; text-align: center; }
.side .crest { width: 54px; height: 54px; }
.side b { font-weight: 800; font-size: 15px; line-height: 1.2; }
.side.mine b { color: var(--gold-text); }
.vs { font-family: var(--display); font-weight: 900; font-size: 22px; color: var(--dim); }
.callout { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: rgba(var(--fg), .04); border: 1px dashed var(--line-2); color: var(--muted); font-size: 14px; }
.callout .ph-fill, .callout .ph { font-size: 18px; color: var(--gold-text); margin-top: 1px; }

.kv { display: grid; grid-template-columns: 1fr auto; gap: 10px 12px; font-size: 15px; }
.kv dt { color: var(--muted); }
.kv dd { margin: 0; font-weight: 700; text-align: right; display: inline-flex; align-items: center; gap: 4px; justify-content: flex-end; }
.coin-ic { color: var(--gold-text); }

.statline { display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; gap: 6px; }
.statline b { display: block; font-family: var(--display); font-weight: 800; font-size: 30px; line-height: 1.1; }
.statline span { font-size: 12px; color: var(--muted); font-weight: 600; }

.news { display: grid; gap: 0; }
.news-item { display: grid; grid-template-columns: 28px 1fr; gap: 10px; padding: 11px 0; border-top: 1px solid var(--line); font-size: 15px; }
.news-item:first-child { border-top: 0; }
.news-item .ph-fill, .news-item .ph { font-size: 20px; color: var(--muted); margin-top: 1px; }
.news-item small { display: block; color: var(--dim); font-size: 12px; }

/* ---------- skills ---------- */
.skill { display: grid; grid-template-columns: 44px 1fr auto; gap: 14px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); }
.skill:first-of-type { border-top: 0; }
.skill-ic { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: rgba(var(--fg), .06); }
.skill-ic .ph-fill { font-size: 22px; color: var(--sky); }
.skill-name { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.skill-name b { font-size: 16px; }
.skill-name .val { font-family: var(--display); font-weight: 900; font-size: 30px; line-height: 1; }
.skill .hint { font-size: 13px; color: var(--dim); margin-top: 2px; }
.skill .bar { margin-top: 8px; height: 8px; }
.skill-actions { display: flex; gap: 6px; }
.train-left { display: flex; gap: 6px; }
.train-left i { width: 12px; height: 12px; border-radius: 50%; background: var(--gold); }
.train-left i.off { background: rgba(var(--fg), .12); }

/* ---------- tables ---------- */
.table-wrap { overflow-x: auto; }
table.table { width: 100%; border-collapse: collapse; font-size: 14px; }
.table th { text-align: right; color: var(--dim); font-weight: 600; font-size: 12px; padding: 10px 8px; border-bottom: 1px solid var(--line); }
.table th:nth-child(2), .table td:nth-child(2) { text-align: left; }
.table td { text-align: right; padding: 10px 8px; border-bottom: 1px solid var(--line); font-variant-numeric: tabular-nums; white-space: nowrap; }
.table td:first-child, .table th:first-child { text-align: center; width: 36px; }
.table tr.me td { background: rgba(var(--acc), .1); }
.table tr.me td:nth-child(2) { color: var(--gold-text); font-weight: 800; }
.table td.pts { font-weight: 800; font-family: var(--display); font-size: 17px; }
.team-cell { display: inline-flex; align-items: center; gap: 8px; }
.zone-up td:first-child { box-shadow: inset 3px 0 0 var(--grass); }
.zone-down td:first-child { box-shadow: inset 3px 0 0 var(--red); }
.zone-champ td:first-child { box-shadow: inset 3px 0 0 var(--gold); }

.tabs { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
.tabs::-webkit-scrollbar { display: none; }
.tab { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line); background: transparent; color: var(--muted); font-weight: 700; font-size: 14px; cursor: pointer; }
.tab:hover { color: var(--text); }
.tab.active { background: var(--text); color: var(--bg); border-color: var(--text); }
.tab .ph-fill { font-size: 14px; color: var(--gold-text); }
.tab.active .ph-fill { color: var(--gold-text-inv); }

.fixture { display: grid; grid-template-columns: 42px 1fr auto 1fr 28px; align-items: center; gap: 8px; padding: 10px 0; border-top: 1px solid var(--line); font-size: 14px; }
.fixture:first-child { border-top: 0; }
.fixture .wk { color: var(--dim); font-size: 12px; font-weight: 700; }
.fixture .h { text-align: right; }
.fixture .sc { font-family: var(--display); font-weight: 800; font-size: 18px; min-width: 56px; text-align: center; padding: 2px 8px; border-radius: 8px; background: rgba(var(--fg), .05); }
.fixture.current { background: rgba(var(--acc), .08); border-radius: 10px; }
.res { width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center; font-size: 12px; font-weight: 800; }
.res.W { background: var(--grass); color: #04210F; }
.res.D { background: #8794B4; color: #111a33; }
.res.L { background: var(--red); color: #2a0002; }
.me-name { color: var(--gold-text); font-weight: 800; }

/* ---------- life / shop ---------- */
.shop { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.shop-item { background: var(--bg-2); border: 1px solid var(--line); border-radius: 16px; padding: 14px; display: grid; gap: 10px; align-content: start; }
.shop-item .ic { width: 46px; height: 46px; border-radius: 12px; background: rgba(var(--fg), .06); display: grid; place-items: center; }
.shop-item .ic .ph-fill { font-size: 24px; color: var(--text); }
.shop-item b { font-size: 15px; line-height: 1.25; }
.shop-item .eff { font-size: 13px; color: var(--muted); display: flex; gap: 10px; flex-wrap: wrap; }
.shop-item.owned { border-color: rgba(52,199,123,.4); background: linear-gradient(180deg, rgba(52,199,123,.08), transparent); }
.shop-item.owned .ic .ph-fill { color: var(--grass); }
.activity { display: grid; grid-template-columns: 44px 1fr auto; gap: 12px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); }
.activity:first-child { border-top: 0; }
.activity .ic { width: 44px; height: 44px; border-radius: 12px; background: rgba(var(--fg), .06); display: grid; place-items: center; }
.activity .ic .ph-fill { font-size: 22px; color: var(--gold-text); }
.activity p { font-size: 13px; color: var(--muted); }
.activity .cost { font-size: 13px; color: var(--dim); display: flex; gap: 10px; margin-top: 2px; }

/* ---------- achievements ---------- */
.achs { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.ach { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; padding: 12px; border-radius: 14px; border: 1px solid var(--line); background: var(--bg-2); }
.ach .ic { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(var(--fg), .06); color: var(--dim); }
.ach.on .ic { background: var(--gold); color: var(--gold-ink); }
.ach .ic .ph-fill { font-size: 20px; }
.ach b { font-size: 15px; display: block; }
.ach span { font-size: 13px; color: var(--muted); }
.ach:not(.on) b { color: var(--muted); }

/* ---------- ranking ---------- */
.rank-row { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; padding: 12px 18px; border-top: 1px solid var(--line); }
.rank-row.me { background: rgba(var(--acc), .08); }
.rank-pos { font-family: var(--display); font-weight: 900; font-size: 22px; color: var(--dim); text-align: center; }
.rank-row:nth-child(-n+3) .rank-pos { color: var(--gold-text); }
.rank-row b { display: block; }
.rank-row small { color: var(--muted); font-size: 13px; }
.rank-val { text-align: right; font-family: var(--display); font-weight: 800; font-size: 24px; }
.rank-val small { display: block; font-family: var(--body); font-size: 11px; font-weight: 600; color: var(--dim); }

/* ---------- creation ---------- */
.create { max-width: 980px; margin: 0 auto; padding: 22px 16px 120px; }
.create-grid { display: grid; gap: 18px; }
@media (min-width: 900px) { .create-grid { grid-template-columns: 340px 1fr; align-items: start; } .preview { position: sticky; top: 24px; } }
.preview { border-radius: 22px; padding: 22px; background: var(--team-c1, #1E9E5C); position: relative; overflow: hidden; isolation: isolate; text-align: center; }
.preview::before { content: ""; position: absolute; inset: 0; z-index: -1; background: repeating-linear-gradient(115deg, transparent 0 34px, rgba(255,255,255,.07) 34px 68px), linear-gradient(180deg, transparent 40%, rgba(0,0,0,.35)); }
.preview svg { width: 220px; margin: 0 auto; filter: drop-shadow(0 20px 26px rgba(0,0,0,.35)); }
.preview .pv-name { font-family: var(--display); font-weight: 900; font-size: 34px; line-height: 1; color: #fff; margin-top: 10px; }
.preview .pv-meta { color: rgba(var(--fg), .85); font-size: 14px; font-weight: 600; margin-top: 6px; }
.choice-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.choice { border: 1px solid var(--line-2); background: rgba(var(--fg), .03); border-radius: 12px; padding: 12px 10px; text-align: left; cursor: pointer; display: grid; gap: 2px; }
.choice b { font-size: 15px; }
.choice span { font-size: 12px; color: var(--muted); line-height: 1.3; }
.choice.active { border-color: var(--gold-text); background: rgba(var(--acc), .1); }
.swatches { display: flex; gap: 8px; flex-wrap: wrap; }
.swatch { width: 38px; height: 38px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; box-shadow: inset 0 0 0 2px rgba(0,0,0,.15); }
.swatch.active { border-color: var(--gold-text); box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--gold); }
.points-left { display: flex; align-items: baseline; gap: 8px; }
.points-left b { font-family: var(--display); font-weight: 900; font-size: 34px; color: var(--gold-text); line-height: 1; }
.stepper { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line); }
.stepper:first-child { border-top: 0; }
.stepper .ctrl { display: flex; align-items: center; gap: 8px; }
.stepper .ctrl .num { width: 34px; text-align: center; font-size: 24px; }
.stepper small { display: block; color: var(--dim); font-size: 13px; }
.create-foot { position: fixed; left: 0; right: 0; bottom: 0; padding: 12px 16px calc(12px + var(--safe-b)); background: var(--glass2); border-top: 1px solid var(--line); backdrop-filter: blur(12px); z-index: 20; }
.create-foot .inner { max-width: 980px; margin: 0 auto; display: flex; justify-content: flex-end; }

/* ---------- match ---------- */
.match-screen { max-width: 760px; margin: 0 auto; }
.scoreboard { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; background: var(--deep); border: 1px solid var(--line); border-radius: 18px; padding: 14px; }
.sb-team { display: flex; align-items: center; gap: 10px; min-width: 0; }
.sb-team.away { flex-direction: row-reverse; text-align: right; }
.sb-team .crest { width: 38px; height: 38px; flex: none; }
.sb-team b { font-family: var(--display); font-weight: 800; font-size: 22px; line-height: 1; }
.sb-team small { display: block; color: var(--muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sb-mid { text-align: center; }
.sb-score { font-family: var(--display); font-weight: 900; font-size: 46px; line-height: 1; font-variant-numeric: tabular-nums; }
.sb-clock { display: inline-block; margin-top: 4px; font-family: var(--display); font-weight: 700; font-size: 16px; color: var(--deep); background: var(--grass); border-radius: 6px; padding: 0 8px; }
.sb-clock.paused { background: var(--gold); }
.feed { margin-top: 12px; display: grid; gap: 6px; max-height: 52vh; overflow-y: auto; padding-right: 2px; }
.feed-item { display: grid; grid-template-columns: 40px 1fr; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 12px; background: var(--bg-2); border: 1px solid var(--line); font-size: 15px; animation: feedIn .25s ease-out; }
@keyframes feedIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.feed-item .m { font-family: var(--display); font-weight: 800; color: var(--dim); font-size: 17px; }
.feed-item.goal { background: rgba(52,199,123,.12); border-color: rgba(52,199,123,.35); font-weight: 700; }
.feed-item.goal.opp { background: rgba(255,93,98,.1); border-color: rgba(255,93,98,.3); }
.feed-item.mine { background: rgba(var(--acc), .12); border-color: rgba(var(--acc), .4); font-weight: 700; }
.feed-item.half { background: transparent; border-style: dashed; color: var(--muted); }
.match-controls { display: flex; gap: 8px; margin-top: 12px; }
.match-controls .btn { flex: 1; }

.pitch-overlay { position: fixed; inset: 0; z-index: 80; background: rgba(4, 10, 26, .97); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px; padding-top: max(12px, env(safe-area-inset-top)); animation: fadeIn .2s ease-out; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.pitch-wrap { position: relative; width: 100%; max-width: 560px; }
.pitch-wrap canvas { width: 100%; height: auto; border-radius: 16px; touch-action: none; box-shadow: 0 24px 60px rgba(0,0,0,.5); }
.pitch-hud { width: 100%; max-width: 560px; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; }
.pitch-hud .title { font-weight: 800; font-size: 16px; }
.pitch-hud .title small { display: block; color: var(--muted); font-weight: 600; font-size: 13px; }
.pitch-help { width: 100%; max-width: 560px; margin-top: 10px; display: flex; justify-content: space-between; align-items: center; gap: 10px; color: var(--muted); font-size: 14px; }
.pitch-banner { position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%); font-family: var(--display); font-weight: 900; font-size: clamp(44px, 12vw, 78px); color: #fff; text-shadow: 0 4px 0 rgba(0,0,0,.35), 0 0 40px rgba(0,0,0,.5); pointer-events: none; white-space: nowrap; animation: pop .35s cubic-bezier(.2,1.4,.4,1); }
.pitch-banner.good { color: var(--gold-text); }
@keyframes pop { from { transform: translate(-50%, -50%) scale(.4); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 1; } }

.result { text-align: center; }
.result .final { font-family: var(--display); font-weight: 900; font-size: 64px; line-height: 1; }
.result .verdict { font-weight: 800; font-size: 18px; margin-top: 4px; }
.rating-ring { width: 120px; height: 120px; margin: 18px auto 8px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--ring, var(--gold)) calc(var(--p) * 1%), rgba(var(--fg), .08) 0); }
.rating-ring > div { width: 98px; height: 98px; border-radius: 50%; background: var(--bg-2); display: grid; place-items: center; }
.rating-ring b { font-family: var(--display); font-weight: 900; font-size: 44px; line-height: 1; }
.rating-ring span { font-size: 12px; color: var(--muted); font-weight: 600; margin-top: -14px; }
.motm { display: inline-flex; align-items: center; gap: 8px; background: var(--gold); color: var(--gold-ink); font-weight: 800; padding: 8px 14px; border-radius: 999px; }
.gains { display: grid; gap: 8px; margin-top: 16px; text-align: left; }
.gain { display: flex; justify-content: space-between; padding: 10px 12px; border-radius: 10px; background: rgba(var(--fg), .04); font-size: 15px; }
.gain b { font-family: var(--display); font-size: 18px; }

/* ---------- offers ---------- */
.offer { display: grid; grid-template-columns: 48px 1fr auto; gap: 14px; align-items: center; padding: 16px; border-radius: 16px; border: 1px solid var(--line); background: var(--bg-2); }
.offer.locked { border-color: rgba(var(--acc), .45); background: linear-gradient(135deg, rgba(var(--acc), .08), transparent 60%), var(--bg-2); }
.offer .crest { width: 48px; height: 48px; }
.offer b { font-size: 17px; display: block; }
.offer .terms { display: flex; gap: 12px; flex-wrap: wrap; color: var(--muted); font-size: 13px; margin-top: 2px; }

/* ---------- modal / toast ---------- */
.modal-back { position: fixed; inset: 0; z-index: 100; background: rgba(3, 8, 22, .72); display: grid; place-items: end center; padding: 0; animation: fadeIn .15s ease-out; }
.modal { width: 100%; max-width: 520px; max-height: 92vh; overflow-y: auto; background: var(--bg-2); border: 1px solid var(--line-2); border-radius: 22px 22px 0 0; padding: 22px 20px calc(22px + var(--safe-b)); animation: sheetUp .25s cubic-bezier(.2,.9,.3,1); }
@keyframes sheetUp { from { transform: translateY(40px); opacity: .5; } to { transform: none; opacity: 1; } }
@media (min-width: 640px) { .modal-back { place-items: center; padding: 20px; } .modal { border-radius: 22px; } }
.modal h3 { font-size: 22px; font-weight: 800; }
.modal .sub { color: var(--muted); margin-top: 6px; }
.modal-actions { display: grid; gap: 8px; margin-top: 20px; }

.premium-art { height: 130px; border-radius: 16px; margin-bottom: 18px; position: relative; overflow: hidden; background: linear-gradient(135deg, #1B2F6B, #0B1532); display: grid; place-items: center; }
.premium-art .ph-fill { font-size: 64px; color: var(--gold-text); position: relative; }
.premium-art::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(115deg, transparent 0 22px, rgba(var(--acc), .08) 22px 44px); }
.perks { display: grid; gap: 10px; margin-top: 16px; }
.perks div { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; }
.perks .ph-fill { color: var(--grass); font-size: 20px; margin-top: 1px; }

#toasts { position: fixed; left: 50%; top: 14px; transform: translateX(-50%); z-index: 200; display: grid; gap: 8px; width: min(92vw, 420px); pointer-events: none; }
.toast { display: flex; gap: 10px; align-items: center; padding: 12px 14px; border-radius: 14px; background: var(--pop); border: 1px solid var(--line-2); box-shadow: var(--shadow); font-size: 15px; font-weight: 600; animation: toastIn .25s ease-out; pointer-events: auto; }
.toast .ph-fill { font-size: 22px; flex: none; }
.toast.ok .ph-fill { color: var(--grass); }
.toast.err .ph-fill { color: var(--red); }
.toast.ach { border-color: rgba(var(--acc), .5); }
.toast.ach .ph-fill { color: var(--gold-text); }
.toast small { display: block; color: var(--muted); font-weight: 500; font-size: 13px; }
@keyframes toastIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }

.empty { text-align: center; padding: 30px 10px; color: var(--muted); }
.empty .ph { font-size: 40px; color: var(--dim); }
.empty p { margin-top: 8px; }

.skeleton { border-radius: 14px; background: linear-gradient(90deg, rgba(var(--fg), .04), rgba(var(--fg), .08), rgba(var(--fg), .04)); background-size: 200% 100%; animation: shimmer 1.2s linear infinite; }
@keyframes shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }

.menu-pop { position: absolute; right: 12px; top: 58px; min-width: 220px; max-height: calc(100vh - 150px); max-height: calc(100dvh - 150px - env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; background: var(--pop); border: 1px solid var(--line-2); border-radius: 14px; padding: 6px; box-shadow: var(--shadow); z-index: 60; animation: fadeIn .12s ease-out; }
.menu-pop a, .menu-pop button { display: flex; width: 100%; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 10px; color: var(--text); background: none; border: 0; cursor: pointer; font-weight: 600; font-size: 15px; text-decoration: none; text-align: left; }
.menu-pop a:hover, .menu-pop button:hover { background: rgba(var(--fg), .06); text-decoration: none; }
.menu-pop .ph { font-size: 20px; color: var(--muted); }
.menu-pop .who { padding: 10px 12px 8px; border-bottom: 1px solid var(--line); margin-bottom: 4px; }
.menu-pop .who small { display: block; color: var(--muted); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
.crest-sm { width: 24px; height: 24px; flex: none; }

.create .brand-mark { width: 36px; height: 36px; }

/* ======================= v2 ======================= */
.ph-duotone { line-height: 1; }
.ph-duotone:before { opacity: 1; }
.badge { margin-left: auto; background: var(--red); color: #fff; font-size: 11px; font-weight: 800; border-radius: 999px; padding: 1px 7px; }
.bell { position: relative; }
.bell .dot { position: absolute; top: 4px; right: 4px; min-width: 16px; height: 16px; border-radius: 999px; background: var(--red); color: #fff; font-size: 10px; font-weight: 800; display: grid; place-items: center; padding: 0 4px; }
.topbar .icon-btn .ph-duotone { font-size: 22px; color: var(--muted); }
.pill.coin .ph-fill { color: var(--gold-text); }
.side-item .ph-duotone, .nav-item .ph-duotone { font-size: 22px; }
.nav-item .ph-duotone { font-size: 24px; }
.panel h2 .ph-duotone { color: var(--gold-text); font-size: 21px; }

/* avatar */
.avatar { display: block; height: auto; }
.hero-avatar { display: block; width: 116px; margin: -6px -4px -14px 0; filter: drop-shadow(0 14px 18px rgba(0,0,0,.35)); transition: transform .2s; }
.hero-avatar:hover { transform: translateY(-3px) rotate(-1deg); }
.hero-avatar svg { width: 100%; height: auto; }
@media (min-width: 960px) { .hero-avatar { width: 150px; } }
.hero-value { margin-top: 12px; display: inline-flex; flex-direction: column; background: rgba(0,0,0,.25); border-radius: 12px; padding: 6px 12px; color: #fff; }
.hero-value span { font-size: 12px; font-weight: 600; opacity: .85; }
.hero-value b { font-family: var(--display); font-weight: 800; font-size: 24px; line-height: 1.1; }
.crest { width: 54px; height: 62px; flex: none; }
.crest-sm { width: 22px; height: 26px; flex: none; }
.crest-xs { width: 18px; height: 21px; flex: none; }
.club-tag { padding: 5px 12px 5px 8px; }
.side .crest { width: 54px; height: 62px; }
.sb-team .crest { width: 36px; height: 42px; }
.offer .crest { width: 44px; height: 52px; }

.preview .pv-stage { display: grid; place-items: center; padding: 6px 0 0; }
.preview .pv-avatar { width: 170px; height: auto; filter: drop-shadow(0 18px 24px rgba(0,0,0,.35)); }
.look { display: grid; gap: 4px; }
.look-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 0; border-top: 1px solid var(--line); }
.look-row:first-child { border-top: 0; }
.look-label { color: var(--muted); font-size: 14px; font-weight: 600; }
.look-ctrl { display: flex; align-items: center; gap: 6px; }
.look-ctrl .icon-btn { width: 36px; height: 36px; }
.look-val { min-width: 120px; text-align: center; font-weight: 700; font-size: 14px; display: inline-flex; justify-content: center; }
.sw { display: inline-block; width: 26px; height: 26px; border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(0,0,0,.2), 0 0 0 2px rgba(var(--fg), .15); }

.auth-hero .hero-squad { position: absolute; right: 24px; bottom: 30px; display: flex; align-items: flex-end; gap: 0; }
.hero-squad .sq { width: 120px; height: auto; filter: drop-shadow(0 20px 24px rgba(0,0,0,.45)); }
.hero-squad .sq2 { width: 150px; margin: 0 -18px; position: relative; z-index: 2; }
@media (max-width: 899px) { .auth-hero .hero-squad { position: static; justify-content: center; margin-top: 22px; } .hero-squad .sq { width: 90px; } .hero-squad .sq2 { width: 112px; } }
@media (min-width: 900px) and (max-width: 1500px) { .auth-hero .hero-squad { position: static; margin-top: 28px; } }

/* evento */
.event-card { border-color: rgba(var(--acc), .45); background: linear-gradient(135deg, rgba(var(--acc), .10), transparent 55%), var(--bg-2); }
.event-card h3 { font-size: 19px; font-weight: 800; margin: 8px 0 4px; }
.event-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 800; padding: 5px 10px; border-radius: 999px; background: rgba(var(--fg), .07); color: var(--muted); }
.event-tag .ph-duotone { font-size: 17px; color: var(--gold-text); }
.event-tag.cat-escandalo { background: rgba(255,93,98,.15); color: var(--bad-ink); }
.event-tag.cat-escandalo .ph-duotone { color: var(--red); }
.event h3 { font-size: 24px; margin-top: 12px; }
.event-body { color: var(--muted); margin-top: 8px; font-size: 16px; line-height: 1.55; }
.choices { display: grid; gap: 10px; margin-top: 18px; }
.choice-btn { text-align: left; border: 1px solid var(--line-2); background: rgba(var(--fg), .04); border-radius: 14px; padding: 14px; cursor: pointer; display: grid; gap: 8px; color: var(--text); transition: border-color .15s, background .15s; }
.choice-btn:hover { border-color: var(--gold-text); background: rgba(var(--acc), .06); }
.choice-btn[disabled] { opacity: .5; cursor: wait; }
.choice-btn b { font-size: 16px; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; }
.chip { font-size: 12px; font-weight: 700; padding: 3px 8px; border-radius: 999px; }
.chip.good { background: rgba(52,199,123,.15); color: var(--ok-ink); }
.chip.bad { background: rgba(255,93,98,.15); color: var(--bad-ink); }
.callout.danger { border-color: rgba(255,93,98,.45); background: rgba(255,93,98,.08); color: var(--bad-ink); }
.callout.danger .ph-fill { color: var(--red); }
.callout.warn { border-color: rgba(242,194,0,.5); background: rgba(242,194,0,.1); color: var(--text); }
.callout.warn .ph-fill, .callout.warn i { color: #C99A00; }
.tag-soft { font-size: 12px; font-weight: 800; padding: 3px 10px; border-radius: 999px; background: rgba(var(--fg), .07); color: var(--text); }

/* bônus diário */
.daily-head { display: flex; gap: 14px; align-items: center; }
.daily-head > .ph-duotone { font-size: 46px; color: var(--gold-text); }
.daily-row { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin-top: 18px; }
.daily-day { display: grid; justify-items: center; gap: 4px; padding: 8px 0; border-radius: 10px; background: rgba(var(--fg), .04); border: 1px solid var(--line); font-size: 11px; color: var(--dim); font-weight: 700; }
.daily-day .ph-duotone { font-size: 20px; }
.daily-day.past { color: var(--grass); border-color: rgba(52,199,123,.3); }
.daily-day.today { border-color: var(--gold-text); background: rgba(var(--acc), .12); color: var(--gold-text); }
.daily-prize { text-align: center; margin-top: 18px; }
.daily-prize b { display: block; font-family: var(--display); font-weight: 900; font-size: 44px; color: var(--gold-text); line-height: 1; }
.daily-prize span { color: var(--muted); font-weight: 700; }

/* jornal */
.news-list { display: grid; gap: 12px; max-width: 760px; }
.news-card { background: var(--bg-2); border: 1px solid var(--line); border-radius: 18px; padding: 18px; }
.news-card.hot { border-color: rgba(255,93,98,.45); background: linear-gradient(135deg, rgba(255,93,98,.10), transparent 60%), var(--bg-2); }
.news-card h3 { font-family: var(--display); font-weight: 800; font-size: 26px; line-height: 1.05; margin: 10px 0 8px; letter-spacing: .005em; }
.news-card p { color: var(--muted); font-size: 15px; line-height: 1.6; max-width: 68ch; }
.news-card p + p { margin-top: 8px; }
.news-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; }
.kind { display: inline-flex; align-items: center; gap: 5px; font-weight: 800; padding: 3px 9px; border-radius: 999px; }
.kind .ph-duotone { font-size: 15px; }
.k-red { background: rgba(255,93,98,.15); color: var(--bad-ink); }
.k-gold { background: rgba(var(--acc), .14); color: var(--gold-text); }
.k-green { background: rgba(52,199,123,.14); color: var(--ok-ink); }
.k-sky { background: rgba(90,176,255,.14); color: var(--sky-ink); }
.news-who { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--text); }
.news-head { width: 22px; height: 24px; border-radius: 6px; background: rgba(var(--fg), .06); }
.news-mini { display: grid; }
.news-row { display: grid; grid-template-columns: 26px 1fr; gap: 10px; padding: 10px 0; border-top: 1px solid var(--line); color: var(--text); text-decoration: none; }
.news-row:first-child { border-top: 0; }
.news-row:hover { text-decoration: none; }
.news-row:hover b { color: var(--gold-text); }
.news-row .ph-duotone { font-size: 21px; color: var(--gold-text); margin-top: 1px; }
.news-row b { font-size: 15px; line-height: 1.3; display: block; }
.news-row small { color: var(--dim); font-size: 12px; }

/* loja */
.shop { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.shop-item .ic .ph-duotone { font-size: 26px; color: var(--sky); }
.shop-item.owned .ic .ph-duotone { color: var(--grass); }
.shop-item .brand { display: block; font-size: 12px; font-weight: 800; color: var(--muted); letter-spacing: .02em; }
.shop-item .price { font-family: var(--display); font-weight: 800; font-size: 22px; line-height: 1; }
.shop-item.far { opacity: .62; }
.activity .ic .ph-duotone { font-size: 22px; color: var(--gold-text); }
.skill-ic .ph-duotone { font-size: 24px; color: var(--sky); }

/* ranking */
.rank-row { grid-template-columns: 30px 40px 1fr auto; }
.rank-av { width: 40px; height: 44px; border-radius: 10px; background: rgba(var(--fg), .05); display: grid; place-items: center; overflow: hidden; }
.rank-head { width: 36px; height: 40px; }
.podium { display: grid; grid-template-columns: 1fr 1.15fr 1fr; align-items: end; gap: 10px; margin-bottom: 16px; }
.pod { display: grid; justify-items: center; text-align: center; gap: 2px; }
.pod-av { width: 84px; height: auto; filter: drop-shadow(0 12px 16px rgba(0,0,0,.35)); margin-bottom: -6px; }
.pod.p1 .pod-av { width: 104px; }
.pod b { font-size: 14px; line-height: 1.2; margin-top: 8px; }
.pod small { color: var(--muted); font-size: 12px; }
.pod-val { font-family: var(--display); font-weight: 800; font-size: 20px; color: var(--gold-text); }
.pod-step { width: 100%; border-radius: 12px 12px 0 0; background: var(--surface); font-family: var(--display); font-weight: 900; font-size: 28px; color: var(--dim); padding: 8px 0; margin-top: 6px; }
.pod.p1 .pod-step { background: var(--gold); color: var(--gold-ink); padding: 18px 0; }
.pod.p2 .pod-step { padding: 12px 0; }

/* master */
.master { min-height: 100vh; }
.m-top { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: var(--glass2); border-bottom: 1px solid var(--line); }
.m-top .brand-mark { width: 28px; height: 28px; }
.m-top .spacer { flex: 1; }
.m-body { display: grid; grid-template-columns: 1fr; }
.m-nav { display: flex; gap: 4px; overflow-x: auto; padding: 10px 12px; border-bottom: 1px solid var(--line); scrollbar-width: none; }
.m-nav a { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 10px; color: var(--muted); font-weight: 600; font-size: 14px; text-decoration: none; }
.m-nav a:hover { background: rgba(var(--fg), .05); color: var(--text); text-decoration: none; }
.m-nav a.active { background: rgba(var(--acc), .12); color: var(--gold-text); }
.m-nav .ph-duotone { font-size: 19px; }
.m-main { padding: 18px 16px 60px; min-width: 0; }
@media (min-width: 960px) {
  .m-body { grid-template-columns: 230px 1fr; }
  .m-nav { flex-direction: column; border-bottom: 0; border-right: 1px solid var(--line); min-height: calc(100vh - 57px); padding: 16px 12px; position: sticky; top: 57px; align-self: start; }
  .m-main { padding: 26px 30px 60px; }
}
.m-h1 { font-family: var(--display); font-weight: 900; font-size: 34px; margin-bottom: 14px; }
.m-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.m-tools { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 12px; }
.m-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.m-stat { background: var(--bg-2); border: 1px solid var(--line); border-radius: 14px; padding: 14px; display: grid; gap: 2px; }
.m-stat .ph-duotone { font-size: 24px; color: var(--gold-text); }
.m-stat b { font-family: var(--display); font-weight: 900; font-size: 30px; line-height: 1.1; }
.m-stat span { color: var(--muted); font-size: 13px; font-weight: 600; }
.m-table td, .m-table th { text-align: left !important; }
.m-table td:first-child, .m-table th:first-child { width: auto; }
.m-table .ph-duotone { font-size: 20px; color: var(--sky); }
.m-act { text-align: right !important; }
.check { display: flex; align-items: center; gap: 10px; font-weight: 600; cursor: pointer; }
.check input { width: 20px; height: 20px; accent-color: var(--gold-text); }
textarea.input, .ta { min-height: 90px; padding: 12px 14px; line-height: 1.5; resize: vertical; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; }
.help { display: block; line-height: 1.45; margin-top: 2px; }
.color-in { display: flex; gap: 8px; }
.color-in input[type=color] { width: 50px; height: 50px; border: 1px solid var(--line-2); border-radius: 12px; background: none; padding: 4px; cursor: pointer; }
.icon-in { display: flex; gap: 8px; align-items: center; }
.icon-pv { width: 50px; height: 50px; flex: none; border-radius: 12px; background: rgba(var(--fg), .06); display: grid; place-items: center; }
.icon-pv .ph-duotone { font-size: 26px; color: var(--sky); }
.kit-pv { display: flex; align-items: flex-end; justify-content: center; gap: 18px; padding: 12px; border-radius: 14px; background: rgba(var(--fg), .04); margin-top: 12px; }
.kit-pv .kit-av { width: 80px; height: auto; }
.modal { max-width: 560px; }

/* ======================= v3 ======================= */
.scoreboard { color: #fff; }
.scoreboard small { color: rgba(255,255,255,.7) !important; }
:root[data-theme="light"] .hero-squad .sq, :root[data-theme="light"] .pv-avatar { filter: drop-shadow(0 14px 18px rgba(14,26,58,.25)); }

/* notificação estilo celular */
#notify { position: fixed; left: 50%; top: 12px; transform: translateX(-50%); z-index: 210; width: min(94vw, 420px); display: grid; gap: 8px; pointer-events: none; }
.phone-note { pointer-events: auto; display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 18px;
  background: var(--pop); border: 1px solid var(--line-2); box-shadow: var(--shadow); animation: noteIn .35s cubic-bezier(.2,1.2,.4,1); cursor: pointer; }
@keyframes noteIn { from { transform: translateY(-30px); opacity: 0; } to { transform: none; opacity: 1; } }
.phone-note .app-ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--grass); color: #fff; }
.phone-note .app-ic .ph-fill { font-size: 22px; }
.phone-note.hot .app-ic { background: var(--red); }
.phone-note b { font-size: 14px; display: block; }
.phone-note span { font-size: 13px; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.phone-note small { color: var(--dim); font-size: 11px; align-self: start; }

/* celular */
.phone { max-width: 560px; margin: 0 auto; background: var(--bg-2); border: 1px solid var(--line); border-radius: 28px; overflow: hidden; }
.phone-top { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.phone-top b { font-size: 17px; }
.thread-row { display: grid; grid-template-columns: 46px 1fr auto; gap: 12px; align-items: center; padding: 12px 16px; border-top: 1px solid var(--line); color: var(--text); text-decoration: none; }
.thread-row:hover { background: rgba(var(--fg), .04); text-decoration: none; }
.thread-row:first-child { border-top: 0; }
.th-av { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 17px; color: #fff; }
.th-av .ph-fill { font-size: 22px; }
.thread-row b { display: block; font-size: 15px; }
.thread-row span { font-size: 13px; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.thread-row .when { font-size: 11px; color: var(--dim); text-align: right; display: grid; gap: 4px; justify-items: end; }
.unread-dot { min-width: 20px; height: 20px; border-radius: 999px; background: var(--grass); color: #fff; font-size: 11px; font-weight: 800; display: grid; place-items: center; padding: 0 6px; }
.chat { display: flex; flex-direction: column; gap: 8px; padding: 16px; min-height: 50vh; max-height: 64vh; overflow-y: auto; background: rgba(var(--fg), .02); }
.bubble { max-width: 82%; padding: 10px 13px; border-radius: 18px 18px 18px 6px; background: var(--surface); font-size: 15px; line-height: 1.45; align-self: flex-start; }
.bubble.me { align-self: flex-end; background: var(--grass); color: #fff; border-radius: 18px 18px 6px 18px; }
.bubble small { display: block; font-size: 11px; color: var(--dim); margin-top: 4px; }
.bubble.me small { color: rgba(255,255,255,.75); }
.replies { display: grid; gap: 8px; padding: 12px 16px 16px; border-top: 1px solid var(--line); }
.reply-btn { text-align: left; border: 1px solid var(--grass); color: var(--text); background: transparent; border-radius: 16px; padding: 10px 14px; cursor: pointer; font-weight: 700; display: grid; gap: 6px; }
.reply-btn:hover { background: rgba(23,160,92,.08); }

/* pré-jogo e partida */
.prematch { max-width: 760px; margin: 0 auto; display: grid; gap: 16px; }
.pm-head { text-align: center; padding: 22px 18px; border-radius: 22px; background: var(--deep); color: #fff; position: relative; overflow: hidden; }
.pm-head::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(115deg, transparent 0 30px, rgba(255,255,255,.05) 30px 60px); }
.pm-comp { position: relative; font-weight: 800; color: #FFC845; font-size: 14px; display: inline-flex; gap: 6px; align-items: center; }
.pm-round { position: relative; color: rgba(255,255,255,.75); font-size: 13px; margin-top: 2px; }
.pm-vs { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin-top: 16px; }
.pm-vs .side b { color: #fff; }
.pm-vs .crest { width: 66px; height: 76px; }
.pm-vs .vs { color: rgba(255,255,255,.5); }
.form-row { display: flex; gap: 4px; justify-content: center; margin-top: 6px; }
.intensity { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.int-btn { border: 1px solid var(--line-2); background: rgba(var(--fg), .03); border-radius: 14px; padding: 12px 10px; cursor: pointer; text-align: left; display: grid; gap: 4px; color: var(--text); }
.int-btn .ph-duotone { font-size: 24px; color: var(--gold-text); }
.int-btn b { font-size: 15px; }
.int-btn span { font-size: 12px; color: var(--muted); line-height: 1.35; }
.int-btn.active { border-color: var(--gold); background: rgba(var(--acc), .1); }
.live-stats { display: grid; grid-template-columns: auto 1fr auto; gap: 6px 10px; align-items: center; font-size: 13px; margin-top: 10px; padding: 10px 14px; background: var(--bg-2); border: 1px solid var(--line); border-radius: 14px; }
.live-stats .lbl { text-align: center; color: var(--muted); font-weight: 600; }
.live-stats b { font-family: var(--display); font-size: 17px; }
.posbar { grid-column: 1 / -1; height: 6px; border-radius: 999px; background: var(--surface-3); overflow: hidden; display: flex; }
.posbar i { background: var(--gold); }
.halftime { text-align: center; }
.halftime .ht-score { font-family: var(--display); font-weight: 900; font-size: 56px; line-height: 1; }
.ht-stats { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px 14px; margin: 18px 0; font-size: 15px; }
.ht-stats .c { color: var(--muted); }
.ht-stats b { font-family: var(--display); font-size: 20px; }
.cup-banner { margin-top: 14px; padding: 12px 14px; border-radius: 14px; font-weight: 800; display: flex; gap: 10px; align-items: center; justify-content: center; }
.cup-banner.good { background: rgba(23,160,92,.14); color: var(--ok-ink); }
.cup-banner.bad { background: rgba(222,63,70,.12); color: var(--bad-ink); }
.cup-banner.info { background: rgba(255,255,255,.1); color: rgba(255,255,255,.88); font-weight: 700; }
.cup-banner.warn { background: rgba(242,194,0,.16); color: #F2C200; }
.cup-banner + .cup-banner { margin-top: 8px; }
.cup-banner.gold { background: var(--gold); color: var(--gold-ink); font-size: 18px; }

/* competições / chave */
.bracket { display: grid; gap: 16px; }
.b-round h3 { font-size: 14px; font-weight: 800; color: var(--muted); margin-bottom: 8px; display: flex; gap: 8px; align-items: center; }
.b-ties { display: grid; gap: 8px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.tie { background: var(--bg-2); border: 1px solid var(--line); border-radius: 14px; padding: 8px 12px; display: grid; gap: 4px; }
.tie.mine { border-color: var(--gold); }
.tie-row { display: grid; grid-template-columns: 24px 1fr auto; gap: 8px; align-items: center; font-size: 14px; }
.tie-row.win { font-weight: 800; }
.tie-row.lose { color: var(--dim); }
.tie-row.me { color: var(--gold-text); }
.tie small { color: var(--dim); font-size: 12px; }

/* troféus */
.trophies { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.trophy { text-align: center; padding: 16px 10px; border-radius: 16px; background: linear-gradient(180deg, rgba(var(--acc), .14), transparent 70%), var(--bg-2); border: 1px solid rgba(var(--acc), .35); }
.trophy .ph-duotone { font-size: 44px; color: var(--gold-text); }
.trophy.award { background: linear-gradient(180deg, rgba(45,123,223,.12), transparent 70%), var(--bg-2); border-color: rgba(45,123,223,.3); }
.trophy.award .ph-duotone { color: var(--sky); }
.trophy b { display: block; font-size: 14px; margin-top: 8px; line-height: 1.25; }
.trophy small { display: block; color: var(--muted); font-size: 12px; margin-top: 2px; }

/* amor */
.love-card { display: grid; grid-template-columns: 64px 1fr; gap: 14px; align-items: center; }
.love-av { width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, #FF6B9A, #FFB36B); display: grid; place-items: center; color: #fff; font-family: var(--display); font-weight: 900; font-size: 28px; }
.love-card b { font-size: 18px; display: block; }
.bar.pink > i { background: linear-gradient(90deg, #FF6B9A, #FFB36B); }
.pref-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 12px; }

/* cassino */
.casino { display: grid; gap: 16px; }
.slot-reels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 6px 0 16px; }
.reel { aspect-ratio: 1; border-radius: 18px; background: var(--deep); border: 3px solid var(--gold); display: grid; place-items: center; color: #FFC845; }
.reel .ph-duotone { font-size: 56px; }
.reel.spin .ph-duotone { animation: spin .12s linear infinite; }
@keyframes spin { 0% { transform: translateY(-8px); opacity: .4; } 100% { transform: translateY(8px); opacity: 1; } }
.bet-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.bet-row .input { max-width: 180px; }
.wheel { width: 160px; height: 160px; margin: 0 auto 14px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(#0E7A45 0 10deg, #DE3F46 10deg 20deg, #1b1f2e 20deg 30deg, #DE3F46 30deg 40deg, #1b1f2e 40deg 50deg, #DE3F46 50deg 60deg, #1b1f2e 60deg 70deg, #DE3F46 70deg 80deg, #1b1f2e 80deg 90deg, #DE3F46 90deg 100deg, #1b1f2e 100deg 110deg, #DE3F46 110deg 120deg, #1b1f2e 120deg 130deg, #DE3F46 130deg 140deg, #1b1f2e 140deg 150deg, #DE3F46 150deg 160deg, #1b1f2e 160deg 170deg, #DE3F46 170deg 180deg, #1b1f2e 180deg 190deg, #DE3F46 190deg 200deg, #1b1f2e 200deg 210deg, #DE3F46 210deg 220deg, #1b1f2e 220deg 230deg, #DE3F46 230deg 240deg, #1b1f2e 240deg 250deg, #DE3F46 250deg 260deg, #1b1f2e 260deg 270deg, #DE3F46 270deg 280deg, #1b1f2e 280deg 290deg, #DE3F46 290deg 300deg, #1b1f2e 300deg 310deg, #DE3F46 310deg 320deg, #1b1f2e 320deg 330deg, #DE3F46 330deg 340deg, #1b1f2e 340deg 350deg, #DE3F46 350deg 360deg); transition: transform 2.4s cubic-bezier(.15,.8,.2,1); }
.wheel-wrap { position: relative; }
.wheel-num { position: absolute; left: 50%; top: 80px; transform: translate(-50%, -50%); width: 70px; height: 70px; border-radius: 50%; background: var(--bg-2); display: grid; place-items: center; font-family: var(--display); font-weight: 900; font-size: 30px; border: 3px solid var(--gold); }
.rbets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.rbets .btn { min-height: 40px; padding: 0 8px; font-size: 13px; }
.rbets .btn.active { outline: 2px solid var(--gold); }
.btn-red { background: #DE3F46; border-color: #DE3F46; color: #fff; }
.btn-black { background: #1b1f2e; border-color: #1b1f2e; color: #fff; }
.btn-greenr { background: #0E7A45; border-color: #0E7A45; color: #fff; }
.cards { display: flex; gap: 8px; justify-content: center; min-height: 96px; margin: 6px 0; flex-wrap: wrap; }
.card { width: 64px; height: 92px; border-radius: 10px; background: #fff; color: #111; border: 1px solid #ccd; display: grid; place-items: center; font-family: var(--display); font-weight: 900; font-size: 26px; box-shadow: 0 6px 14px rgba(0,0,0,.18); position: relative; animation: pop .3s; }
.card.red { color: #D21F2B; }
.card.back { background: repeating-linear-gradient(45deg, #1F3B8C 0 6px, #2a4aa8 6px 12px); color: transparent; }
.card small { position: absolute; top: 4px; left: 6px; font-size: 13px; }
.bj-total { text-align: center; color: var(--muted); font-weight: 700; }
.casino-note { font-size: 13px; color: var(--muted); display: flex; gap: 8px; align-items: flex-start; }

/* premium */
.premium-hero { border-radius: 24px; padding: 28px 22px; background: linear-gradient(135deg, #1B2F6B, #0B1532); color: #fff; position: relative; overflow: hidden; }
.premium-hero::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(115deg, transparent 0 26px, rgba(var(--acc), .08) 26px 52px); }
.premium-hero > * { position: relative; }
.premium-hero h1 { font-family: var(--display); font-weight: 900; font-size: 46px; color: #FFC845; }
.premium-hero p { color: rgba(255,255,255,.8); max-width: 46ch; margin-top: 6px; }
.perk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.perk { padding: 16px; border-radius: 16px; background: var(--bg-2); border: 1px solid var(--line); display: grid; gap: 6px; }
.perk .ph-duotone { font-size: 30px; color: var(--gold-text); }
.perk b { font-size: 16px; }
.perk span { font-size: 14px; color: var(--muted); }
.lock-tag { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 800; color: var(--gold-text); }
.look-val.locked { opacity: .55; }
.theme-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.phone-cta { display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; color: var(--text); text-decoration: none; }
.phone-cta:hover { text-decoration: none; border-color: var(--grass); }
.phone-cta > .ph-duotone { font-size: 32px; color: var(--grass); }
.phone-cta b { display: block; }
.phone-cta span { font-size: 14px; color: var(--muted); }
.comp .ph-duotone { color: var(--gold-text); font-size: 16px; vertical-align: -2px; }
h3.sec { font-size: 15px; font-weight: 800; color: var(--muted); margin: 6px 0 10px; }
.feed-item.ycard { border-left: 3px solid #F2C200; }

/* ===================== v4: tema, mercado, patrocínios ===================== */
.theme-pick { display: grid; gap: 10px; }
.tp-label { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--dim); }
.seg { display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: rgba(var(--fg), .05); border: 1px solid var(--line); }
.seg button { flex: 1; min-height: 38px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font-weight: 700; font-size: 14px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.seg button:hover { color: var(--text); }
.seg button.active { background: var(--gold); color: var(--gold-ink); }
.tp-sw { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tp-btn { display: grid; justify-items: center; gap: 6px; padding: 10px 6px; border-radius: 12px; border: 1px solid var(--line); background: transparent; color: var(--muted); font-size: 12.5px; font-weight: 700; cursor: pointer; }
.tp-btn i { width: 34px; height: 34px; border-radius: 50%; border: 2px solid rgba(var(--fg), .15); display: block; }
.tp-btn:hover { color: var(--text); border-color: var(--line-2); }
.tp-btn.active { border-color: var(--gold-text); color: var(--text); background: rgba(var(--acc), .1); }
.theme-pop { width: min(340px, calc(100vw - 24px)); padding: 6px 12px 14px; }
.theme-pop .who { margin: 0 -6px 10px; }

.pitch-left { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px; background: var(--bg-2); border: 1px solid var(--line); }
.pitch-left > .ph-duotone { font-size: 28px; color: var(--gold-text); }
.pitch-left b { display: block; font-size: 18px; line-height: 1.1; }
.pitch-left span { font-size: 12.5px; color: var(--muted); }
.callout.good { border-color: rgba(52,199,123,.45); background: rgba(52,199,123,.08); }
.callout.good .ph-fill, .callout.good .ph { color: var(--grass); }

.club-list { display: grid; gap: 6px; }
.club-row { display: grid; grid-template-columns: 40px 1fr auto auto; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 14px; border: 1px solid var(--line); background: rgba(var(--fg), .02); }
.club-row.mine { border-style: dashed; opacity: .75; }
.club-row .crest { width: 38px; height: 44px; }
.club-main { min-width: 0; }
.club-main b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.club-meta { display: flex; gap: 10px; font-size: 12.5px; flex-wrap: wrap; }
.club-meta .str { display: inline-flex; align-items: center; gap: 4px; font-weight: 800; color: var(--text); }
.chance { font-size: 12px; font-weight: 800; padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
.chance.hi { background: rgba(52,199,123,.16); color: var(--ok-ink); }
.chance.ok { background: rgba(90,176,255,.16); color: var(--sky-ink); }
.chance.lo { background: rgba(var(--acc), .16); color: var(--gold-text); }
.chance.off { background: rgba(255,93,98,.14); color: var(--bad-ink); }
.club-act { justify-self: end; }

.deal { display: grid; grid-template-columns: 44px 1fr; gap: 12px; padding: 14px; border-radius: 16px; border: 1px solid var(--line); background: var(--bg-2); }
.deal .crest { width: 44px; height: 52px; }
.deal.open { border-color: rgba(var(--acc), .45); background: linear-gradient(135deg, rgba(var(--acc), .08), transparent 60%), var(--bg-2); }
.deal.done { border-color: rgba(52,199,123,.5); background: linear-gradient(135deg, rgba(52,199,123,.1), transparent 60%), var(--bg-2); }
.deal-main { min-width: 0; }
.deal-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.deal-top b { font-size: 16px; }
.deal .terms { display: flex; gap: 12px; flex-wrap: wrap; color: var(--muted); font-size: 13px; margin-top: 4px; }
.deal .terms span:first-child { color: var(--text); font-weight: 800; }
.deal-act { grid-column: 1 / -1; display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.deal-act:empty { display: none; }
.offer .deal-act { grid-column: auto; }
.deal-st { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 800; padding: 3px 10px; border-radius: 999px; background: rgba(var(--fg), .07); color: var(--muted); white-space: nowrap; }
.deal-st.open { background: rgba(var(--acc), .15); color: var(--gold-text); }
.deal-st.done { background: rgba(52,199,123,.15); color: var(--ok-ink); }
.deal-st.wait { background: rgba(90,176,255,.14); color: var(--sky-ink); }
.deal-st.off { background: rgba(255,93,98,.12); color: var(--bad-ink); }

.patience { display: inline-flex; gap: 4px; }
.patience i { width: 10px; height: 10px; border-radius: 50%; background: var(--grass); display: block; }
.patience i.off { background: rgba(var(--fg), .15); }
.nego-head { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; margin-bottom: 14px; }
.nego-head .crest { width: 48px; height: 56px; }
.nego-head h3 { font-size: 20px; line-height: 1.15; }
.nego-pat { display: grid; justify-items: end; gap: 4px; }
.nego-pat small { font-size: 11px; color: var(--dim); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.nego-now { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 14px; }
.nego-now > div { padding: 10px 12px; border-radius: 12px; background: rgba(var(--fg), .05); }
.nego-now span { display: block; font-size: 12px; color: var(--muted); }
.nego-now b { font-size: 17px; font-family: var(--display); font-weight: 800; letter-spacing: .01em; }
.nego-now small { font-size: 12px; color: var(--muted); font-family: var(--body); font-weight: 600; }
.nego-msg { display: flex; gap: 10px; align-items: flex-start; padding: 12px; margin-bottom: 14px; border-radius: 12px; background: rgba(var(--acc), .1); border: 1px solid rgba(var(--acc), .35); font-size: 14.5px; }
.nego-msg .ph-fill, .nego-msg .ph { color: var(--gold-text); font-size: 18px; margin-top: 2px; }
.field label b { float: right; color: var(--gold-text); font-weight: 800; }
.range { -webkit-appearance: none; appearance: none; width: 100%; height: 8px; border-radius: 999px; background: rgba(var(--fg), .1); outline: none; margin: 10px 0 4px; }
.range::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; border-radius: 50%; background: var(--gold); border: 3px solid var(--bg-2); box-shadow: 0 2px 8px rgba(0,0,0,.35); cursor: pointer; }
.range::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--gold); border: 3px solid var(--bg-2); cursor: pointer; }
.range:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 4px rgba(var(--acc), .35); }

.tip-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.tip-list li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; font-size: 14px; color: var(--muted); }
.tip-list .ph-fill, .tip-list .ph { color: var(--gold-text); font-size: 18px; margin-top: 2px; }
.tip-list b { color: var(--text); }
.empty-mini { display: grid; justify-items: center; text-align: center; gap: 6px; padding: 18px 10px; color: var(--muted); font-size: 14px; }
.empty-mini .ph-duotone { font-size: 34px; color: var(--dim); }

.biz { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.biz-tile { display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; color: var(--text); text-decoration: none; padding: 14px; }
.biz-tile:hover { text-decoration: none; border-color: var(--gold-text); }
.biz-tile > .ph-duotone { font-size: 28px; color: var(--gold-text); }
.biz-tile b { display: block; }
.biz-tile span { display: block; font-size: 12.5px; color: var(--muted); line-height: 1.3; }
@media (max-width: 420px) { .biz { grid-template-columns: 1fr; } }

.sp-sum { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 18px; }
.sp-sum > div { padding: 14px; border-radius: 16px; background: var(--bg-2); border: 1px solid var(--line); display: grid; gap: 2px; }
.sp-sum .ph-duotone { font-size: 26px; color: var(--gold-text); }
.sp-sum b { font-family: var(--display); font-size: 24px; font-weight: 800; line-height: 1.1; }
.sp-sum span { font-size: 12.5px; color: var(--muted); }
@media (max-width: 520px) { .sp-sum { grid-template-columns: 1fr 1fr; } .sp-sum > div:last-child { grid-column: 1 / -1; } }
.sp-card { display: grid; grid-template-columns: 96px 1fr; gap: 14px; padding: 14px; border-radius: 18px; border: 1px solid var(--line); background: var(--bg-2); }
.sp-card.offer { border-color: rgba(var(--acc), .45); background: linear-gradient(135deg, rgba(var(--acc), .08), transparent 55%), var(--bg-2); }
.sp-mark { --c: #2D7BDF; display: grid; place-items: center; min-height: 96px; padding: 8px; border-radius: 14px; text-align: center; font-family: var(--display); font-weight: 900; font-size: 19px; line-height: 1; letter-spacing: .01em; text-transform: uppercase; color: #fff; word-break: break-word;
  background: radial-gradient(120% 90% at 0% 0%, rgba(255,255,255,.22), transparent 60%), var(--c); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.sp-mark.sm { min-height: 56px; width: 72px; font-size: 13px; }
.sp-mark.cat-boots { --c: #1F2433; } .sp-mark.cat-bet { --c: #E35B12; } .sp-mark.cat-car { --c: #3D4B66; } .sp-mark.cat-drink { --c: #0F7A4F; }
.sp-mark.cat-watch { --c: #6E5A2E; } .sp-mark.cat-bank { --c: #6C2BD9; } .sp-mark.cat-tech { --c: #1361C9; } .sp-mark.cat-food { --c: #C9362C; }
.sp-mark.cat-care { --c: #0D8CA8; } .sp-mark.cat-game { --c: #8A1FB8; }
.sp-body { min-width: 0; display: grid; gap: 6px; align-content: start; }
.sp-top { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.tier { font-size: 11px; font-weight: 800; padding: 3px 8px; border-radius: 999px; text-transform: uppercase; letter-spacing: .05em; }
.tier.regional { background: rgba(var(--fg), .07); color: var(--muted); }
.tier.nacional { background: rgba(90,176,255,.16); color: var(--sky-ink); }
.tier.global { background: rgba(var(--acc), .18); color: var(--gold-text); }
.sp-money { display: flex; align-items: baseline; gap: 4px; flex-wrap: wrap; }
.sp-money b { font-family: var(--display); font-size: 26px; font-weight: 900; line-height: 1; }
.sp-money span { color: var(--muted); font-size: 13px; }
.sp-money em { font-style: normal; font-size: 12.5px; color: var(--ok-ink); font-weight: 700; margin-left: 6px; }
.sp-clauses { display: flex; gap: 6px; flex-wrap: wrap; }
.sp-clauses:empty { display: none; }
.cl { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; color: var(--muted); }
.cl.bad { color: var(--bad-ink); } .cl.good { color: var(--ok-ink); }
.sp-act { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
@media (max-width: 420px) { .sp-card { grid-template-columns: 1fr; } .sp-mark { min-height: 64px; } }
.sp-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
.sp-slot { display: grid; gap: 2px; padding: 12px; border-radius: 14px; border: 1px dashed var(--line-2); color: var(--muted); }
.sp-slot .ph-duotone { font-size: 24px; color: var(--dim); }
.sp-slot b { color: var(--muted); font-size: 14px; }
.sp-slot span { font-size: 12px; }
.sp-slot small { font-size: 11.5px; color: var(--dim); line-height: 1.3; margin-top: 2px; }
.sp-slot.on { border-style: solid; border-color: rgba(var(--acc), .45); background: rgba(var(--acc), .07); }
.sp-slot.on .ph-duotone { color: var(--gold-text); }
.sp-slot.on b { color: var(--text); }
.sp-slot.locked { opacity: .55; }
.sp-drop { display: grid; gap: 8px; margin: 12px 0; max-height: 52vh; overflow: auto; }
.sp-drop-o { display: flex; justify-content: space-between; align-items: center; gap: 10px; text-align: left; padding: 12px; border-radius: 12px; border: 1px solid var(--line-2); background: var(--card, #fff); color: var(--text); cursor: pointer; font: inherit; }
.sp-drop-o:hover { border-color: rgba(var(--acc), .6); background: rgba(var(--acc), .06); }
.sp-drop-o b { display: block; font-size: 14px; }
.sp-drop-o small { display: block; font-size: 12px; color: var(--muted); margin-top: 2px; }
.sp-drop-o span { text-align: right; font-size: 11px; color: var(--muted); flex: none; }
.sp-drop-o span b { font-size: 13px; color: var(--red, #c0392b); }
.sp-vagas { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; margin-bottom: 10px; border-radius: 12px; background: var(--bg-2, rgba(0,0,0,.03)); border: 1px solid var(--line-2); }
.sp-vagas .ph-duotone { font-size: 22px; color: var(--gold-text); flex: none; margin-top: 1px; }
.sp-vagas b { display: block; font-size: 14px; color: var(--text); }
.sp-vagas small { display: block; font-size: 12px; color: var(--muted); line-height: 1.35; margin-top: 2px; }
.sp-vagas.full { border-color: rgba(var(--acc), .45); background: rgba(var(--acc), .07); }
.grid > *, .stack > * { min-width: 0; }
@media (max-width: 440px) { .topbar [data-theme-btn] { display: none; } }
.club-row { grid-template-columns: 38px 1fr auto; }
.club-meta { align-items: center; row-gap: 4px; }
.club-meta .chance { padding: 2px 8px; font-size: 11.5px; }
.menu-pop .theme-pick .seg button { width: auto; padding: 0 6px; justify-content: center; }
.menu-pop .theme-pick .tp-btn { display: grid; width: auto; padding: 10px 4px; gap: 6px; justify-items: center; }
.menu-pop .theme-pick .ph { color: inherit; font-size: 16px; }
.menu-pop .theme-pick .tp-btn span { font-size: 12px; line-height: 1.2; text-align: center; }
@media (min-width: 1024px) { .market-grid { grid-template-columns: 1fr 1.2fr; } }

/* ===================== v5: lance, partida ao vivo, resultado ===================== */
/* lance */
.pitch-overlay { background: radial-gradient(120% 80% at 50% 0%, #10224A 0%, #050A18 70%); opacity: 0; transform: scale(1.04); transition: opacity .2s, transform .25s cubic-bezier(.2,.9,.3,1); animation: none; }
.pitch-overlay.in { opacity: 1; transform: none; }
.pitch-overlay.out { opacity: 0; transform: scale(.98); }
.pitch-hud { color: #fff; }
.ph-title { font-weight: 800; font-size: 16px; }
.ph-title small { display: block; color: rgba(255,255,255,.65); font-weight: 600; font-size: 13px; }
.ph-score { display: inline-flex; align-items: center; gap: 0; border-radius: 12px; overflow: hidden; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(6px); }
.ph-tm { padding: 7px 10px; font-family: var(--display); font-weight: 800; font-size: 17px; letter-spacing: .02em; position: relative; }
.ph-tm::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--tc); }
.ph-tm:last-of-type::before { left: auto; right: 0; }
.ph-score > b { padding: 6px 12px; font-family: var(--display); font-weight: 900; font-size: 22px; background: rgba(255,255,255,.95); color: #0B1430; font-variant-numeric: tabular-nums; }
.ph-score > b i { font-style: normal; opacity: .4; margin: 0 2px; }
.ph-score em { font-style: normal; padding: 7px 10px; font-family: var(--display); font-weight: 800; font-size: 16px; color: #FFC845; }
.ph-right { display: flex; gap: 8px; align-items: center; }
.ph-wind { display: inline-flex; align-items: center; gap: 4px; padding: 6px 10px; border-radius: 12px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); }
.ph-wind .wa { display: inline-grid; place-items: center; color: #8FD3FF; font-size: 16px; transition: transform .3s; }
.ph-wind b { font-family: var(--display); font-size: 17px; }
.ph-wind small { font-size: 11px; color: rgba(255,255,255,.6); }
.ph-btn { height: 38px; min-width: 38px; padding: 0 10px; border-radius: 12px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.08); color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-weight: 700; font-size: 14px; cursor: pointer; }
.ph-btn:hover { background: rgba(255,255,255,.14); }
.ph-chip { position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(5,10,24,.72); color: #fff; font-size: 13px; font-weight: 700; backdrop-filter: blur(4px); pointer-events: none; }
.ph-chip b { font-family: var(--display); font-size: 16px; color: #FFC845; }
.ph-chip b:empty { display: none; }
.ph-drill { position: absolute; right: 10px; top: 10px; padding: 6px 12px; border-radius: 999px; background: rgba(5,10,24,.72); color: #fff; font-size: 13px; font-weight: 700; pointer-events: none; }
.pitch-help { color: rgba(255,255,255,.6); font-size: 13px; }
@media (max-width: 420px) { .ph-btn.wide span { display: none; } .ph-tm { padding: 6px 7px; font-size: 15px; } .ph-score > b { font-size: 19px; padding: 6px 9px; } }

/* partida ao vivo */
.mx { max-width: 820px; margin: 0 auto; display: grid; gap: 12px; }
.mx-comp { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; color: var(--muted); font-weight: 600; }
.live-chip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 6px; background: #E5242C; color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.live-chip i { width: 7px; height: 7px; border-radius: 50%; background: #fff; animation: blink 1.2s infinite; }
@keyframes blink { 50% { opacity: .25; } }
.mx-board { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; padding: 18px 16px 22px; border-radius: 22px; overflow: hidden; color: #fff;
  background: linear-gradient(100deg, color-mix(in srgb, var(--home) 70%, #050A18) 0%, #0A1330 38%, #0A1330 62%, color-mix(in srgb, var(--away) 70%, #050A18) 100%); box-shadow: var(--shadow); }
.mx-board::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.08), transparent 40%); pointer-events: none; }
.mx-team { display: flex; align-items: center; gap: 10px; min-width: 0; z-index: 1; }
.mx-team.away { justify-content: flex-end; text-align: right; }
.mx-team .crest { width: 42px; height: 50px; flex: none; filter: drop-shadow(0 4px 8px rgba(0,0,0,.35)); }
.mx-team b { display: block; font-family: var(--display); font-weight: 900; font-size: 26px; line-height: 1; letter-spacing: .02em; }
.mx-team small { display: block; color: rgba(255,255,255,.7); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; }
.mx-team.mine b::after { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #FFC845; margin-left: 6px; vertical-align: middle; }
.mx-mid { text-align: center; z-index: 1; }
.mx-score { display: inline-flex; align-items: center; gap: 4px; padding: 4px 14px; border-radius: 14px; background: rgba(255,255,255,.96); color: #0A1330; font-family: var(--display); font-weight: 900; font-size: 44px; line-height: 1.05; font-variant-numeric: tabular-nums; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.mx-score i { font-style: normal; opacity: .35; }
.mx-score span { display: inline-block; min-width: 26px; }
.mx-score span.bump { animation: bump .6s cubic-bezier(.2,1.6,.4,1); color: #E5242C; }
@keyframes bump { 0% { transform: scale(1); } 30% { transform: scale(1.7); } 100% { transform: scale(1); } }
.mx-clock { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 3px 12px; border-radius: 999px; background: rgba(0,0,0,.35); font-family: var(--display); font-weight: 800; font-size: 17px; }
.mx-clock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #34C77B; animation: blink 1s infinite; }
.mx-clock.paused::before { background: #FFC845; animation: none; }
.mx-mom { position: absolute; left: 16px; right: 16px; bottom: 8px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--home), rgba(255,255,255,.25) 50%, var(--away)); opacity: .85; }
.mx-mom i { position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,.25), 0 0 12px #fff; transition: left .9s cubic-bezier(.2,.9,.3,1); }
.mx-board.flash-mine { animation: flashMine 1.2s ease-out; }
.mx-board.flash-opp { animation: flashOpp 1.2s ease-out; }
@keyframes flashMine { 0% { box-shadow: 0 0 0 0 rgba(255,200,69,.9), var(--shadow); } 100% { box-shadow: 0 0 0 26px rgba(255,200,69,0), var(--shadow); } }
@keyframes flashOpp { 0% { box-shadow: 0 0 0 0 rgba(229,36,44,.8), var(--shadow); } 100% { box-shadow: 0 0 0 26px rgba(229,36,44,0), var(--shadow); } }
@media (max-width: 520px) { .mx-team small { display: none; } .mx-team b { font-size: 22px; } .mx-score { font-size: 36px; padding: 2px 10px; } .mx-team .crest { width: 34px; height: 40px; } }
.mx-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.ms { display: grid; grid-template-columns: auto 1fr auto; align-items: baseline; gap: 4px; padding: 10px 12px 12px; border-radius: 14px; background: var(--bg-2); border: 1px solid var(--line); position: relative; }
.ms b { font-family: var(--display); font-size: 19px; font-weight: 800; }
.ms span { text-align: center; font-size: 11.5px; color: var(--muted); font-weight: 700; }
.ms-bar { position: absolute; left: 12px; right: 12px; bottom: 6px; height: 3px; border-radius: 3px; background: color-mix(in srgb, var(--away) 75%, transparent); overflow: hidden; }
.ms-bar i { display: block; height: 100%; background: var(--home); transition: width .6s; }
@media (max-width: 520px) { .mx-stats { grid-template-columns: repeat(2, 1fr); } }
.mx-effort { padding: 14px; border-radius: 18px; background: var(--bg-2); border: 1px solid var(--line); display: grid; gap: 12px; }
.mx-ef-top { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; }
.mx-ef-top b { display: block; }
.mx-ef-top small { color: var(--muted); font-size: 12.5px; }
.heart { --hc: #FFC845; --bpm: .9s; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-size: 24px; color: var(--hc); background: color-mix(in srgb, var(--hc) 14%, transparent); }
.heart .ph-fill { animation: beat var(--bpm) infinite; }
@keyframes beat { 0%, 100% { transform: scale(1); } 15% { transform: scale(1.28); } 30% { transform: scale(.95); } 45% { transform: scale(1.15); } }
.mx-energy { display: grid; grid-template-columns: auto 90px auto; align-items: center; gap: 8px; }
.mx-energy small { font-size: 12px; color: var(--muted); }
.mx-energy b { font-family: var(--display); font-size: 20px; min-width: 28px; text-align: right; }
.mx-energy .bar i { background: var(--grass); transition: width .4s; }
.mx-energy .bar.low i { background: var(--red); }
.mx-seg button.active { background: var(--ef); color: #0B1430; }
@media (max-width: 520px) { .mx-ef-top { grid-template-columns: auto 1fr; } .mx-energy { grid-column: 1 / -1; grid-template-columns: auto 1fr auto; } }
.mx-ctrl { display: flex; gap: 8px; }
.mx-ctrl .btn { flex: 1; }
.mx-ctrl .btn:last-child { flex: none; }
.mx-feed { display: grid; gap: 6px; max-height: 56vh; overflow-y: auto; padding: 2px; }
.nl { display: grid; grid-template-columns: 38px 28px 1fr; gap: 6px; align-items: center; padding: 10px 12px; border-radius: 12px; background: var(--bg-2); border: 1px solid var(--line); border-left: 4px solid rgba(var(--fg), .15); font-size: 14.5px; animation: nlIn .35s cubic-bezier(.2,.9,.3,1); }
@keyframes nlIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.nl-min { font-family: var(--display); font-weight: 800; color: var(--dim); font-size: 16px; }
.nl-ic { color: var(--muted); font-size: 16px; display: grid; place-items: center; }
.nl.mine { border-left-color: var(--mine); }
.nl.opp { border-left-color: rgba(var(--fg), .35); }
.nl.k-save .nl-ic, .nl.k-post .nl-ic { color: var(--sky); }
.nl.k-card .nl-ic { color: #F2C200; }
.nl.k-red .nl-ic { color: #E5383B; } .nl.k-red .nl-tx { font-weight: 800; }
.nl.k-moment { background: rgba(var(--acc), .1); border-color: rgba(var(--acc), .4); border-left-color: var(--gold); font-weight: 700; }
.nl.k-moment .nl-ic { color: var(--gold-text); }
.nl.k-half, .nl.k-end { background: transparent; border-style: dashed; border-left-width: 1px; color: var(--muted); font-weight: 700; }
.nl.big { padding: 14px 12px; font-weight: 900; font-size: 17px; font-family: var(--body); color: #fff; border: 0; background: linear-gradient(100deg, color-mix(in srgb, var(--mine) 85%, #000) 0%, color-mix(in srgb, var(--mine) 55%, #0A1330) 100%); animation: nlIn .35s, goalPulse 1.4s ease-out; }
.nl.big.opp { background: linear-gradient(100deg, #3A1016, #1B0A12); }
.nl.big .nl-min, .nl.big .nl-ic { color: rgba(255,255,255,.85); }
@keyframes goalPulse { 0% { box-shadow: 0 0 0 0 rgba(255,200,69,.7); } 100% { box-shadow: 0 0 0 18px rgba(255,200,69,0); } }
/* abertura */
.mx-intro { position: fixed; inset: 0; z-index: 85; display: grid; place-items: center; padding: 16px; background: rgba(3,7,18,.82); backdrop-filter: blur(6px); opacity: 0; transition: opacity .25s; }
.mx-intro.in { opacity: 1; }
.mi-card { width: min(460px, 100%); padding: 22px; border-radius: 24px; color: #fff; text-align: center; background: radial-gradient(120% 90% at 50% 0%, #1A2E63 0%, #0A1330 70%); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 30px 80px rgba(0,0,0,.6); display: grid; gap: 14px; justify-items: center; transform: translateY(16px); transition: transform .4s cubic-bezier(.2,1.2,.3,1); }
.mx-intro.in .mi-card { transform: none; }
.mi-comp { font-size: 13px; color: rgba(255,255,255,.7); font-weight: 700; }
.mi-vs { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; width: 100%; }
.mi-vs > span { font-family: var(--display); font-weight: 900; font-size: 22px; color: rgba(255,255,255,.4); }
.mi-t { display: grid; justify-items: center; gap: 8px; }
.mi-t .crest { width: 64px; height: 76px; filter: drop-shadow(0 8px 16px rgba(0,0,0,.4)); }
.mi-t b { font-size: 15px; line-height: 1.2; }
.mi-t.l { animation: slideL .6s cubic-bezier(.2,1.1,.3,1); }
.mi-t.r { animation: slideR .6s cubic-bezier(.2,1.1,.3,1); }
@keyframes slideL { from { transform: translateX(-60px); opacity: 0; } }
@keyframes slideR { from { transform: translateX(60px); opacity: 0; } }
.mi-meta { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; text-align: left; }
.mi-meta > div { padding: 10px 12px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
.mi-meta small { display: block; font-size: 11px; color: rgba(255,255,255,.6); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.mi-meta b { font-size: 14.5px; }
.mi-ball { display: flex; align-items: center; gap: 10px; }
.mi-ball svg { animation: spinBall 3s linear infinite; flex: none; }
@keyframes spinBall { to { transform: rotate(360deg); } }
/* intervalo */
.ht-tag { display: inline-block; padding: 3px 10px; border-radius: 999px; background: rgba(var(--fg), .08); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.halftime .ht-score { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 10px; font-size: 18px; }
.halftime .ht-score span { font-family: var(--display); font-weight: 800; font-size: 22px; color: var(--muted); }
.halftime .ht-score b { font-family: var(--display); font-weight: 900; font-size: 56px; }
.ht-energy { display: inline-flex; gap: 8px; align-items: center; margin-bottom: 10px; padding: 8px 12px; border-radius: 12px; background: rgba(var(--fg), .05); }
.ht-energy .ph-duotone { color: var(--grass); font-size: 20px; }
/* resultado */
.rx { max-width: 880px; margin: 0 auto; display: grid; gap: 14px; }
.rx-hero { position: relative; text-align: center; color: #fff; padding: 20px 16px 22px; border-radius: 24px; overflow: hidden; background: linear-gradient(100deg, color-mix(in srgb, var(--home) 65%, #050A18) 0%, #0A1330 40%, #0A1330 60%, color-mix(in srgb, var(--away) 65%, #050A18) 100%); box-shadow: var(--shadow); }
.rx-comp { font-size: 13px; color: rgba(255,255,255,.7); font-weight: 700; }
.rx-score { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; margin: 14px 0 6px; }
.rx-t { display: grid; justify-items: center; gap: 8px; }
.rx-t .crest { width: 56px; height: 66px; filter: drop-shadow(0 6px 12px rgba(0,0,0,.4)); }
.rx-t b { font-size: 14.5px; line-height: 1.2; }
.rx-t.mine b { color: #FFC845; }
.rx-final { font-family: var(--display); font-weight: 900; font-size: 68px; line-height: 1; display: flex; gap: 6px; animation: finalIn .6s cubic-bezier(.2,1.4,.4,1); }
.rx-final i { font-style: normal; opacity: .4; }
@keyframes finalIn { from { transform: scale(.4); opacity: 0; } }
.rx-verdict { display: inline-block; margin-top: 6px; padding: 5px 16px; border-radius: 999px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; font-size: 14px; background: rgba(255,255,255,.14); animation: stamp .5s .35s both cubic-bezier(.2,1.6,.4,1); }
.rx.win .rx-verdict { background: #34C77B; color: #06200F; }
.rx.loss .rx-verdict { background: #E5484D; color: #fff; }
@keyframes stamp { from { transform: scale(2.2) rotate(-8deg); opacity: 0; } }
.rx-grid { display: grid; grid-template-columns: 300px 1fr; gap: 14px; }
@media (max-width: 760px) { .rx-grid { grid-template-columns: 1fr; } }
.rx-me { text-align: center; display: grid; gap: 12px; justify-items: center; align-content: start; }
.rating-ring.big { width: 148px; height: 148px; margin: 4px auto 0; }
.rating-ring.big > div { width: 122px; height: 122px; }
.rating-ring.big > div > div { display: grid; justify-items: center; }
.rating-ring.big b { font-size: 54px; }
.rating-ring.big small { font-size: 12px; color: var(--muted); font-weight: 700; margin-top: -4px; text-transform: uppercase; letter-spacing: .06em; }
.rating-ring.done { animation: ringDone .6s cubic-bezier(.2,1.6,.4,1); }
@keyframes ringDone { 50% { transform: scale(1.08); } }
.rx-ga { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; width: 100%; }
.rx-ga > div { padding: 10px 6px; border-radius: 12px; background: rgba(var(--fg), .05); }
.rx-ga b { display: block; font-family: var(--display); font-size: 24px; font-weight: 900; line-height: 1.1; }
.rx-ga span { font-size: 12px; color: var(--muted); font-weight: 700; }
.motm-badge { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; font-weight: 900; color: #2B1F00; background: linear-gradient(110deg, #FFC845 0%, #FFE9A3 45%, #FFC845 60%); background-size: 220% 100%; animation: shine 2.2s linear infinite, stamp .5s .9s both cubic-bezier(.2,1.6,.4,1); }
@keyframes shine { to { background-position: -220% 0; } }
.lvl-up { display: none; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border-radius: 14px; background: linear-gradient(110deg, rgba(var(--acc), .2), rgba(var(--acc), .06)); border: 1px solid rgba(var(--acc), .5); text-align: left; }
.lvl-up.show { display: flex; animation: stamp .5s cubic-bezier(.2,1.6,.4,1); }
.lvl-up .ph-fill { font-size: 28px; color: var(--gold-text); }
.lvl-up small { display: block; font-size: 12px; color: var(--muted); font-weight: 700; }
.lvl-up b { font-family: var(--display); font-size: 26px; font-weight: 900; }
.lvl-up b i { font-style: normal; color: var(--gold-text); }
.rx-gains { display: grid; gap: 10px; align-content: start; }
.rx-gains h3 { display: flex; align-items: center; gap: 8px; font-size: 15px; margin-top: 4px; }
.rx-gains h3 .ph-duotone { color: var(--gold-text); font-size: 20px; }
.rx-money { display: grid; gap: 6px; }
.rm { display: flex; justify-content: space-between; padding: 10px 12px; border-radius: 12px; background: rgba(var(--fg), .04); animation: nlIn .4s var(--d) both; }
.rm b { font-family: var(--display); font-size: 19px; color: var(--gold-text); }
.rx-rel, .rx-xp { display: grid; gap: 10px; }
.rr, .rxp { display: grid; grid-template-columns: 110px 1fr 64px; gap: 10px; align-items: center; font-size: 14px; }
.rr .bar i, .rxp .bar i { transition: width .9s cubic-bezier(.2,.9,.3,1); }
.rr b { font-family: var(--display); font-size: 18px; text-align: right; color: var(--muted); }
.rr b.up { color: var(--ok-ink); } .rr b.down { color: var(--bad-ink); }
.rxp span b { font-family: var(--display); }
.rxp em { font-style: normal; font-size: 12.5px; color: var(--sky-ink); font-weight: 800; text-align: right; }
.rxp.lv span b { color: var(--gold-text); animation: bump .6s cubic-bezier(.2,1.6,.4,1); display: inline-block; }
.rx-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.confetti-cv { position: fixed; inset: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 120; }
/* bola e comemoração */
.gear-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; }
.gear { display: grid; justify-items: center; gap: 6px; padding: 14px 8px 12px; border-radius: 16px; border: 1px solid var(--line); background: rgba(var(--fg), .03); color: var(--text); cursor: pointer; text-align: center; transition: transform .15s, border-color .15s; }
.gear:hover { transform: translateY(-2px); border-color: var(--line-2); }
.gear-art { height: 52px; display: grid; place-items: center; }
.gear-art .ph-duotone { font-size: 40px; color: var(--gold-text); }
.gear b { font-size: 14px; line-height: 1.2; }
.gear span { font-size: 12.5px; color: var(--muted); font-weight: 700; display: inline-flex; align-items: center; gap: 4px; }
.gear.on { border-color: var(--gold-text); background: rgba(var(--acc), .1); }
.gear.on span { color: var(--gold-text); }
.gear.locked span { color: var(--gold-text); }
.gear.locked .gear-art { opacity: .75; }
@media (prefers-reduced-motion: reduce) { .nl, .mx-score span.bump, .rx-final, .rx-verdict, .heart .ph-fill, .motm-badge, .mi-ball svg { animation: none !important; } }
.rm b { white-space: nowrap; }
.mx-mid { display: grid; justify-items: center; gap: 6px; }
.mx-clock { margin-top: 0; }
.nl.big { background: linear-gradient(100deg, color-mix(in srgb, var(--mine) 62%, #0A1330) 0%, color-mix(in srgb, var(--mine) 28%, #0A1330) 100%); }
@media (max-width: 520px) { .mx-board { padding: 14px 12px 22px; gap: 6px; } .mx-team { gap: 6px; } .mx-team b { font-size: 19px; } .mx-score { font-size: 32px; } .mx-clock { font-size: 15px; padding: 2px 10px; } }

/* ===================== v6: tutorial ===================== */
.ph-guide { position: absolute; left: 10px; right: 10px; top: 10px; display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 14px; background: rgba(5,10,24,.82); color: #fff; font-size: 13.5px; font-weight: 600; line-height: 1.35; backdrop-filter: blur(4px); pointer-events: none; animation: nlIn .4s; }
.ph-guide .ph-fill { color: #FFC845; font-size: 18px; flex: none; margin-top: 1px; }
.tut { text-align: center; display: grid; gap: 10px; justify-items: center; }
.tut > .ph-duotone { font-size: 44px; color: var(--gold-text); }
.tut h3 { font-size: 22px; }
.tut p { color: var(--muted); max-width: 400px; }
.tut .modal-actions { width: 100%; }
.tut-dots { display: flex; gap: 6px; }
.tut-dots i { width: 28px; height: 5px; border-radius: 4px; background: rgba(var(--fg), .14); }
.tut-dots i.on { background: var(--gold); }
.tut-dots i.done { background: var(--grass); }
.tut-tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px; background: rgba(var(--acc), .14); color: var(--gold-text); font-size: 13px; font-weight: 800; }
.tut-tag .ph-duotone { font-size: 16px; }
.tut-art { width: 100%; max-width: 280px; height: auto; border-radius: 16px; background: linear-gradient(180deg, #1E7A45, #228A4C); }
.tut-art .g { fill: none; stroke: #fff; stroke-width: 2; }
.tut-art .b { fill: #fff; }
.tut-art .m { fill: #5AB0FF; stroke: #fff; stroke-width: 2; }
.tut-art .t { fill: none; stroke: #FFC845; stroke-width: 2; stroke-dasharray: 3 3; }
.tut-art .w circle { fill: #E9EDF5; stroke: #56607A; stroke-width: 1.5; }
.tut-art .a { fill: none; stroke: #FFC845; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 160; animation: tutDraw 1.8s ease-in-out infinite; }
.tut-art .a.s { stroke: rgba(255,255,255,.75); stroke-width: 2.5; }
.tut-art text { fill: #fff; font: 700 10px Figtree, sans-serif; }
@keyframes tutDraw { 0% { stroke-dashoffset: 160; } 60%, 100% { stroke-dashoffset: 0; } }
.ph-guide { top: auto; bottom: 10px; }
.pitch-wrap:has(.ph-guide) .ph-chip { display: none; }
/* disputa de pênaltis */
.so { text-align: center; display: grid; gap: 14px; }
.so-row { display: grid; grid-template-columns: 64px 1fr 40px; align-items: center; gap: 10px; }
.so-row span { font-family: var(--display); font-weight: 900; font-size: 22px; text-align: left; }
.so-row b { font-family: var(--display); font-size: 30px; font-weight: 900; }
.so-dots { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.so-dots i { width: 22px; height: 22px; border-radius: 50%; border: 2px solid rgba(var(--fg), .2); }
.so-dots i.ok { background: var(--grass); border-color: var(--grass); animation: stamp .35s cubic-bezier(.2,1.6,.4,1); }
.so-dots i.no { background: var(--red); border-color: var(--red); animation: stamp .35s cubic-bezier(.2,1.6,.4,1); }

/* ===================== v7: gemas, missões, passe, desafio, loja, linha do tempo ===================== */
.gem-ic { color: #5AD8FF; }
.gems { display: inline-flex; align-items: center; gap: 4px; font-weight: 800; color: var(--text); }
.gems .ph-fill { color: #5AD8FF; }
.gem-pill { text-decoration: none; color: var(--text); }
.gem-pill .ph-fill { color: #5AD8FF; }
@media (max-width: 520px) { .topbar .gem-pill { display: none; } }
.lvl-card { display: grid; gap: 12px; }
.lvl-top { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; }
.lvl-badge { width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center; align-content: center; background: linear-gradient(135deg, var(--gold), var(--gold-2)); color: var(--gold-ink); }
.lvl-badge b { font-family: var(--display); font-size: 28px; line-height: 1; font-weight: 900; }
.lvl-badge span { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.lvl-row { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 6px; }
.lvl-row span { font-family: var(--display); font-weight: 800; color: var(--gold-text); font-size: 16px; }
.lvl-next { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.lvl-next li { display: grid; grid-template-columns: 20px 1fr; gap: 8px; font-size: 13.5px; color: var(--muted); }
.lvl-next .ph-fill { color: var(--gold-text); margin-top: 2px; }
.live-tiles { margin-bottom: 0; }
.boot-bonus { font-style: normal; font-size: 12px; color: var(--ok-ink); margin-left: 4px; font-family: var(--body); font-weight: 800; }
.gear-stats { font-style: normal; font-size: 11.5px; font-weight: 800; color: var(--ok-ink); }
/* missões */
.mis { display: grid; grid-template-columns: 36px 1fr auto; gap: 12px; align-items: center; padding: 12px; border-radius: 14px; border: 1px solid var(--line); background: rgba(var(--fg), .02); }
.mis-ic { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: rgba(var(--acc), .12); color: var(--gold-text); font-size: 20px; }
.mis.done { border-color: rgba(52,199,123,.5); background: rgba(52,199,123,.06); }
.mis.done .mis-ic { background: rgba(52,199,123,.16); color: var(--grass); animation: ringDone 1.4s infinite; }
.mis.claimed { opacity: .55; }
.mis.claimed .mis-ic { background: rgba(var(--fg), .06); color: var(--muted); animation: none; }
.mis-main b { display: block; font-size: 14.5px; margin-bottom: 6px; }
.mis-rw { display: flex; gap: 10px; flex-wrap: wrap; font-size: 12px; color: var(--muted); font-weight: 700; margin-top: 6px; }
.mis-rw .ph-fill { font-size: 12px; }
/* passe */
.pass-head { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; margin-bottom: 14px; }
@media (max-width: 620px) { .pass-head { grid-template-columns: auto 1fr; } .pass-head > :last-child { grid-column: 1 / -1; justify-self: start; } }
.pass-lv { width: 74px; height: 74px; border-radius: 50%; display: grid; place-items: center; align-content: center; background: radial-gradient(circle at 30% 30%, var(--gold-2), var(--gold)); color: var(--gold-ink); box-shadow: 0 8px 24px rgba(var(--acc), .35); }
.pass-lv b { font-family: var(--display); font-size: 34px; line-height: 1; font-weight: 900; }
.pass-lv span { font-size: 11px; font-weight: 800; }
.pass-info b { display: block; margin-bottom: 6px; }
.pass-info .bar { margin-bottom: 6px; }
.pass-gold { display: inline-flex; gap: 6px; align-items: center; padding: 6px 12px; border-radius: 999px; background: rgba(var(--acc), .15); color: var(--gold-text); font-weight: 800; font-size: 13px; }
.pass-track { position: relative; display: grid; grid-template-columns: 74px 1fr; gap: 8px; }
.pass-labels { display: grid; grid-template-rows: 1fr 30px 1fr; font-size: 12px; font-weight: 800; color: var(--muted); }
.pass-labels span { display: flex; align-items: center; gap: 4px; }
.pass-labels span:last-child { grid-row: 3; }
.gold-t { color: var(--gold-text) !important; }
.pass-scroll { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x proximity; }
.pcol { flex: none; width: 104px; display: grid; grid-template-rows: 1fr 30px 1fr; gap: 0; scroll-snap-align: center; }
.plv { display: grid; place-items: center; font-family: var(--display); font-weight: 900; color: var(--dim); position: relative; isolation: isolate; }
.plv b { position: relative; z-index: 1; min-width: 30px; height: 26px; padding: 0 6px; display: grid; place-items: center; border-radius: 99px; background: var(--bg-2); border: 2px solid rgba(var(--fg), .14); font-size: 13px; line-height: 1; }
.pcol.reached .plv b { border-color: var(--gold); }
.plv::before { content: ""; position: absolute; left: -8px; right: 0; top: 50%; height: 4px; margin-top: -2px; background: rgba(var(--fg), .1); z-index: 0; }
.pcol.reached .plv { color: var(--gold-text); }
.pcol.reached .plv::before { background: var(--gold); }
.pn { display: grid; justify-items: center; align-content: center; gap: 4px; min-height: 96px; padding: 8px 6px; border-radius: 14px; border: 1px solid var(--line); background: var(--bg-2); color: var(--muted); font-size: 20px; cursor: default; text-align: center; }
.pn small { font-size: 11px; line-height: 1.2; font-weight: 700; }
.pn.premium { background: linear-gradient(160deg, rgba(var(--acc), .1), var(--bg-2)); border-color: rgba(var(--acc), .25); }
.pn.reached { color: var(--text); }
.pn.can { border-color: var(--gold-text); color: var(--gold-text); cursor: pointer; box-shadow: 0 0 0 3px rgba(var(--acc), .15); animation: ringDone 1.6s infinite; }
.pn.claimed { opacity: .5; }
/* desafio */
.chal-hero { padding: 20px; border-radius: 22px; color: #fff; display: grid; gap: 14px; background: radial-gradient(120% 90% at 0% 0%, #1E7A45 0%, #0A1330 70%); box-shadow: var(--shadow); }
.chal-top { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: rgba(255,255,255,.75); font-weight: 700; }
.chal-score small { display: block; font-size: 12px; color: rgba(255,255,255,.65); font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.chal-score b { font-family: var(--display); font-size: 64px; font-weight: 900; line-height: 1; color: #FFC845; }
.chal-score span { display: block; font-weight: 700; color: rgba(255,255,255,.8); }
.chal-meta { display: flex; gap: 12px; flex-wrap: wrap; font-size: 13px; color: rgba(255,255,255,.8); }
.chal-meta span { display: inline-flex; gap: 5px; align-items: center; }
.chal-rule { font-size: 12.5px; color: rgba(255,255,255,.6); text-align: center; }
.rank-row.chal-row { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 12px; border-top: 0; background: rgba(var(--fg), .03); }
.rank-row .pos { font-family: var(--display); font-weight: 900; font-size: 18px; color: var(--dim); }
.rank-row small { display: block; font-size: 12px; }
.rank-row b.gold-t { font-family: var(--display); font-size: 20px; }
.rank-row > div { min-width: 0; }
.rw-row { display: flex; gap: 16px; justify-content: center; font-size: 20px; font-family: var(--display); }
/* loja */
.shop-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.shop-it { display: grid; justify-items: start; gap: 4px; padding: 14px; border-radius: 16px; border: 1px solid var(--line); background: rgba(var(--fg), .03); color: var(--text); text-align: left; cursor: pointer; transition: transform .15s, border-color .15s; }
.shop-it:hover { transform: translateY(-2px); border-color: var(--gold-text); }
.si-ic { font-size: 28px; color: var(--gold-text); }
.shop-it small { color: var(--muted); font-size: 12.5px; line-height: 1.3; }
.si-price { margin-top: 6px; padding: 4px 10px; border-radius: 999px; background: rgba(90,216,255,.12); font-size: 13px; }
.agent { display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; padding: 14px; border-radius: 16px; border: 1px solid var(--line); }
.agent.on { border-color: var(--gold-text); background: rgba(var(--acc), .07); }
.ag-ic { font-size: 30px; color: var(--gold-text); }
.ag-buy { display: grid; gap: 6px; }
@media (max-width: 480px) { .agent { grid-template-columns: 40px 1fr; } .ag-buy { grid-column: 1 / -1; grid-auto-flow: column; justify-content: start; } }
.packs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
@media (max-width: 480px) { .packs { grid-template-columns: repeat(2, 1fr); } }
.pack { display: grid; justify-items: center; gap: 2px; padding: 12px 6px; border-radius: 14px; border: 1px dashed var(--line-2); opacity: .7; }
.pack .gem-ic { font-size: 24px; }
.pack b { font-family: var(--display); font-size: 20px; }
.pack span { font-size: 12px; color: var(--muted); }
.ad-modal { display: grid; gap: 12px; }
.ad-slot { min-height: 250px; border-radius: 14px; background: rgba(var(--fg), .05); display: grid; place-items: center; overflow: hidden; }
.ad-bar { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-weight: 700; }
/* linha do tempo */
.tl { position: relative; display: grid; gap: 14px; padding-left: 6px; }
.tl::before { content: ""; position: absolute; left: 22px; top: 6px; bottom: 6px; width: 2px; background: var(--line-2); }
.tl-it { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; position: relative; }
.tl-dot { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--bg-2); border: 2px solid var(--line-2); color: var(--muted); font-size: 16px; z-index: 1; }
.tl-it.k-title .tl-dot, .tl-it.k-award .tl-dot { border-color: var(--gold-text); color: var(--gold-text); background: rgba(var(--acc), .12); }
.tl-it.k-transfer .tl-dot { border-color: var(--sky); color: var(--sky); }
.tl-it.k-scandal .tl-dot { border-color: var(--red); color: var(--red); }
.tl-it.k-milestone .tl-dot { border-color: var(--grass); color: var(--grass); }
.tl-body { padding: 6px 0; }
.tl-body small { display: block; font-size: 11.5px; color: var(--dim); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.tl-body b { display: block; font-size: 15px; }
.tl-body span { display: block; color: var(--muted); font-size: 13.5px; }
/* master */
.mbars { display: flex; align-items: flex-end; gap: 6px; height: 160px; }
.mbar { flex: 1; display: grid; grid-template-rows: 1fr auto; height: 100%; gap: 4px; text-align: center; }
.mbar i { align-self: end; display: block; background: var(--gold); border-radius: 6px 6px 0 0; min-height: 2px; }
.mbar span { font-size: 11px; color: var(--dim); }
.cron-url { display: block; margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: rgba(var(--fg), .05); font-size: 12.5px; word-break: break-all; }

/* v8: celular */
.phone-top .read-all { margin-left: auto; font-size: 13px; gap: 6px; padding: 0 12px; min-height: 34px; }
@media (max-width: 380px) { .phone-top .read-all { font-size: 12px; padding: 0 9px; } }

/* v8: partida trava a navegação */
body.match-on .bottomnav { display: none; }
body.match-on .sidenav a, body.match-on .topbar a, body.match-on .topbar [data-menu], body.match-on .topbar [data-energy] { pointer-events: none; opacity: .38; }
body.match-on .main { padding-bottom: 24px; }
.mi-resume { display: flex; gap: 8px; align-items: center; justify-content: center; font-size: 14px; color: rgba(255,255,255,.85); margin: 4px 0 12px; }
.mx > * { min-width: 0; }
.mx-ctrl { flex-wrap: nowrap; }
.mx-ctrl .btn { flex: 1 1 auto; min-width: 0; white-space: nowrap; justify-content: center; }
.mx-ctrl .btn[data-snd], .mx-ctrl .btn[data-speed] { flex: 0 0 auto; }
@media (max-width: 400px) { .mx-ctrl { gap: 6px; } .mx-ctrl .btn { padding: 0 9px; font-size: 13px; gap: 5px; } }

/* ---------- v8: início da carreira (onboarding) ---------- */
.ob { max-width: 980px; margin: 0 auto; padding: 14px 16px 130px; }
.ob-top { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.ob-top .brand-mark { width: 36px; height: 36px; flex: 0 0 auto; }
.ob-steps { flex: 1; display: flex; align-items: center; justify-content: center; gap: 4px; min-width: 0; }
.ob-step { display: grid; justify-items: center; gap: 4px; flex: 0 0 auto; }
.ob-step span { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: rgba(var(--fg), .06); border: 1px solid var(--line-2); color: var(--dim); font-size: 16px; transition: all .2s; }
.ob-step small { font-size: 11px; font-weight: 700; color: var(--dim); }
.ob-step.on span { background: var(--gold); color: var(--gold-ink); border-color: transparent; box-shadow: 0 0 0 4px rgba(var(--acc), .2); }
.ob-step.on small { color: var(--text); }
.ob-step.done span { background: rgba(52, 199, 123, .18); color: var(--grass); border-color: rgba(52, 199, 123, .4); }
.ob-line { flex: 1 1 18px; max-width: 46px; height: 2px; background: var(--line-2); margin-bottom: 18px; border-radius: 2px; }
@media (max-width: 560px) { .ob-step small { display: none; } .ob-line { margin-bottom: 0; } .ob-step span { width: 28px; height: 28px; font-size: 14px; } }
.ob-hint { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; color: var(--muted); margin: 4px 0 0; }
.ob-hint .ph { margin-top: 2px; color: var(--gold-text); }
.ob .create-foot .inner { gap: 10px; }
.ob .create-foot .btn[disabled] { opacity: .55; }

.ob-skills { display: grid; gap: 14px; max-width: 720px; margin: 0 auto; }
.ob-pool { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; position: sticky; top: 8px; z-index: 5; background: var(--glass2); backdrop-filter: blur(10px); }
.ob-pool-n { display: flex; align-items: baseline; gap: 8px; margin-right: auto; }
.ob-pool-n b { font-family: var(--display); font-weight: 900; font-size: 44px; line-height: 1; color: var(--gold-text); transition: color .2s; }
.ob-pool-n span { color: var(--muted); font-weight: 600; }
.ob-pool.zero .ob-pool-n b { color: var(--grass); }
.ob-st { grid-template-columns: minmax(0, 1fr) 90px auto; }
.ob-st-l { display: flex; gap: 10px; align-items: center; min-width: 0; }
.ob-st-l .ph { font-size: 22px; color: var(--gold-text); flex: 0 0 auto; }
.ob-st-bar { height: 8px; border-radius: 6px; background: rgba(var(--fg), .08); overflow: hidden; }
.ob-st-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--gold), var(--gold-2)); border-radius: 6px; transition: width .2s; }
@media (max-width: 520px) { .ob-st { grid-template-columns: minmax(0, 1fr) auto; } .ob-st-bar { grid-column: 1 / -1; order: 3; } .ob-st small { display: none; } }

.ob-hero { display: flex; gap: 18px; align-items: flex-start; padding: 22px; border-radius: 22px; margin-bottom: 18px; color: #fff;
  background: radial-gradient(120% 140% at 0% 0%, rgba(var(--acc), .28), transparent 55%), linear-gradient(135deg, #1B2D5E, #08122C); border: 1px solid rgba(255,255,255,.1); box-shadow: 0 16px 40px rgba(8,18,44,.25); }
.ob-hero p, .ob-hero .muted { color: rgba(255,255,255,.78); }
.ob-hero .ob-tag { color: #FFC845; }
.ob-hero .ob-report div { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.12); }
.ob-hero .ob-report small { color: rgba(255,255,255,.7); }
.ob-hero h1 { font-family: var(--display); font-weight: 900; font-size: clamp(30px, 6vw, 44px); line-height: 1; margin: 6px 0 8px; }
.ob-hero p { margin: 0 0 6px; }
.ob-scout { width: 64px; height: 64px; border-radius: 18px; flex: 0 0 auto; display: grid; place-items: center; background: var(--gold); color: var(--gold-ink); font-size: 34px; box-shadow: 0 10px 30px rgba(var(--acc), .35); }
.ob-tag { display: inline-flex; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--gold-text); }
@media (max-width: 520px) { .ob-hero { flex-direction: column; padding: 18px; } .ob-scout { width: 52px; height: 52px; font-size: 28px; } }
.ob-kicks { display: grid; gap: 10px; }
@media (min-width: 760px) { .ob-kicks { grid-template-columns: repeat(5, 1fr); } }
.ob-kick { display: flex; gap: 12px; align-items: center; padding: 14px; border-radius: 16px; background: var(--bg-2); border: 1px solid var(--line); transition: all .2s; }
@media (min-width: 760px) { .ob-kick { flex-direction: column; text-align: center; } }
.ob-kick b { display: block; font-size: 15px; }
.ob-kick small { color: var(--muted); font-size: 13px; line-height: 1.3; display: block; }
.ob-k-ic { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; flex: 0 0 auto; background: rgba(var(--fg), .06); font-size: 22px; color: var(--muted); }
.ob-kick.next { border-color: var(--gold-text); box-shadow: 0 0 0 3px rgba(var(--acc), .15); }
.ob-kick.next .ob-k-ic { color: var(--gold-text); }
.ob-kick.good .ob-k-ic { background: rgba(52, 199, 123, .18); color: var(--grass); }
.ob-kick.mid .ob-k-ic { background: rgba(90, 176, 255, .16); color: var(--sky); }
.ob-kick.bad .ob-k-ic { background: rgba(255, 93, 98, .14); color: var(--red); }
.ob-kick.good small { color: var(--ok-ink); font-weight: 700; } .ob-kick.bad small { color: var(--bad-ink); font-weight: 700; } .ob-kick.mid small { color: var(--sky-ink); font-weight: 700; }

.ob-vz .mx-board { background: linear-gradient(120deg, #6B4423, #2B1A0C 60%, #1A1208); }
.ob-vz .mx-comp .ph { color: #C99A62; }
.ob-vz-intro p { margin: 0 0 14px; color: var(--muted); }
.ob-vz-end { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; text-align: center; }
.ob-vz-end small { display: block; color: var(--muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.ob-vz-end b { font-family: var(--display); font-weight: 900; font-size: 32px; }

.ob-report { display: flex; gap: 10px; margin: 10px 0; flex-wrap: wrap; }
.ob-report div { background: rgba(var(--fg), .06); border: 1px solid var(--line); border-radius: 14px; padding: 8px 14px; min-width: 92px; }
.ob-report small { display: block; font-size: 11px; font-weight: 800; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; }
.ob-report b { font-family: var(--display); font-weight: 900; font-size: 30px; line-height: 1.1; }
.ob-h2 { font-size: 20px; margin: 4px 0 12px; }
.ob-offers { display: grid; gap: 14px; }
@media (min-width: 700px) { .ob-offers { grid-template-columns: repeat(2, 1fr); } }
.ob-offer { position: relative; overflow: hidden; border-radius: 20px; padding: 18px; background: var(--bg-2); border: 1px solid var(--line-2); display: grid; gap: 14px; animation: obIn .4s ease-out both; }
.ob-offer:nth-child(2) { animation-delay: .08s; } .ob-offer:nth-child(3) { animation-delay: .16s; } .ob-offer:nth-child(4) { animation-delay: .24s; }
.ob-offer::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 5px; background: var(--oc); }
@keyframes obIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.ob-o-top { display: flex; gap: 12px; align-items: center; }
.ob-o-top .crest { width: 52px; height: 60px; flex: 0 0 auto; }
.ob-o-top b { font-size: 19px; display: block; }
.ob-o-top small { color: var(--muted); }
.ob-o-kv { display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; margin: 0; font-size: 15px; }
.ob-o-kv dt { color: var(--muted); }
.ob-o-kv dd { margin: 0; font-weight: 800; text-align: right; }
.ob-o-kv dd small { font-weight: 600; color: var(--muted); }
.ob-o-kv .role.good { color: var(--ok-ink); } .ob-o-kv .role.bad { color: var(--bad-ink); }
@media (max-width: 560px) {
  .ob .create-foot .inner { flex-wrap: wrap; }
  .ob .create-foot .inner .btn { flex: 1 1 auto; padding: 0 14px; }
  .ob .create-foot .inner .btn-ghost { flex: 0 0 auto; }
}

/* ---------- v8: calendário ---------- */
.day-card { display: grid; gap: 14px; position: relative; overflow: hidden; }
.day-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: var(--grass); }
.day-card.match::before { background: var(--gold); }
.day-card.eve::before { background: var(--sky); }
.day-top { display: flex; gap: 14px; align-items: center; }
.day-date { width: 58px; height: 62px; border-radius: 14px; flex: 0 0 auto; display: grid; place-content: center; text-align: center; background: var(--deep); color: #fff; border: 1px solid var(--line-2); }
.day-date b { font-family: var(--display); font-weight: 900; font-size: 30px; line-height: 1; }
.day-date span { font-size: 11px; font-weight: 800; letter-spacing: .08em; color: #FFC845; }
.day-txt { flex: 1; min-width: 0; }
.day-txt small { color: var(--muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.day-txt h3 { margin: 2px 0 6px; font-size: 18px; }
.day-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: rgba(52, 199, 123, .14); color: var(--ok-ink); }
.day-chip.match { background: rgba(var(--acc), .18); color: var(--gold-text); }
.day-chip.eve { background: rgba(90, 176, 255, .16); color: var(--sky-ink); }
.day-strip { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.ds-day { display: grid; justify-items: center; gap: 2px; padding: 8px 0 6px; border-radius: 12px; background: rgba(var(--fg), .04); border: 1px solid transparent; }
.ds-day small { font-size: 11px; font-weight: 800; color: var(--dim); }
.ds-day b { font-size: 16px; }
.ds-day i { height: 16px; font-size: 14px; color: var(--gold-text); display: grid; place-items: center; font-style: normal; }
.ds-day.past { opacity: .45; }
.ds-day.today { border-color: var(--gold-text); background: rgba(var(--acc), .1); }
.ds-day.game.cup i { color: var(--sky); }
.day-acts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.day-act { display: grid; justify-items: center; gap: 4px; padding: 14px 6px; border-radius: 14px; border: 1px solid var(--line-2); background: rgba(var(--fg), .03); color: var(--text); text-decoration: none; cursor: pointer; font: inherit; text-align: center; transition: transform .12s, border-color .12s; }
.day-act:hover { border-color: var(--gold-text); text-decoration: none; transform: translateY(-1px); }
.day-act .ph { font-size: 26px; color: var(--gold-text); }
.day-act b { font-size: 15px; }
.day-act small { font-size: 12px; color: var(--muted); line-height: 1.2; }
.day-act[disabled] { opacity: .5; pointer-events: none; }
.day-next { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 14px; color: var(--muted); padding-top: 4px; border-top: 1px solid var(--line); }
.day-next .ph { color: var(--gold-text); font-size: 18px; }
.day-next span { flex: 1 1 200px; padding-top: 10px; }
.day-next b { color: var(--text); }
.day-next .btn { margin-top: 8px; }
.pm-head.nt { text-align: center; }
.nt-title { font-family: var(--display); font-weight: 900; font-size: 40px; margin: 8px 0 4px; }
.nt-next { display: grid; justify-items: center; gap: 6px; margin-top: 10px; }
.nt-next small { color: rgba(255,255,255,.7); font-weight: 700; }
.nt-vs { display: flex; align-items: center; gap: 14px; }
.nt-vs .crest { width: 52px; height: 60px; }
.nt-when { font-size: 14px; color: #FFC845; font-weight: 800; }
.prematch .day-card { margin-top: 14px; }
.cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.cal-head b { font-size: 17px; }
.cal-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.cal-dow { text-align: center; font-size: 11px; font-weight: 800; color: var(--dim); padding-bottom: 4px; }
.cal-cell { aspect-ratio: 1; border-radius: 10px; display: grid; place-items: center; align-content: center; gap: 1px; font-size: 14px; background: rgba(var(--fg), .03); position: relative; }
.cal-cell.empty { background: none; }
.cal-cell span { font-weight: 700; }
.cal-cell i { font-size: 13px; color: var(--gold-text); font-style: normal; display: grid; }
.cal-cell em { font-style: normal; font-size: 11px; font-weight: 800; }
.cal-cell.game { background: rgba(var(--acc), .12); }
.cal-cell.game.cup { background: rgba(90, 176, 255, .14); }
.cal-cell.game.cup i { color: var(--sky); }
.cal-cell.w { background: rgba(52, 199, 123, .18); } .cal-cell.w em { color: var(--ok-ink); }
.cal-cell.l { background: rgba(255, 93, 98, .14); } .cal-cell.l em { color: var(--bad-ink); }
.cal-cell.d em { color: var(--muted); }
.cal-cell.today { box-shadow: inset 0 0 0 2px var(--gold-text); }
.cal-legend { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12px; color: var(--muted); margin-top: 10px; }
.cal-legend .lg { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 4px; vertical-align: -1px; }
.lg.league { background: rgba(var(--acc), .6); } .lg.cup { background: rgba(90, 176, 255, .7); } .lg.w { background: rgba(52, 199, 123, .7); } .lg.l { background: rgba(255, 93, 98, .7); }
.cal-list { display: grid; gap: 8px; }
.cal-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; background: rgba(var(--fg), .03); border: 1px solid var(--line); }
.cal-row.cup { border-left: 3px solid var(--sky); } .cal-row.league { border-left: 3px solid var(--gold); }
.cal-row.past.w { border-left: 3px solid var(--grass); } .cal-row.past.l { border-left: 3px solid var(--red); } .cal-row.past.d { border-left: 3px solid var(--dim); }
.cal-when { width: 40px; text-align: center; flex: 0 0 auto; }
.cal-when b { display: block; font-family: var(--display); font-weight: 900; font-size: 24px; line-height: 1; }
.cal-when small { font-size: 10px; font-weight: 800; color: var(--muted); letter-spacing: .06em; }
.cal-what { flex: 1; min-width: 0; }
.cal-what small { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 12px; }
.cal-what b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cal-days { font-size: 12px; font-weight: 800; color: var(--gold-text); white-space: nowrap; }
.cal-score { font-family: var(--display); font-weight: 900; font-size: 22px; }

/* ---------- v8: competições ---------- */
.cup-h2 { display: flex; align-items: center; gap: 8px; font-size: 18px; margin: 18px 0 10px; }
.cup-groups { display: grid; gap: 12px; }
@media (min-width: 760px) { .cup-groups { grid-template-columns: repeat(2, 1fr); } }
.cup-group h3 { font-size: 15px; margin: 0 0 8px; }
.cup-group table { width: 100%; font-size: 13px; }
.cup-group td, .cup-group th { padding: 6px 4px; text-align: center; }
.cup-group td.tm { text-align: left; display: flex; align-items: center; gap: 6px; min-width: 0; }
.cup-group td.tm span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 120px; }
.cup-group tr.q td:first-child { color: var(--grass); font-weight: 800; }
.cup-group tr.me td { background: rgba(var(--acc), .1); font-weight: 700; }
.tie-row b.leg { width: 22px; text-align: center; color: var(--muted); font-weight: 700; }
.tie-row b.agg { width: 26px; text-align: center; }
.b-round h3 small { font-size: 11px; color: var(--muted); font-weight: 700; margin-left: 6px; }
.tie.final { border-color: var(--gold-text); box-shadow: 0 0 0 3px rgba(var(--acc), .14); }
.mi-final { display: inline-flex; align-items: center; gap: 8px; margin: 2px auto 6px; padding: 6px 14px; border-radius: 999px; background: linear-gradient(90deg, #FFC845, #FFE08A); color: #2B1F00; font-family: var(--display); font-weight: 900; font-size: 20px; letter-spacing: .04em; text-transform: uppercase; box-shadow: 0 8px 26px rgba(255,200,69,.4); }
.mi-agg { font-size: 13px; font-weight: 700; color: rgba(255,255,255,.75); margin-top: 4px; }
.tie-row.two { grid-template-columns: 24px minmax(0, 1fr) 22px 22px 26px; }
.tie-row.two span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- v8: seleção / Data Fifa ---------- */
.day-card.nat::before { background: linear-gradient(90deg, var(--gold), var(--sky)); }
.day-chip.nat { background: rgba(var(--acc), .16); color: var(--gold-text); }
.day-break { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--muted); padding: 10px 12px; border-radius: 12px; background: rgba(var(--acc), .08); }
.day-break .ph { color: var(--gold-text); font-size: 18px; margin-top: 1px; }
.ds-day.game.nat i { color: var(--sky); }
.callup { text-align: center; display: grid; gap: 10px; justify-items: center; position: relative; padding-top: 6px; }
.callup::before { content: ""; position: absolute; inset: -22px -22px auto -22px; height: 120px; background: linear-gradient(135deg, var(--n1), var(--n2)); opacity: .9; border-radius: 22px 22px 0 0; z-index: -1; -webkit-mask: linear-gradient(#000 40%, transparent); mask: linear-gradient(#000 40%, transparent); }
.cu-flag .crest { width: 84px; height: 98px; filter: drop-shadow(0 10px 20px rgba(0,0,0,.35)); animation: cuPop .6s cubic-bezier(.2,1.4,.3,1) both; }
@keyframes cuPop { from { transform: scale(.3) rotate(-14deg); opacity: 0; } to { transform: none; opacity: 1; } }
.cu-tag { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--gold-text); }
.cu-title { font-family: var(--display); font-weight: 900; font-size: clamp(34px, 9vw, 48px); line-height: .95; margin: 0; text-transform: uppercase; animation: cuPop .5s .15s both; }
.cu-sub { color: var(--muted); margin: 0; }
.cu-next { display: grid; gap: 6px; justify-items: center; padding: 12px 14px; border-radius: 14px; background: rgba(var(--fg), .05); border: 1px solid var(--line); width: 100%; }
.cu-next small { color: var(--muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.cu-vs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: center; }
.cu-vs span { color: var(--muted); }
.cu-note { display: flex; gap: 6px; align-items: center; font-size: 13px; color: var(--muted); margin: 0; }
.cu-confetti { position: fixed; inset: 0; pointer-events: none; z-index: 200; overflow: hidden; }
.cu-confetti i { position: absolute; top: -12px; width: 8px; height: 14px; border-radius: 2px; animation: cuFall linear forwards; }
@keyframes cuFall { to { transform: translateY(110vh) rotate(720deg); opacity: .8; } }
.nat-panel { border-top: 4px solid var(--n1); }
.nat-recent { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.nat-recent span { font-size: 13px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: rgba(var(--fg), .06); }
@media (prefers-reduced-motion: reduce) { .cu-confetti { display: none; } .cu-flag .crest, .cu-title { animation: none; } }

/* ---------- v8: imagem pública, redes e coletiva ---------- */
.img-top { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.img-score { width: 64px; height: 64px; border-radius: 18px; display: grid; place-content: center; text-align: center; background: rgba(var(--fg), .06); border: 1px solid var(--line-2); }
.img-score b { font-family: var(--display); font-weight: 900; font-size: 30px; line-height: 1; }
.img-score span { font-size: 11px; color: var(--muted); font-weight: 700; }
.img-score.good b { color: var(--grass); } .img-score.bad b { color: var(--red); }
.img-foll { display: flex; align-items: center; gap: 8px; } .img-foll .ph { font-size: 22px; color: var(--sky); } .img-foll b { display: block; font-size: 18px; } .img-foll span { color: var(--muted); font-size: 12px; }
.img-meters { display: grid; gap: 10px; }
.img-m-top { display: flex; align-items: center; gap: 8px; font-size: 14px; margin-bottom: 4px; }
.img-m-top .ph { color: var(--muted); } .img-m-top span { flex: 1; } .img-m-top b { font-size: 15px; }
.img-m-top em { font-style: normal; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; gap: 1px; }
.img-m-top em.up { color: var(--grass); } .img-m-top em.down { color: var(--red); }
.img-m .bar i { background: var(--sky); } .img-m.good .bar i { background: var(--grass); } .img-m.bad .bar i { background: var(--red); }
.img-hint { font-size: 13px; margin: 12px 0 0; }
.presser-card { display: flex; align-items: center; gap: 12px; border-color: var(--gold-text); background: linear-gradient(120deg, rgba(var(--acc), .14), transparent 70%); }
.presser-card > .ph { font-size: 30px; color: var(--gold-text); }
.presser-card div { flex: 1; } .presser-card b { display: block; } .presser-card span { font-size: 13px; color: var(--muted); }
.press { display: grid; gap: 14px; }
.press-top { display: flex; gap: 8px; align-items: center; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--gold-text); }
.press-q { display: flex; gap: 12px; align-items: flex-start; }
.press-av { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--deep); color: #fff; flex: 0 0 auto; font-size: 20px; }
.press-q p { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.35; background: rgba(var(--fg), .05); padding: 12px 14px; border-radius: 4px 16px 16px 16px; }
.press-a { display: grid; gap: 8px; }
.press-head { font-family: var(--display); font-weight: 900; font-size: 26px; line-height: 1.05; margin: 0; }
.press-fx { display: flex; flex-wrap: wrap; gap: 6px; }
.press-rep { display: flex; align-items: center; gap: 10px; }
.press-rep > div:nth-child(2) { flex: 1; min-width: 0; } .press-rep b { display: block; font-size: 15px; } .press-rep span { font-size: 12px; color: var(--muted); }
.press-rep .press-av { font-family: var(--display); font-weight: 900; font-size: 17px; letter-spacing: .02em; }
.press-heat { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 800; padding: 4px 9px; border-radius: 99px; background: rgba(255, 176, 32, .14); color: #E39B12; white-space: nowrap; }
.press-heat.hot { background: rgba(255, 77, 77, .14); color: #FF5A5A; }
.press-q p { width: 100%; }
.press-opt small { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.press-opt small em { font-style: normal; font-weight: 600; text-transform: none; letter-spacing: 0; margin-left: auto; opacity: .8; }
.press-opt span { font-weight: 600; line-height: 1.35; }
.press-opt.nice { border-color: rgba(23, 160, 92, .55); } .press-opt.nice small { color: var(--grass); }
.press-opt.mod { border-color: rgba(90, 176, 255, .5); } .press-opt.mod small { color: var(--sky); } .press-opt.mod:hover { background: rgba(90, 176, 255, .08); }
.press-opt.irony { border-color: rgba(255, 93, 162, .5); } .press-opt.irony small { color: #FF5DA2; } .press-opt.irony:hover { background: rgba(255, 93, 162, .08); }
.press-note { display: flex; align-items: center; gap: 6px; font-size: 13px; margin: 0; }
.press-wait { display: grid; justify-items: center; text-align: center; gap: 8px; padding: 22px 6px; }
.press-wait-ic { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; font-size: 32px; background: rgba(var(--acc), .16); color: var(--gold-text); animation: pressPulse 1.4s ease-in-out infinite; }
.press-wait b { font-size: 17px; } .press-wait span { font-size: 13px; color: var(--muted); max-width: 300px; }
.press-dots { display: flex; gap: 6px; margin-top: 4px; } .press-dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--gold-text); animation: pressDot 1s infinite ease-in-out; } .press-dots i:nth-child(2) { animation-delay: .15s; } .press-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes pressPulse { 50% { transform: scale(1.08); } }
@keyframes pressDot { 0%, 100% { opacity: .25; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-4px); } }
.phone-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); }
.phone-tabs a { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px; font-weight: 700; color: var(--muted); text-decoration: none; border-bottom: 2px solid transparent; }
.phone-tabs a.active { color: var(--text); border-bottom-color: var(--gold-text); }
.feed-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.feed-head b { display: block; } .feed-head span { font-size: 13px; color: var(--muted); }
.feed-img { display: flex; gap: 6px; } .feed-img span { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; font-weight: 800; padding: 3px 8px; border-radius: 999px; background: rgba(var(--fg), .06); }
.feed-img span.good { color: var(--ok-ink); } .feed-img span.bad { color: var(--bad-ink); }
.feed { display: grid; }
.post { display: flex; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.post-av { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; background: rgba(var(--fg), .08); font-size: 18px; color: var(--muted); }
.post.press .post-av { background: rgba(90, 176, 255, .16); color: var(--sky); } .post.gossip .post-av { background: rgba(255, 93, 162, .14); color: #FF5DA2; }
.post-body { flex: 1; min-width: 0; }
.post-top { display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; font-size: 14px; }
.post-top span { color: var(--muted); font-size: 13px; } .post-top em { margin-left: auto; font-style: normal; font-size: 11px; font-weight: 800; color: var(--dim); text-transform: uppercase; }
.post-body p { margin: 4px 0 6px; line-height: 1.4; }
.post-meta { font-size: 13px; color: var(--muted); display: flex; gap: 4px; align-items: center; }
.post.neg .post-meta .ph { color: var(--red); } .post.pos .post-meta .ph { color: #FF5DA2; }
.post-acts { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.post-reply { display: flex; gap: 6px; margin-top: 8px; font-size: 14px; color: var(--muted); padding: 8px 10px; border-radius: 10px; background: rgba(var(--fg), .04); }
.btn-danger-soft { background: rgba(255, 93, 98, .12); color: var(--bad-ink); border-color: rgba(255, 93, 98, .3); }

/* ---------- v8: navegação, transições, dicas, atalhos ---------- */
.page-in { animation: pgFade .22s ease-out both; }
.page-in.from-right { animation-name: pgRight; } .page-in.from-left { animation-name: pgLeft; }
@keyframes pgFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes pgRight { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: none; } }
@keyframes pgLeft { from { opacity: 0; transform: translateX(-28px); } to { opacity: 1; transform: none; } }
.page-skel { display: grid; gap: 14px; max-width: 760px; }
.pager { display: none; }
@media (max-width: 959px) {
  .pager { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; padding: 6px 14px 0; font-size: 12px; font-weight: 700; }
  .pager a { color: var(--dim); text-decoration: none; display: inline-flex; align-items: center; gap: 2px; }
  .pager a:last-child { justify-self: end; }
  .pager-dots { display: flex; gap: 5px; } .pager-dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(var(--fg), .18); transition: all .2s; }
  .pager-dots i.on { width: 18px; border-radius: 4px; background: var(--gold-text); }
}
.tip { display: flex; gap: 10px; align-items: flex-start; padding: 12px 12px 12px 14px; border-radius: 14px; margin-bottom: 14px; background: rgba(90, 176, 255, .12); border: 1px solid rgba(90, 176, 255, .3); font-size: 14px; animation: pgFade .3s ease-out; }
.tip > .ph { color: var(--sky); font-size: 20px; margin-top: 1px; } .tip span { flex: 1; } .tip .icon-btn { width: 30px; height: 30px; min-height: 30px; }
.shortcuts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.sc { position: relative; display: grid; justify-items: center; gap: 4px; padding: 12px 4px 10px; border-radius: 14px; background: var(--bg-2); border: 1px solid var(--line); color: var(--text); text-decoration: none; font-size: 12px; font-weight: 700; transition: transform .12s, border-color .12s; }
.sc:hover { text-decoration: none; border-color: var(--gold-text); transform: translateY(-1px); }
.sc .ph { font-size: 24px; color: var(--gold-text); }
.sc em { position: absolute; top: 6px; right: 8px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--red); color: #fff; font-style: normal; font-size: 11px; display: grid; place-items: center; }
.nav-play.pulse a { animation: ctxPulse 1.6s ease-in-out infinite; }
.nav-play.calm a { background: var(--surface-2); color: var(--gold-text); box-shadow: 0 6px 16px rgba(0,0,0,.18), 0 0 0 5px var(--bg); }
@keyframes ctxPulse { 0%, 100% { box-shadow: 0 8px 22px rgba(var(--acc), .35), 0 0 0 5px var(--bg); } 50% { box-shadow: 0 8px 30px rgba(var(--acc), .65), 0 0 0 5px var(--bg), 0 0 0 11px rgba(var(--acc), .18); } }
.side-play span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side-play.pulse { animation: ctxPulse 1.6s ease-in-out infinite; }
:root[data-reduce="1"] *, :root[data-reduce="1"] *::before, :root[data-reduce="1"] *::after { animation-duration: .001s !important; animation-iteration-count: 1 !important; transition-duration: .001s !important; }
@media (prefers-reduced-motion: reduce) { .page-in, .nav-play.pulse a, .side-play.pulse { animation: none; } }
.icon-btn { min-width: 40px; min-height: 40px; }
.switch-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); cursor: pointer; }
.switch-row span { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.switch-row input { width: 44px; height: 24px; appearance: none; -webkit-appearance: none; border-radius: 12px; background: rgba(var(--fg), .18); position: relative; cursor: pointer; transition: background .15s; flex: 0 0 auto; }
.switch-row input::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .15s; box-shadow: 0 1px 3px rgba(0,0,0,.3); }
.switch-row input:checked { background: var(--grass); } .switch-row input:checked::after { transform: translateX(20px); }
html.big-text { font-size: 112.5%; } html.big-text body { font-size: 17px; }
.tipbox { max-width: 1120px; margin: 0 auto; padding: 12px 16px 0; }
.tipbox .tip { margin-bottom: 0; }
@media (min-width: 960px) { .tipbox { padding: 18px 16px 0; } }

/* ---------- v8: loja ---------- */
.plans { display: grid; gap: 14px; }
@media (min-width: 700px) { .plans { grid-template-columns: 1fr 1fr; } }
.plan { border-radius: 20px; padding: 20px; background: var(--bg-2); border: 1px solid var(--line-2); display: grid; gap: 10px; align-content: start; }
.plan.hot { background: radial-gradient(120% 120% at 100% 0%, rgba(var(--acc), .2), transparent 60%), var(--bg-2); border-color: var(--gold-text); box-shadow: 0 10px 30px rgba(var(--acc), .15); }
.plan-top { display: flex; align-items: center; gap: 8px; font-size: 17px; } .plan-top .ph { color: var(--gold-text); font-size: 22px; }
.plan-tag { margin-left: auto; font-size: 11px; font-weight: 800; padding: 3px 9px; border-radius: 999px; background: var(--gold); color: var(--gold-ink); text-transform: uppercase; }
.plan-price { font-family: var(--display); font-weight: 900; font-size: 40px; line-height: 1; } .plan-price small { font-family: var(--body); font-size: 15px; color: var(--muted); font-weight: 600; margin-left: 4px; }
.plan p { margin: 0; color: var(--muted); font-size: 14px; } .plan-extra { display: flex; align-items: center; gap: 6px; color: var(--text) !important; font-weight: 700; }
.founder { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-top: 14px; padding: 18px 20px; border-radius: 20px; color: #fff; background: linear-gradient(120deg, #3A2A00, #8A6400 50%, #FFC845); border: 1px solid rgba(255,255,255,.2); }
.founder > .ph { font-size: 40px; color: #FFF3C4; } .founder div { flex: 1 1 220px; } .founder h2 { margin: 2px 0 4px; font-family: var(--display); font-weight: 900; font-size: 28px; } .founder p { margin: 0; color: rgba(255,255,255,.88); font-size: 14px; } .founder .ob-tag { color: #FFF3C4; }
.packs-v { display: grid; gap: 10px; }
@media (min-width: 560px) { .packs-v { grid-template-columns: repeat(3, 1fr); } }
.pack-v { padding: 14px; border-radius: 16px; border: 1px solid var(--line-2); display: grid; gap: 8px; align-content: start; }
.pack-v ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 13px; color: var(--muted); } .pack-v li { display: flex; gap: 6px; align-items: center; }
.pack-v.owned { opacity: .7; }
.pack { display: grid; justify-items: center; gap: 2px; padding: 14px 8px; border-radius: 14px; border: 1px dashed var(--line-2); background: none; color: var(--text); cursor: pointer; font: inherit; }
.pack.hot { border-style: solid; border-color: var(--gold-text); } .pack small { font-size: 11px; color: var(--grass); font-weight: 800; } .pack[disabled] { cursor: default; opacity: .7; }
.coupon { display: flex; gap: 8px; } .coupon .input { flex: 1; text-transform: uppercase; }
.orders { display: grid; gap: 6px; font-size: 14px; } .orders div { display: flex; gap: 10px; align-items: center; } .orders span { flex: 1; color: var(--muted); }
.orders em { font-style: normal; font-size: 12px; font-weight: 800; padding: 2px 8px; border-radius: 999px; background: rgba(var(--fg), .06); } .orders em.paid { color: var(--ok-ink); } .orders em.rejected, .orders em.cancelled { color: var(--bad-ink); }
.pay-wait, .pay-ok { text-align: center; display: grid; gap: 6px; justify-items: center; } .pay-wait .ph, .pay-ok .ph { font-size: 44px; color: var(--gold-text); } .pay-ok .ph { color: var(--grass); }
.callout.good { border-color: rgba(52,199,123,.4); background: rgba(52,199,123,.1); }
.mx-retry { justify-self: center; font-size: 13px; }

/* ---------- v8: master chuteiras ---------- */
.m-boots { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.m-boot { display: grid; gap: 4px; justify-items: start; padding: 14px; border-radius: 16px; border: 1px solid var(--line-2); background: var(--bg-2); color: var(--text); cursor: pointer; text-align: left; font: inherit; }
.m-boot:hover { border-color: var(--gold-text); } .m-boot.off { opacity: .5; }
.m-boot small { color: var(--grass); font-weight: 700; font-size: 12px; } .m-boot span { color: var(--muted); font-size: 13px; }
.m-boot.new { place-content: center; justify-items: center; border-style: dashed; min-height: 150px; } .m-boot.new .ph { font-size: 28px; color: var(--gold-text); }
.boot-svg { width: 100%; max-width: 160px; height: auto; }
.mbe-prev { display: grid; place-items: center; padding: 10px; border-radius: 14px; background: rgba(var(--fg), .05); margin: 8px 0 12px; } .mbe-prev .boot-svg { max-width: 220px; }
.mbe-stats { display: grid; gap: 8px; margin: 6px 0 12px; }
.mbe-sk { display: grid; grid-template-columns: 100px 1fr 34px; align-items: center; gap: 10px; font-size: 14px; } .mbe-sk b { color: var(--grass); text-align: right; }
.mbe-col { display: flex; align-items: center; gap: 8px; font-size: 14px; } .mbe-col input[type=color] { width: 40px; height: 32px; border: 0; background: none; padding: 0; }
.ev-banner { display: flex; align-items: center; gap: 10px; margin: 8px auto 0; width: min(1180px, calc(100% - 32px)); padding: 9px 14px; border-radius: 12px; font-size: 14px;
  background: linear-gradient(90deg, rgba(255, 200, 69, .22), rgba(255, 200, 69, .06)); border: 1px solid rgba(255, 200, 69, .45); color: var(--text); }
.ev-banner .ph { color: var(--gold-text); font-size: 18px; }

/* ---------- v8: amigos, duelos, convites ---------- */
.fr-tabs { margin-bottom: 16px; overflow-x: auto; scrollbar-width: none; }
.fr-tabs a { flex: 1; min-height: 38px; border-radius: 9px; color: var(--muted); font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; padding: 0 10px; text-decoration: none; }
.fr-tabs a.on { background: var(--gold); color: var(--gold-ink); }
.fr-tabs em { font-style: normal; font-size: 11px; background: var(--red, #DE3F46); color: #fff; border-radius: 99px; padding: 1px 6px; }
.fr-add { display: flex; align-items: center; gap: 8px; } .fr-add .input { flex: 1; min-width: 0; } .fr-at { font-weight: 800; color: var(--muted); font-size: 18px; }
.fr-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; background: rgba(var(--fg), .035); min-width: 0; }
.fr-main { flex: 1; min-width: 0; display: grid; } .fr-main b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fr-main small { color: var(--muted); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fr-av { width: 42px; height: 46px; flex: none; border-radius: 12px; background: rgba(var(--fg), .06); display: grid; place-items: end center; overflow: hidden; }
.fr-av.sm { width: 34px; height: 38px; } .fr-av.lg { width: 84px; height: 96px; margin: 0 auto 8px; border-radius: 20px; }
.fr-av.empty { place-items: center; color: var(--muted); }
.fr-svg { width: 130%; height: auto; margin-bottom: -38%; image-rendering: pixelated; }
.fr-av.lg .fr-svg { margin-bottom: -30%; }
.fr-ovr { font-family: var(--display, inherit); font-weight: 900; font-size: 20px; color: var(--gold-text); }
.fr-on { width: 9px; height: 9px; border-radius: 50%; background: var(--grass); box-shadow: 0 0 0 3px rgba(23, 160, 92, .2); }
.fr-acts { display: flex; gap: 6px; }
.fr-btn { all: unset; display: block; cursor: pointer; border-radius: 14px; } .fr-btn:hover .fr-row { background: rgba(var(--fg), .07); } .fr-btn:focus-visible { outline: 2px solid var(--gold); }
.founder-tag { color: var(--gold-text); font-size: 14px; }
.empty-mini { display: grid; justify-items: center; gap: 8px; text-align: center; padding: 18px 8px; color: var(--muted); font-size: 14px; } .empty-mini > .ph-duotone { font-size: 34px; color: var(--gold-text); }
.chips-row { display: flex; gap: 6px; flex-wrap: wrap; }
.chip-btn { border: 1px solid var(--line-2); background: transparent; color: var(--muted); border-radius: 99px; padding: 6px 12px; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.chip-btn.on { background: var(--gold); color: var(--gold-ink); border-color: transparent; }
.fr-league .rank-row { grid-template-columns: 30px 34px minmax(0, 1fr) auto; padding: 8px 12px; border-radius: 12px; border-top: 0; background: rgba(var(--fg), .03); }
.fr-league .pos { font-weight: 900; text-align: center; color: var(--muted); } .fr-league .pos.top1, .fr-league .pos.top2, .fr-league .pos.top3 { color: var(--gold-text); }
.fr-league .rank-row > div { min-width: 0; } .fr-league .rank-row small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.duel-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px 12px; align-items: center; padding: 12px 14px; border-radius: 14px; background: rgba(var(--fg), .035); border: 1px solid transparent; }
.duel-row.gold { border-color: rgba(255, 200, 69, .55); background: rgba(255, 200, 69, .08); }
.duel-vs { display: flex; gap: 6px; align-items: baseline; min-width: 0; flex-wrap: wrap; font-size: 14px; } .duel-vs span { color: var(--muted); font-size: 12px; }
.duel-sc { display: flex; gap: 6px; align-items: baseline; } .duel-sc b { font-family: var(--display, inherit); font-size: 22px; } .duel-sc small { color: var(--muted); font-size: 12px; }
.duel-acts { grid-column: 1 / -1; display: flex; gap: 8px; }
.invite-card .inv-top { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 14px; } .invite-card .inv-top > .ph-duotone { font-size: 40px; color: var(--gold-text); flex: none; }
.invite-card h2 { margin: 0 0 4px; } .invite-card p { margin: 0; color: var(--muted); font-size: 14px; }
.inv-link { display: flex; gap: 8px; } .inv-link .input { flex: 1; min-width: 0; font-size: 14px; }
.fr-modal { text-align: center; } .fr-modal h3 { margin: 4px 0 0; } .fr-modal .modal-actions { flex-wrap: wrap; justify-content: center; }

/* ---------- v8: retrospectiva (stories) e lesão ---------- */
.retro-card, .injury-card { display: flex; align-items: center; gap: 14px; }
.retro-card > div:nth-child(2), .injury-card > div { flex: 1; min-width: 0; display: grid; gap: 2px; } .retro-card span, .injury-card span { color: var(--muted); font-size: 14px; }
.retro-ic { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(135deg, #FFC845, #FF7A45); color: #1a1205; flex: none; } .retro-ic .ph-duotone { font-size: 26px; }
.injury-card { border-color: rgba(222, 63, 70, .45); background: linear-gradient(90deg, rgba(222, 63, 70, .10), transparent); } .injury-card > .ph-duotone { font-size: 32px; color: #DE3F46; flex: none; }
.inj-head { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px; } .inj-head > .ph-duotone { font-size: 34px; color: #DE3F46; } .inj-head h3 { margin: 0; }
.inj-opt { display: flex; gap: 12px; align-items: flex-start; text-align: left; } .inj-opt > .ph-duotone { font-size: 26px; color: var(--sky); flex: none; margin-top: 2px; } .inj-opt > span { display: grid; gap: 2px; } .inj-opt .muted { font-size: 14px; font-weight: 400; }
.choice-btn.risk .inj-opt > .ph-duotone { color: #DE3F46; }
.rs-open { width: 32px; height: 32px; }

.retro { position: fixed; inset: 0; z-index: 400; color: #fff; background: radial-gradient(120% 80% at 20% 0%, var(--t1) 0%, #0A1330 55%, #04070F 100%); display: grid; overflow: hidden; touch-action: manipulation; user-select: none; }
.retro::before { content: ''; position: absolute; inset: 0; opacity: .07; background: repeating-linear-gradient(115deg, #fff 0 34px, transparent 34px 90px); pointer-events: none; }
.rs-bars { position: absolute; top: max(12px, env(safe-area-inset-top)); left: 12px; right: 12px; display: flex; gap: 4px; z-index: 3; }
.rs-bars i { flex: 1; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, .28); overflow: hidden; } .rs-bars b { display: block; height: 100%; width: 0; background: #fff; }
.rs-x { position: absolute; top: calc(max(12px, env(safe-area-inset-top)) + 12px); right: 10px; z-index: 4; width: 42px; height: 42px; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .25); color: #fff; font-size: 20px; cursor: pointer; display: grid; place-items: center; }
.rs-stage { position: relative; display: grid; place-items: center; width: min(460px, 100%); margin: 0 auto; padding: 70px 26px 40px; }
.rs-nav { position: absolute; top: 60px; bottom: 120px; width: 34%; border: 0; background: transparent; cursor: pointer; z-index: 2; } .rs-nav.prev { left: 0; } .rs-nav.next { right: 0; width: 66%; }
.rs-slide { grid-area: 1 / 1; width: 100%; text-align: center; display: grid; justify-items: center; align-content: center; gap: 10px; opacity: 0; transform: translateY(18px) scale(.98); transition: opacity .45s, transform .45s; pointer-events: none; }
.rs-slide.on { opacity: 1; transform: none; pointer-events: auto; }
.rs-slide small { text-transform: uppercase; letter-spacing: .16em; font-size: 13px; font-weight: 800; color: #FFC845; }
.rs-slide h1 { font-family: var(--display, inherit); font-size: clamp(40px, 11vw, 72px); line-height: .95; margin: 0; text-transform: uppercase; }
.rs-slide h2 { font-family: var(--display, inherit); font-size: clamp(30px, 8vw, 44px); line-height: 1.05; margin: 0; text-transform: uppercase; display: grid; gap: 4px; }
.rs-slide h2 em { font-style: normal; color: #FFC845; font-size: 1.3em; }
.rs-slide p { margin: 0; color: rgba(255, 255, 255, .8); font-size: 17px; line-height: 1.45; } .rs-slide p b { color: #fff; font-size: 20px; }
.rs-av { width: 180px; height: 220px; display: grid; place-items: end center; overflow: hidden; } .rs-avatar { width: 230px; height: auto; image-rendering: pixelated; margin-bottom: -60px; }
.rs-big { display: grid; justify-items: center; } .rs-big b { font-family: var(--display, inherit); font-size: clamp(96px, 30vw, 150px); line-height: .9; color: #FFC845; } .rs-big span { font-size: 20px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.rs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; margin-top: 10px; } .rs-grid.three { grid-template-columns: repeat(3, 1fr); }
.rs-grid > div { padding: 14px 8px; border-radius: 16px; background: rgba(255, 255, 255, .08); display: grid; } .rs-grid b { font-family: var(--display, inherit); font-size: 34px; line-height: 1; } .rs-grid span { font-size: 13px; color: rgba(255, 255, 255, .7); }
.rs-note { display: inline-flex; gap: 6px; align-items: center; color: #FFC845 !important; font-weight: 700; }
.rs-trophy .ph-duotone { font-size: 120px; color: #FFC845; filter: drop-shadow(0 10px 30px rgba(255, 200, 69, .45)); } .rs-trophy.dim .ph-duotone { color: rgba(255, 255, 255, .55); filter: none; }
.rs-pos { font-family: var(--display, inherit); font-size: clamp(110px, 34vw, 170px); line-height: .9; color: #FFC845; }
.rs-wdl { display: flex; gap: 10px; margin-top: 8px; } .rs-wdl > div { min-width: 86px; padding: 10px; border-radius: 14px; background: rgba(255, 255, 255, .08); display: grid; } .rs-wdl b { font-size: 28px; font-family: var(--display, inherit); } .rs-wdl span { font-size: 12px; color: rgba(255, 255, 255, .7); }
.rs-wdl .w b { color: #34C77B; } .rs-wdl .l b { color: #FF7A7A; }
.rs-hon { list-style: none; padding: 0; margin: 6px 0 0; display: grid; gap: 10px; width: 100%; text-align: left; }
.rs-hon li { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, .08); } .rs-hon .ph-duotone { font-size: 30px; color: #FFC845; flex: none; }
.rs-hon span { display: grid; } .rs-hon em { font-style: normal; font-size: 13px; color: rgba(255, 255, 255, .7); }
.rs-actions { display: grid; gap: 10px; width: 100%; margin-top: 18px; position: relative; z-index: 3; } .rs-ghost { background: rgba(255, 255, 255, .12); color: #fff; border-color: transparent; }
.s-champ { --g: 1; }
[data-reduce="1"] .rs-slide { transition: none; }
@media (prefers-reduced-motion: reduce) { .rs-slide { transition: none; } }

/* ---------- v8: landing ---------- */
.landing { padding: 8px 16px 40px; max-width: 1160px; margin: 0 auto; }
.ld-sec { padding: 40px 0 8px; } .ld-kicker { text-transform: uppercase; letter-spacing: .14em; font-size: 12px; font-weight: 800; color: var(--gold-text); }
.ld-sec h2, .ld-cta h2 { font-family: var(--display); font-weight: 900; font-size: clamp(32px, 7vw, 52px); line-height: .98; margin: 6px 0 20px; text-transform: uppercase; }
.ld-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; }
.ld-step { position: relative; padding: 22px 20px; border-radius: var(--r-lg); background: var(--bg-2); border: 1px solid var(--line); overflow: hidden; }
.ld-step em { position: absolute; right: 14px; top: 4px; font-style: normal; font-family: var(--display); font-weight: 900; font-size: 72px; color: rgba(var(--fg), .06); }
.ld-step > .ph-duotone, .ld-feat > .ph-duotone { font-size: 34px; color: var(--gold-text); }
.ld-step h3, .ld-feat h3 { font-size: 18px; margin: 10px 0 4px; } .ld-step p, .ld-feat p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.5; }
.ld-feats { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
.ld-feat { display: flex; gap: 14px; align-items: flex-start; padding: 18px; border-radius: var(--r-lg); background: rgba(var(--fg), .03); border: 1px solid var(--line); } .ld-feat h3 { margin-top: 0; }
.ld-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; max-width: 760px; }
.ld-plan { padding: 22px; border-radius: var(--r-lg); background: var(--bg-2); border: 1px solid var(--line); } .ld-plan.hot { border-color: var(--gold-text); box-shadow: 0 0 0 1px var(--gold-text) inset; }
.ld-plan h3 { margin: 0; font-size: 18px; } .ld-plan > b { display: block; font-family: var(--display); font-size: 40px; margin: 6px 0 10px; } .ld-plan small { font-size: 16px; color: var(--muted); font-family: var(--body); }
.ld-plan ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; } .ld-plan li { display: flex; gap: 8px; font-size: 15px; } .ld-plan li .ph { color: var(--grass); margin-top: 3px; }
.ld-note { display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 14px; margin-top: 14px; } .ld-note .ph { color: var(--gold-text); }
.ld-cta { text-align: center; padding: 48px 20px; margin-top: 36px; border-radius: var(--r-lg); background: linear-gradient(135deg, rgba(255, 200, 69, .18), rgba(var(--fg), .03)); border: 1px solid var(--line); }
.ld-foot { text-align: center; color: var(--muted); font-size: 13px; padding: 28px 0 0; }
@media (max-width: 440px) { .fr-tabs a { padding: 0 6px; font-size: 13px; } .fr-tabs a > .ph { display: none; } }

/* ---------- v9: Redes (rede social única) ---------- */
.sn { display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1080px) { .sn { grid-template-columns: minmax(0, 1fr) 320px; align-items: start; } .sn-side { position: sticky; top: 90px; } }
.sn-main { min-width: 0; }
.sn-me { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 16px; margin-bottom: 14px; }
.sn-me-top { display: flex; align-items: center; gap: 12px; }
.sn-me-id { flex: 1; min-width: 0; display: grid; } .sn-me-id b { font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sn-me-id span { color: var(--muted); font-size: 13px; }
.sn-meters { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.sn-meters span { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; padding: 5px 10px; border-radius: 999px; background: rgba(var(--fg), .05); color: var(--muted); }
.sn-meters span b { color: var(--text); } .sn-meters span.good b { color: var(--ok-ink); } .sn-meters span.bad b { color: var(--bad-ink); }
.sn-tabs { margin-bottom: 12px; }
.sn-tabs a { flex: 1; min-height: 40px; border-radius: 9px; color: var(--muted); font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; text-decoration: none; white-space: nowrap; padding: 0 8px; }
.sn-tabs a.on { background: var(--gold); color: var(--gold-ink); }
.sn-tabs em { font-style: normal; font-size: 11px; background: #DE3F46; color: #fff; border-radius: 99px; padding: 1px 6px; }
@media (max-width: 440px) { .sn-tabs a { font-size: 13px; padding: 0 4px; } .sn-tabs a > .ph-fill { display: none; } }
.sn-filter { margin: -2px 0 12px; }
.sn-feed { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.sn-post { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 16px; border-top: 1px solid var(--line); animation: feedIn .25s ease-out; }
.sn-post:first-child { border-top: 0; }
.sn-post.neg { background: linear-gradient(90deg, rgba(222, 63, 70, .05), transparent 40%); }
.sn-post.me { background: linear-gradient(90deg, rgba(var(--acc), .07), transparent 50%); }
.sn-av { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 15px; color: #fff; background: hsl(var(--h, 210) 55% 46%); overflow: hidden; flex: none; }
.sn-av.out { border-radius: 12px; background: var(--c); letter-spacing: -.02em; }
.sn-av.meme { background: linear-gradient(135deg, #FFC845, #FF7A45); color: #2B1F00; font-size: 22px; }
.sn-av.club { background: linear-gradient(135deg, #1F3B8C, #0B1C47); font-size: 22px; }
.sn-av.pl { background: rgba(var(--fg), .07); } .sn-av.lg { width: 56px; height: 56px; }
.sn-head { width: 100%; height: 100%; image-rendering: pixelated; }
.sn-body { min-width: 0; }
.sn-top { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; font-size: 14.5px; line-height: 1.3; }
.sn-top > span { color: var(--muted); font-size: 13px; }
.sn-top em { margin-left: auto; font-style: normal; font-size: 11px; font-weight: 800; color: var(--dim); text-transform: uppercase; letter-spacing: .04em; display: inline-flex; gap: 4px; align-items: center; }
.sn-seal { color: #1D9BF0; display: inline-flex; font-size: 15px; }
.sn-title { font-size: 17px; line-height: 1.3; margin: 6px 0 2px; font-weight: 800; }
.sn-text { margin: 5px 0 0; line-height: 1.5; font-size: 15px; overflow-wrap: anywhere; }
.sn-post.meme .sn-text { font-weight: 600; }
.sn-read { margin-top: 8px; display: inline-flex; gap: 6px; align-items: center; border: 1px solid var(--line-2); background: rgba(var(--fg), .03); color: var(--text); border-radius: 10px; padding: 7px 12px; font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; }
.sn-read:hover { border-color: var(--gold-text); }
.sn-about { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding: 8px 10px; border-radius: 12px; background: rgba(var(--fg), .04); font-size: 13px; color: var(--muted); min-width: 0; }
.sn-about span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sn-about b { color: var(--text); }
.sn-mini { width: 26px; height: 26px; border-radius: 50%; background: rgba(var(--fg), .08); flex: none; image-rendering: pixelated; } .sn-mini.lg { width: 40px; height: 40px; }
.sn-follow { border: 1px solid var(--gold-text); color: var(--gold-text); background: transparent; border-radius: 999px; padding: 4px 12px; font: inherit; font-size: 12.5px; font-weight: 800; cursor: pointer; flex: none; }
.sn-follow.on { background: var(--gold); color: var(--gold-ink); border-color: transparent; }
.sn-myreply { display: flex; gap: 6px; margin-top: 8px; font-size: 14px; color: var(--muted); } .sn-myreply b { color: var(--text); }
.sn-replies { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 10px; } .sn-replies small { color: var(--muted); font-weight: 700; margin-right: 2px; }
.sn-acts { display: flex; gap: 18px; margin-top: 10px; }
.sn-act { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; color: var(--muted); font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; padding: 4px 0; }
.sn-act:hover { color: var(--text); } .sn-act.on { color: #F0466B; } .sn-act.static { cursor: default; }
.sn-act .ph, .sn-act .ph-fill { font-size: 18px; }
.sn-act.pop .ph-fill { animation: snPop .4s ease-out; }
@keyframes snPop { 0% { transform: scale(1); } 40% { transform: scale(1.45); } 100% { transform: scale(1); } }
.sn-more { text-align: center; padding: 12px; }
.sn-side { display: grid; gap: 16px; }
.sn-trend { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.sn-trend button { all: unset; display: grid; grid-template-columns: 22px 1fr; gap: 2px 8px; padding: 9px 6px; border-radius: 10px; cursor: pointer; width: 100%; box-sizing: border-box; }
.sn-trend button:hover { background: rgba(var(--fg), .04); }
.sn-trend em { grid-row: span 2; font-style: normal; font-weight: 900; color: var(--gold-text); font-family: var(--display); font-size: 20px; }
.sn-trend span { font-size: 14px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sn-trend span b { display: block; font-size: 12.5px; color: var(--muted); }
.sn-trend small { color: var(--dim); font-size: 12px; }
.sn-sug { display: grid; gap: 10px; } .sn-sug-row { display: flex; align-items: center; gap: 10px; } .sn-sug-row > div { flex: 1; min-width: 0; display: grid; } .sn-sug-row small { color: var(--muted); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sn-note { font-size: 13px; display: flex; gap: 6px; }
/* matéria aberta */
.sn-modal { max-height: min(78vh, 760px); overflow-y: auto; margin: -4px -4px 0; padding: 4px; }
.sn-mtop { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } .sn-mtop > div:not(.sn-av) { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; gap: 4px; align-items: center; } .sn-mtop span { color: var(--muted); font-size: 13px; width: 100%; }
.sn-mtitle { font-family: var(--display); font-size: 30px; line-height: 1.05; margin: 8px 0 6px; text-transform: none; }
.sn-mtext { font-size: 16px; line-height: 1.5; margin: 6px 0; }
.sn-article { border-left: 3px solid var(--gold); padding: 2px 0 2px 14px; margin: 12px 0; } .sn-article p { margin: 0 0 10px; line-height: 1.6; font-size: 15.5px; }
.sn-acts.big { padding: 8px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.sn-thread { display: grid; gap: 12px; margin: 14px 0; }
.sn-cm { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; } .sn-cm .sn-av { width: 34px; height: 34px; font-size: 12px; }
.sn-cm p { margin: 2px 0 0; font-size: 14.5px; line-height: 1.45; overflow-wrap: anywhere; }
.sn-cm.me > div { background: rgba(var(--acc), .08); border-radius: 12px; padding: 6px 10px; }
.sn-presets { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; position: sticky; bottom: -4px; background: var(--bg-2); padding: 10px 0 4px; border-top: 1px solid var(--line); }
.sn-presets small { color: var(--muted); font-weight: 700; width: 100%; }
.sn-compose h3 { display: flex; gap: 8px; align-items: center; margin: 0; } .sn-opts { display: grid; gap: 8px; margin-top: 12px; }
/* resumo no Início */
.sn-mini-list { display: grid; gap: 4px; }
.sn-mini-row { all: unset; box-sizing: border-box; width: 100%; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px; border-radius: 12px; cursor: pointer; }
.sn-mini-row:hover { background: rgba(var(--fg), .04); }
.sn-mini-row .sn-av { width: 36px; height: 36px; font-size: 12px; }
.sn-mini-row div { display: grid; min-width: 0; } .sn-mini-row b { font-size: 13px; display: flex; gap: 4px; align-items: center; } .sn-mini-row b .ph-fill { color: #1D9BF0; }
.sn-mini-row span { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sn-mini-row small { color: var(--dim); font-size: 12px; }

@media (max-width: 440px) { .sn-top em span { display: none; } .sn-post { padding: 14px 12px; gap: 10px; grid-template-columns: 40px minmax(0, 1fr); } .sn-av { width: 40px; height: 40px; } }

/* ---------- v9: chuteiras com o visual do modelo ---------- */
.gear-art.boots { width: 100%; display: grid; place-items: center; min-height: 54px; }
.gear-boot { width: 92px; height: auto; filter: drop-shadow(0 4px 6px rgba(0,0,0,.25)); }
.gear-brand { color: var(--muted); font-size: 12px; }
.si-ic.boots { width: 100%; display: grid; place-items: center; }
.si-boot { width: 96px; height: auto; filter: drop-shadow(0 4px 6px rgba(0,0,0,.25)); }
.si-stats { font-style: normal; color: var(--grass); font-size: 12px; font-weight: 700; }

/* ---------- v9: loja redesenhada ---------- */
.gem-ic { color: #38BDF8; display: inline-flex; filter: drop-shadow(0 1px 2px rgba(56, 189, 248, .45)); }
.gem-bal { display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 16px; background: var(--bg-2); border: 1px solid var(--line); box-shadow: 0 6px 20px rgba(14, 26, 58, .06); }
.gem-bal .gem-ic { font-size: 24px; } .gem-bal div { display: grid; line-height: 1.1; } .gem-bal b { font-family: var(--display); font-size: 24px; } .gem-bal span { font-size: 12px; color: var(--muted); }
.btn.soon { display: inline-flex; flex-direction: column; align-items: center; gap: 0; opacity: 1; background: rgba(var(--fg), .03); border: 1px dashed var(--line-2); color: var(--text); line-height: 1.15; }
.btn.soon em { font-style: normal; font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
.founder { position: relative; overflow: hidden; }
.founder .fd-ic { width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .25); flex: none; }
.founder .fd-ic .ph-duotone { font-size: 38px; color: #FFF3C4; }
.founder .fd-txt { flex: 1 1 240px; }
.founder .btn.soon { background: rgba(255, 255, 255, .16); border-color: rgba(255, 255, 255, .4); color: #fff; } .founder .btn.soon em { color: rgba(255, 255, 255, .8); }
.shop-sec { margin-top: 16px; }
.packs-v { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.pack-v { padding: 14px; border-radius: 18px; border: 1px solid var(--line-2); display: grid; gap: 10px; grid-template-rows: auto auto 1fr auto; min-width: 0; background: linear-gradient(180deg, rgba(var(--fg), .03), transparent 60%); }
.pk-art { display: flex; gap: 6px; align-items: center; justify-content: center; min-height: 64px; border-radius: 12px; background: radial-gradient(circle at 50% 30%, rgba(var(--acc), .18), transparent 70%), rgba(var(--fg), .04); padding: 8px; }
.pk-it { display: grid; place-items: center; } .pk-it .ph-duotone { font-size: 30px; color: var(--gold-text); } .pk-boot { width: 64px; height: auto; }
.pk-buy .btn { width: 100%; }
.shop-cols { display: grid; gap: 16px; margin-top: 16px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 980px) { .shop-cols { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; } }
.packs { grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important; gap: 10px; }
.pack { position: relative; opacity: 1 !important; padding: 18px 8px 12px; border-style: solid; background: linear-gradient(180deg, rgba(56, 189, 248, .08), transparent 70%); }
.pack.hot { background: linear-gradient(180deg, rgba(var(--acc), .16), transparent 70%); }
.pk-tag { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); font-style: normal; font-size: 10.5px; font-weight: 800; white-space: nowrap; padding: 2px 8px; border-radius: 99px; background: var(--gold); color: var(--gold-ink); text-transform: uppercase; }
.gem-stack { display: flex; justify-content: center; margin-bottom: 4px; } .gem-stack .gem-ic { font-size: 26px; } .gem-stack .gem-ic + .gem-ic { margin-left: -12px; }
.pack b { font-size: 24px !important; }
@media (min-width: 960px) { .sidenav { overflow-y: auto; scrollbar-width: thin; } }
.pack .gem-ic, .gem-bal .gem-ic, .gem-stack .gem-ic { color: #38BDF8 !important; }
.pack-v ul { align-content: start; }

.sn-writing { display: flex; align-items: center; gap: 4px; margin: 12px 0; color: var(--muted); font-size: 13.5px; font-weight: 600; }
.sn-writing i { width: 6px; height: 6px; border-radius: 50%; background: var(--gold-text); animation: snDot 1s infinite ease-in-out; }
.sn-writing i:nth-child(2) { animation-delay: .15s; } .sn-writing i:nth-child(3) { animation-delay: .3s; } .sn-writing span { margin-left: 6px; }
@keyframes snDot { 0%, 100% { opacity: .25; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }

/* caminho da carreira (Brasil grátis, mundo com Craque+) */
.career-path .cp-track { display: flex; align-items: center; gap: 0; margin: 6px 0 12px; }
.cp-step { display: grid; justify-items: center; gap: 6px; flex: 0 0 auto; min-width: 52px; text-align: center; }
.cp-step i { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-weight: 800; font-size: 14px; background: rgba(var(--fg), .07); color: var(--muted); border: 2px solid transparent; }
.cp-step span { font-size: 12px; font-weight: 700; color: var(--muted); white-space: nowrap; }
.cp-step.done i { background: var(--grass); color: #fff; }
.cp-step.now i { border-color: var(--gold-text); background: rgba(var(--acc), .18); color: var(--gold-text); box-shadow: 0 0 0 4px rgba(var(--acc), .12); }
.cp-step.now span { color: var(--text); }
.cp-step.world i { background: linear-gradient(135deg, #FFC845, #E39B12); color: #2B1F00; }
.cp-step.world.locked i { background: rgba(255, 200, 69, .16); color: #E39B12; border: 2px dashed rgba(227, 155, 18, .6); }
.cp-step.world span { color: #E39B12; }
.cp-line { flex: 1; height: 3px; min-width: 8px; background: rgba(var(--fg), .12); border-radius: 2px; margin-bottom: 20px; }
.cp-line.dash { background: repeating-linear-gradient(90deg, rgba(227, 155, 18, .6) 0 6px, transparent 6px 11px); }
.cp-legend { display: grid; gap: 6px; font-size: 13px; color: var(--muted); }
.cp-legend span { display: flex; gap: 6px; align-items: flex-start; } .cp-legend .ph-fill { margin-top: 2px; }
.cp-legend span:first-child .ph-fill { color: var(--grass); } .cp-legend span:last-child .ph-fill { color: #E39B12; }
.cp-cta { margin-top: 12px; white-space: normal; height: auto; min-height: 44px; line-height: 1.25; text-align: center; padding-top: 10px; padding-bottom: 10px; }
@media (max-width: 420px) { .cp-step { min-width: 44px; } .cp-step span { font-size: 11px; } .cp-step i { width: 30px; height: 30px; } }
.rx-moves { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 10px; }
.drib-train { border-color: rgba(59, 224, 127, .45); background: linear-gradient(135deg, rgba(59, 224, 127, .10), transparent 70%); }
.drib-train .panel-head .ph-duotone { color: var(--grass); }

/* respostas do jogador a posts críticos */
.sn-replies { flex-direction: column; align-items: stretch; }
.sn-replies small { margin-bottom: 2px; }
.rp-opt { display: flex; flex-direction: column; gap: 4px; text-align: left; width: 100%; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line-2); background: var(--surface-2); color: inherit; font: inherit; cursor: pointer; transition: border-color .15s, background .15s; }
.rp-opt:hover:not(:disabled) { border-color: var(--acc); }
.rp-opt:disabled { opacity: .55; cursor: default; }
.rp-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.rp-tag i { font-size: 15px; }
.rp-text { font-size: 14px; line-height: 1.4; }
.rp-humble .rp-tag { color: var(--acc); }
.rp-joke .rp-tag { color: var(--gold); }
.rp-provoke .rp-tag { color: var(--red); }
.rp-provoke { border-color: rgba(255, 107, 107, .3); }
.rp-ign { align-self: flex-start; }

/* aviso de cookies (marketing) */
.cookie-bar { position: fixed; left: 12px; right: 12px; bottom: calc(var(--nav-h, 64px) + var(--safe-b, 0px) + 12px); z-index: 90; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; max-width: 560px; margin: 0 auto; padding: 12px 14px; border-radius: var(--r-md, 14px); background: var(--surface-2); border: 1px solid var(--line-2); box-shadow: 0 12px 32px rgba(0,0,0,.35); }
.cookie-bar > i { font-size: 26px; color: var(--gold); }
.cookie-bar p { flex: 1 1 200px; margin: 0; font-size: 14px; line-height: 1.4; }
.cookie-bar.no-nav { bottom: calc(var(--safe-b, 0px) + 10px); }
.cookie-acts { display: flex; gap: 8px; margin-left: auto; }
/* Master > Marketing */
.mk-status { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.mk-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; font-size: 13px; font-weight: 700; background: var(--surface-2); color: var(--muted); border: 1px solid var(--line); }
.mk-chip.on { color: var(--grass, #2ecc71); border-color: currentColor; }
[data-mk] .panel { margin-bottom: 14px; }

/* Master > Marketing > Tráfego */
.mk-tabs { margin: 0 0 16px; max-width: 360px; }
.tr-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.tr-live { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--muted); }
.tr-live i { color: var(--grass, #2ecc71); font-size: 10px; }
.tr-bars .mbar { position: relative; }
.tr-bars .mbar em { position: absolute; left: 50%; transform: translateX(-50%); top: -2px; font-style: normal; font-size: 11px; font-weight: 800; color: var(--gold); }
.tr-src { display: inline-flex; align-items: center; gap: 6px; } .tr-src small { color: var(--muted); }
.tr-table td, .tr-table th { white-space: nowrap; }
.utm-out { display: flex; gap: 8px; margin-top: 4px; } .utm-out .input { flex: 1; font-size: 13px; }

/* entrada sem cadastro, Google e salvar conta */
.ld-go { margin-top: 6px; font-size: 18px; min-height: 56px; }
.auth-google { display: flex; justify-content: center; margin: 12px 0 4px; min-height: 44px; }
.auth-google:empty { display: none; }
.ld-mini { list-style: none; padding: 0; margin: 16px 0 8px; display: grid; gap: 8px; font-size: 14.5px; color: var(--muted); }
.ld-mini li { display: flex; align-items: center; gap: 8px; } .ld-mini i { color: var(--grass, #2ecc71); }
.ld-proof { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 14px; color: var(--muted); margin: 10px 0 0; }
.or { display: flex; align-items: center; gap: 10px; margin: 14px 0 4px; color: var(--muted); font-size: 13px; }
.or::before, .or::after { content: ''; flex: 1; height: 1px; background: var(--line-2); }
.guest-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 10px 16px 0; padding: 10px 12px; border-radius: var(--r-md, 14px); background: rgba(255, 200, 69, .1); border: 1px solid rgba(255, 200, 69, .35); font-size: 14px; }
.guest-bar > i { font-size: 22px; color: var(--gold); } .guest-bar span { flex: 1 1 220px; line-height: 1.4; }
.claim-head { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 8px; } .claim-head > i { font-size: 30px; color: var(--gold); }
.claim-head h3 { margin: 0 0 2px; } .claim-head p { margin: 0; font-size: 14px; }
.claim-google { display: flex; justify-content: center; min-height: 44px; margin: 10px 0 0; } .claim-google:empty { display: none; }
@media (min-width: 900px) { .guest-bar { margin: 12px 0 0; } }
.hero-cta, .hero-cta-note { display: none; }
@media (max-width: 899px) { .hero-cta { display: inline-flex; margin: 14px 0 4px; width: 100%; justify-content: center; font-size: 18px; min-height: 56px; } .hero-cta-note { display: block; text-align: center; color: var(--muted); font-size: 13px; } }

/* funil do Master */
.panel-head .fn-src { width: auto; max-width: 220px; min-width: 170px; padding: 6px 10px; min-height: 36px; font-size: 14px; }
.funnel { display: grid; gap: 8px; }
.fn-row { display: grid; grid-template-columns: 170px 1fr 170px; align-items: center; gap: 12px; font-size: 14px; }
.fn-bar { position: relative; height: 30px; border-radius: 8px; background: rgba(var(--fg), .05); overflow: hidden; }
.fn-bar i { position: absolute; inset: 0 auto 0 0; background: var(--gold); opacity: .85; border-radius: 8px; }
.fn-bar b { position: relative; z-index: 1; display: flex; align-items: center; height: 100%; padding-left: 10px; font-weight: 800; color: var(--text); }
.fn-p { font-size: 12.5px; color: var(--muted); } .fn-p.low { color: var(--red); font-weight: 700; }
@media (max-width: 700px) { .fn-row { grid-template-columns: 1fr; gap: 4px; } }
/* botão do Google: sem a caixa branca em volta no tema escuro */
.auth-google, .claim-google { color-scheme: light; }
.auth-google iframe, .claim-google iframe { color-scheme: light; }

/* página de entrada (landing) */
.auth.is-landing { min-height: auto; }
.is-landing .ld-stage { position: relative; display: flex; justify-content: center; max-width: 440px; margin: 0 auto -26px; z-index: 2; pointer-events: none; }
.is-landing .ld-stage .hero-squad { position: static; margin: 0; display: flex; align-items: flex-end; justify-content: center; }
.is-landing .ld-grass { position: absolute; left: 8%; right: 8%; bottom: 18px; height: 22px; border-radius: 50%; background: radial-gradient(ellipse at center, rgba(46, 204, 113, .35), transparent 70%); z-index: -1; }
.is-landing .auth-card { position: relative; padding-top: 40px; box-shadow: 0 24px 60px rgba(0, 0, 0, .25); }
.is-landing .auth-card::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 6px; border-radius: var(--r-lg) var(--r-lg) 0 0; background: linear-gradient(90deg, var(--gold), #2ecc71); }
@media (min-width: 900px) {
  .auth.is-landing { max-width: 1180px; margin: 0 auto; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items: center; padding: 40px 40px 24px; min-height: 92vh; }
  .is-landing .auth-hero { padding: 24px 0; justify-content: center; }
  .is-landing .auth-hero h1 { font-size: clamp(60px, 6vw, 96px); max-width: 10ch; }
  .is-landing .auth-hero .lede { font-size: 19px; max-width: 34ch; }
  .is-landing .auth-points { margin-top: 30px; }
  .is-landing .auth-panel { padding: 0; display: block; }
  .is-landing .auth-card { max-width: 440px; }
  .is-landing .ld-stage .sq { width: 104px; } .is-landing .ld-stage .sq2 { width: 128px; }
}
@media (max-width: 899px) {
  .is-landing .auth-points { display: none; }
  .is-landing .auth-panel { padding-top: 26px; }
}
/* textos novos da landing */
.auth-hero .ld-h1 { max-width: none; }
.ld-stadium { display: block; color: var(--gold-text, var(--gold)); font-size: .78em; line-height: 1; margin-top: 4px; }
.ld-tag { font-family: var(--display); font-weight: 800; font-size: clamp(22px, 5vw, 30px); text-transform: uppercase; letter-spacing: .02em; margin: 12px 0 0; }
.is-landing .auth-points div { align-items: flex-start; line-height: 1.45; }
.is-landing .auth-points b { color: var(--text); font-weight: 700; }
.ld-lead { margin: -12px 0 20px; color: var(--muted); font-size: 16px; }
.pl-table { max-width: 820px; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; background: var(--bg-2); }
.pl-row { display: grid; grid-template-columns: 1fr 120px 140px; align-items: center; border-top: 1px solid var(--line); }
.pl-row:first-child { border-top: 0; }
.pl-row > span { padding: 13px 16px; font-size: 15px; }
.pl-row > span:nth-child(n+2) { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.pl-head > span { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); font-weight: 800; }
.pl-head b { font-family: var(--display); font-size: 20px; color: var(--text); letter-spacing: .02em; } .pl-head small { font-size: 13px; text-transform: none; letter-spacing: 0; }
.pl-hot { background: rgba(255, 200, 69, .08); align-self: stretch; }
.pl-head .pl-hot b { color: var(--gold-text, var(--gold)); }
.pl-y { color: var(--grass, #2ecc71); font-size: 22px; } .pl-n { color: rgba(var(--fg), .25); font-size: 22px; }
.ld-note { align-items: flex-start; line-height: 1.5; } .ld-note b { color: var(--text); }
.ld-cta p { color: var(--muted); max-width: 46ch; margin: -8px auto 20px; font-size: 16px; }
.ld-cta-note { display: block; color: var(--muted); font-size: 13px; margin-top: 12px; }
@media (max-width: 560px) { .pl-row { grid-template-columns: 1fr 64px 76px; } .pl-row > span { padding: 11px 10px; font-size: 14px; } .pl-head b { font-size: 16px; } .pl-head small { font-size: 11px; } }
.ld-nw { white-space: nowrap; }
@media (min-width: 900px) { .is-landing .auth-hero .ld-h1 { font-size: clamp(54px, 5.2vw, 84px); } .ld-stadium { font-size: .74em; } }
@media (max-width: 560px) { .pl-row { grid-template-columns: 1fr 70px 84px; } .pl-head b { font-size: 13px; } .pl-head > span:first-child { font-size: 11px; } }
.pl-head small { white-space: nowrap; }

/* ================= Página de entrada: noite de jogo ================= */
/* ---------- página de entrada clara: dia de jogo ---------- */
.lp {
  --lp-paper: #F4F7F2; --lp-white: #FFFFFF; --lp-ink: #0C1D2E; --lp-mute: #556677; --lp-line: #DDE5DE;
  --lp-grass: #16A05A; --lp-grass-d: #0E7A43; --lp-gold: #FFC845; --lp-gold-d: #E0A400; --lp-gold-ink: #241A00;
  --lp-r: 22px; --lp-shadow: 0 1px 2px rgba(12, 29, 46, .06), 0 12px 32px -12px rgba(12, 29, 46, .18);
  color-scheme: light; position: relative; min-height: 100vh; color: var(--lp-ink); font-family: var(--body); overflow-x: hidden;
  background:
    radial-gradient(900px 420px at 85% -80px, rgba(255, 200, 69, .28), transparent 70%),
    radial-gradient(700px 380px at -10% 10%, rgba(22, 160, 90, .12), transparent 70%),
    var(--lp-paper);
}
.lp a { color: inherit; }
.lp :focus-visible { outline: 3px solid var(--lp-grass); outline-offset: 3px; border-radius: 10px; }
.lp-wrap { max-width: 1200px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }

/* topo */
.lp-nav { position: sticky; top: 0; z-index: 40; background: rgba(244, 247, 242, .82); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid rgba(12, 29, 46, .06); }
.lp-nav-in { display: flex; align-items: center; gap: 18px; height: 64px; }
.lp-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-family: var(--display); font-weight: 900; font-size: 24px; }
.lp-brand .brand-mark, .lp-foot .brand-mark { width: 34px; height: 34px; }
.lp-links { display: none; gap: 26px; margin-left: 28px; font-weight: 600; font-size: 15px; }
.lp-links a { text-decoration: none; color: var(--lp-mute); } .lp-links a:hover { color: var(--lp-ink); }
.lp-nav-act { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.lp-login { font-weight: 700; font-size: 15px; text-decoration: none; padding: 8px 12px; border-radius: 10px; } .lp-login:hover { background: rgba(12, 29, 46, .06); }

/* botão principal */
.lp-cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 58px; padding: 0 28px; border: 0; border-radius: 16px; cursor: pointer;
  font-family: var(--body); font-weight: 800; font-size: 18px; color: var(--lp-gold-ink); background: var(--lp-gold);
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .12), 0 10px 24px -8px rgba(224, 164, 0, .7); transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.lp-cta:hover { background: #FFD25C; transform: translateY(-1px); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .12), 0 16px 30px -10px rgba(224, 164, 0, .8); }
.lp-cta:active { transform: translateY(1px); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12), 0 4px 10px -4px rgba(224, 164, 0, .7); }
.lp-cta:disabled { opacity: .7; cursor: progress; }
.lp-cta .ph-fill { font-size: 22px; }
.lp-cta.sm { min-height: 40px; padding: 0 16px; font-size: 15px; border-radius: 12px; }
.lp-cta.ghost { background: var(--lp-white); color: var(--lp-ink); box-shadow: inset 0 0 0 1.5px var(--lp-line); }
.lp-cta.ghost:hover { box-shadow: inset 0 0 0 1.5px var(--lp-ink); }

/* hero */
.lp-hero { display: grid; gap: 36px; padding-top: 28px; padding-bottom: 56px; align-items: center; }
.lp-invite { display: inline-flex; gap: 8px; align-items: center; padding: 8px 12px; border-radius: 12px; background: #E3F5EA; color: var(--lp-grass-d); font-size: 14px; margin: 0 0 16px; }
.lp-h1 { margin: 0; font-family: var(--display); font-weight: 900; line-height: .86; letter-spacing: -.01em; }
.lp-h1a { display: block; white-space: nowrap; font-size: clamp(52px, 14vw, 104px); }
.lp-h1b { display: block; width: fit-content; max-width: 100%; margin-top: 10px; padding: 4px 16px 6px; border-radius: 14px; font-size: clamp(36px, 9.5vw, 72px); color: #fff;
  background: linear-gradient(100deg, var(--lp-grass-d), var(--lp-grass)); box-shadow: 0 12px 24px -12px rgba(14, 122, 67, .7); transform: rotate(-1.2deg); }
.lp-tag { font-family: var(--display); font-weight: 800; font-size: clamp(24px, 6vw, 32px); margin: 20px 0 0; }
.lp-lede { color: var(--lp-mute); font-size: 18px; line-height: 1.55; max-width: 42ch; margin: 8px 0 0; }
.lp-actions { margin-top: 26px; max-width: 420px; }
.lp-actions .lp-cta { width: 100%; }
.lp-gwrap .or { color: var(--lp-mute); } .lp-gwrap .or::before, .lp-gwrap .or::after { background: var(--lp-line); }
.lp-google { justify-content: center; margin-top: 10px; }
.lp-trust { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 0; margin: 20px 0 0; font-size: 14px; font-weight: 600; color: var(--lp-mute); }
.lp-trust li { display: inline-flex; align-items: center; gap: 6px; } .lp-trust .ph-fill { color: var(--lp-grass); font-size: 17px; }
.lp-proof { display: flex; align-items: center; gap: 8px; margin: 16px 0 0; font-size: 14px; color: var(--lp-mute); } .lp-proof .ph-fill { color: var(--lp-gold-d); font-size: 18px; } .lp-proof b { color: var(--lp-ink); }

/* transmissão (o lance) */
.lp-bc { position: relative; margin: 0; }
.lp-bc-screen { position: relative; aspect-ratio: 600 / 440; border-radius: 26px; overflow: hidden; background: #DCEBFF;
  box-shadow: 0 0 0 8px var(--lp-white), 0 0 0 9px var(--lp-line), 0 40px 70px -30px rgba(12, 29, 46, .45); }
.lp-bc-svg { display: block; width: 100%; height: 100%; }
.lp-shooter { position: absolute; left: 33%; bottom: -4%; width: 17%; pointer-events: none; }
.lp-shooter .lp-pl { width: 100%; height: auto; filter: drop-shadow(0 10px 8px rgba(0, 0, 0, .28)); }
.lp-bc-cap { display: flex; gap: 10px; align-items: center; margin: 22px 4px 0; font-size: 14.5px; color: var(--lp-mute); }
.lp-bc-cap .ph-fill { font-size: 22px; color: var(--lp-grass); flex: 0 0 auto; }
.lp-float { position: absolute; display: none; gap: 10px; align-items: center; padding: 10px 14px 10px 10px; border-radius: 16px; background: var(--lp-white); box-shadow: var(--lp-shadow); border: 1px solid var(--lp-line); }
.lp-float > span { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; font-size: 20px; background: #FFF4D1; color: var(--lp-gold-d); }
.lp-float.f2 > span { background: #E3F5EA; color: var(--lp-grass-d); }
.lp-float b { display: block; font-size: 14px; } .lp-float small { display: block; font-size: 12.5px; color: var(--lp-mute); }

/* seções */
.lp-sec { padding-top: 72px; padding-bottom: 8px; }
.lp-head { max-width: 640px; margin-bottom: 30px; }
.lp-head h2, .lp-final h2 { margin: 0; font-family: var(--display); font-weight: 900; font-size: clamp(40px, 9vw, 64px); line-height: .92; letter-spacing: -.005em; }
.lp-head p { margin: 12px 0 0; font-size: 18px; color: var(--lp-mute); }

/* jornada: é uma sequência de verdade, então leva número */
.lp-steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; counter-reset: s; }
.lp-steps li { position: relative; padding: 22px; border-radius: var(--lp-r); background: var(--lp-white); border: 1px solid var(--lp-line); }
.lp-step-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.lp-num { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-family: var(--display); font-weight: 900; font-size: 22px; background: var(--lp-ink); color: #fff; }
.lp-steps li:last-child .lp-num { background: var(--lp-gold); color: var(--lp-gold-ink); }
.lp-step-top .ph-duotone { font-size: 30px; color: var(--lp-grass); }
.lp-steps h3 { margin: 0 0 6px; font-size: 19px; } .lp-steps p { margin: 0; color: var(--lp-mute); font-size: 15.5px; line-height: 1.55; }

/* o mundo do jogo */
.lp-bento { display: grid; gap: 14px; }
.lp-tile { display: flex; flex-direction: column; gap: 16px; padding: 22px; border-radius: var(--lp-r); background: var(--lp-white); border: 1px solid var(--lp-line); overflow: hidden; }
.lp-tile h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; font-size: 19px; }
.lp-tile h3 .ph-duotone { font-size: 26px; color: var(--lp-grass); }
.lp-tile p { margin: 0; color: var(--lp-mute); font-size: 15.5px; line-height: 1.55; }
.lp-tile.big { background: linear-gradient(160deg, #EAF7EF, var(--lp-white) 60%); }
.lp-mock { margin-top: auto; border-radius: 16px; background: var(--lp-paper); border: 1px solid var(--lp-line); padding: 12px; }
.lp-feed { display: grid; gap: 10px; background: transparent; border: 0; padding: 0; }
.lp-post { display: flex; gap: 10px; padding: 12px; border-radius: 14px; background: var(--lp-white); border: 1px solid var(--lp-line); box-shadow: 0 6px 16px -10px rgba(12, 29, 46, .25); }
.lp-post b { font-size: 14px; display: inline-flex; align-items: center; gap: 4px; } .lp-post b .ph-fill { color: #1D9BF0; }
.lp-post p { color: var(--lp-ink); font-size: 14.5px; margin: 2px 0 6px; } .lp-post small { color: var(--lp-mute); font-size: 12.5px; display: inline-flex; gap: 4px; align-items: center; } .lp-post small .ph-fill { color: #E5484D; }
.lp-av { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-weight: 800; font-size: 13px; color: #fff; }
.lp-av.a1 { background: #7C3AED; } .lp-av.a2 { background: #E5484D; } .lp-av.a3 { background: #0C1D2E; }
.lp-post:nth-child(2) { margin-left: 18px; } .lp-post:nth-child(3) { margin-left: 36px; }
.lp-press p { font-weight: 700; font-size: 15px; margin: 0 0 10px; color: var(--lp-ink); }
.lp-press div { display: flex; flex-wrap: wrap; gap: 6px; }
.lp-press span { padding: 6px 10px; border-radius: 999px; font-size: 13px; font-weight: 700; background: var(--lp-white); border: 1px solid var(--lp-line); }
.lp-press span.hot { background: var(--lp-ink); color: #fff; border-color: var(--lp-ink); }
.lp-duel { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-weight: 700; font-size: 14px; color: var(--lp-mute); }
.lp-duel b { font-family: var(--display); font-weight: 900; font-size: 36px; color: var(--lp-ink); line-height: 1; } .lp-duel b small { font-size: 20px; color: var(--lp-mute); }

/* planos */
.lp-plans { display: grid; gap: 16px; max-width: 920px; }
.lp-plan { position: relative; display: flex; flex-direction: column; padding: 28px 24px 24px; border-radius: 26px; background: var(--lp-white); border: 1px solid var(--lp-line); }
.lp-plan.hot { border: 2px solid var(--lp-gold); box-shadow: 0 30px 60px -30px rgba(224, 164, 0, .55); }
.lp-ribbon { position: absolute; top: -14px; left: 24px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; background: var(--lp-gold); color: var(--lp-gold-ink); font-weight: 800; font-size: 13px; }
.lp-plan h3 { margin: 0; font-size: 20px; }
.lp-price { margin: 6px 0 0; font-family: var(--display); font-weight: 900; font-size: 52px; line-height: 1; } .lp-price small { font-family: var(--body); font-size: 16px; font-weight: 600; color: var(--lp-mute); }
.lp-plan-d { margin: 8px 0 18px; color: var(--lp-mute); font-size: 15px; }
.lp-plan ul { list-style: none; padding: 0; margin: 0 0 22px; display: grid; gap: 11px; }
.lp-plan li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.4; }
.lp-plan li .ph { flex: 0 0 auto; font-size: 20px; } .lp-plan li .ph-fill { color: var(--lp-grass); } .lp-plan li.off { color: #98A6B3; } .lp-plan li.off .ph { color: #C3CDD6; }
.lp-plan .lp-cta { margin-top: auto; width: 100%; min-height: 52px; font-size: 16px; }
.lp-promise { display: flex; gap: 12px; align-items: flex-start; max-width: 920px; margin: 20px 0 0; padding: 16px 18px; border-radius: 16px; background: #E3F5EA; color: #285B3F; font-size: 15px; line-height: 1.5; }
.lp-promise .ph-duotone { font-size: 26px; color: var(--lp-grass-d); flex: 0 0 auto; } .lp-promise b { color: var(--lp-grass-d); }

/* fechamento: gramado cortado */
.lp-final { margin-top: 88px; color: #fff; overflow: hidden;
  background: repeating-linear-gradient(90deg, #179E58 0 90px, #1AAA5F 90px 180px); position: relative; }
.lp-final::before { content: ''; position: absolute; inset: 0; background: radial-gradient(60% 120% at 80% 0%, rgba(255, 246, 214, .35), transparent 60%); pointer-events: none; }
.lp-final-in { position: relative; display: grid; gap: 28px; align-items: end; padding-top: 64px; }
.lp-final-txt { padding-bottom: 8px; }
.lp-final p { max-width: 42ch; margin: 14px 0 26px; font-size: 18px; color: rgba(255, 255, 255, .92); }
.lp-trust.light { color: rgba(255, 255, 255, .9); } .lp-trust.light .ph-fill { color: var(--lp-gold); }
.lp-final-squad { display: flex; justify-content: center; align-items: flex-end; }
.lp-final-squad .lp-pl { width: 96px; height: auto; filter: drop-shadow(0 14px 10px rgba(0, 0, 0, .3)); margin-bottom: -6px; }
.lp-final-squad .lp-pl.b { width: 124px; margin: 0 -10px -6px; position: relative; z-index: 1; }
.lp-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 28px; padding-bottom: 36px; color: var(--lp-mute); font-size: 14px; }
.lp-foot span { font-family: var(--display); font-weight: 900; font-size: 18px; color: var(--lp-ink); } .lp-foot a { margin-left: auto; font-weight: 700; }

@media (min-width: 720px) {
  .lp-steps { grid-template-columns: repeat(2, 1fr); }
  .lp-bento { grid-template-columns: repeat(2, 1fr); }
  .lp-tile.big { grid-row: span 2; }
  .lp-plans { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1000px) {
  .lp-links { display: flex; }
  .lp-hero { grid-template-columns: .95fr 1.05fr; gap: 56px; padding-top: 48px; padding-bottom: 80px; min-height: calc(100vh - 64px); }
  .lp-steps { grid-template-columns: repeat(4, 1fr); }
  .lp-steps li::after { content: ''; position: absolute; top: 41px; right: -15px; width: 16px; height: 2px; background: var(--lp-line); }
  .lp-steps li:last-child::after { display: none; }
  .lp-bento { grid-template-columns: repeat(3, 1fr); }
  .lp-float { display: flex; } .lp-float.f1 { right: -18px; top: -22px; } .lp-float.f2 { left: -26px; bottom: 74px; }
  .lp-final-in { grid-template-columns: 1.1fr .9fr; padding-top: 80px; }
  .lp-final-squad .lp-pl { width: 140px; } .lp-final-squad .lp-pl.b { width: 176px; }
}
@media (max-width: 520px) { .lp-nav-act .lp-cta.sm { display: none; } .lp-h1b { transform: none; } }
@media (prefers-reduced-motion: reduce) { .lp-cta { transition: none; } }
@media (min-width: 1000px) { .lp-h1a { font-size: min(104px, 7vw); } .lp-h1b { font-size: min(72px, 4.8vw); } }
@media (min-width: 1000px) { .lp-tile.big { grid-row: span 3; } }
/* Craque+: os 3 benefícios */
.cq-perks { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.cq-perks li { display: flex; gap: 12px; align-items: flex-start; }
.cq-ic { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: rgba(255, 200, 69, .14); }
.cq-ic .ph-duotone { font-size: 24px; color: var(--gold-text, var(--gold)); }
.cq-perks b { display: block; font-size: 15.5px; } .cq-perks p { margin: 2px 0 0; color: var(--muted); font-size: 14px; line-height: 1.45; }
.cq-perks.compact { gap: 10px; margin: 10px 0 14px; text-align: left; } .cq-perks.compact .cq-ic { width: 34px; height: 34px; border-radius: 10px; } .cq-perks.compact .cq-ic .ph-duotone { font-size: 19px; } .cq-perks.compact b { font-size: 14.5px; } .cq-perks.compact p { font-size: 13px; }
.cq-grid { display: grid; gap: 14px; margin-top: 16px; }
@media (min-width: 900px) { .cq-grid { grid-template-columns: 1.15fr .85fr; } }
.cq-plus { border-color: rgba(255, 200, 69, .45); }
.cq-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; font-size: 15px; } .cq-list li { display: flex; gap: 8px; align-items: flex-start; } .cq-list .ph { color: var(--grass); margin-top: 2px; }
.cq-note { display: flex; gap: 8px; align-items: flex-start; margin: 16px 0 0; padding: 12px; border-radius: 12px; background: rgba(46, 204, 113, .1); font-size: 13.5px; line-height: 1.45; color: var(--muted); } .cq-note .ph { color: var(--grass); font-size: 18px; flex: 0 0 auto; }
/* landing: cartão do Craque+ */
.lp-plus { gap: 14px !important; }
.lp-plus li { gap: 12px !important; }
.lp-plus-ic { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: #FFF4D1; }
.lp-plus-ic .ph-fill { color: var(--lp-gold-d) !important; font-size: 19px !important; }
.lp-plus b { display: block; font-size: 15.5px; } .lp-plus small { display: block; margin-top: 2px; color: var(--lp-mute); font-size: 13.5px; line-height: 1.45; }

/* rodapé da landing com dados da empresa */
.lp-foot { display: block; padding: 0; margin-top: 0; border-top: 1px solid var(--lp-line); background: var(--lp-white); color: var(--lp-mute); font-size: 14px; }
.lp-foot-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding-top: 28px; padding-bottom: 22px; }
.lp-foot-brand { display: flex; align-items: center; gap: 12px; }
.lp-foot-brand span { display: block; font-family: var(--display); font-weight: 900; font-size: 20px; color: var(--lp-ink); line-height: 1; }
.lp-foot-brand small { display: block; font-size: 13px; color: var(--lp-mute); margin-top: 3px; }
.lp-foot-links { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.lp-foot-links a { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--lp-ink); text-decoration: none; }
.lp-foot-links a:hover { color: var(--lp-grass-d); text-decoration: underline; }
.lp-legal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; padding-top: 16px; padding-bottom: 28px; border-top: 1px solid var(--lp-line); font-size: 12.5px; color: #7A8896; }
.ld-foot a { color: inherit; }
.lp-legal span { font-family: var(--body); font-weight: 500; font-size: 12.5px; color: #7A8896; }
a.lp-cta { text-decoration: none; }
/* entrar e cadastrar no celular: formulário logo no topo */
@media (max-width: 899px) {
  .auth:not(.is-landing) .auth-hero { padding-bottom: 0; }
  .auth:not(.is-landing) .auth-hero h1, .auth:not(.is-landing) .auth-hero .lede, .auth:not(.is-landing) .auth-points, .auth:not(.is-landing) .hero-squad { display: none; }
  .auth:not(.is-landing) .auth-panel { padding-top: 16px; }
}
/* entrar / criar conta / senha: mesmo visual da página de entrada */
.lp-nav-q { font-size: 14px; color: var(--lp-mute); margin-right: 2px; }
.lp-auth { display: flex; flex-direction: column; }
.lp-auth-in { flex: 1; display: grid; gap: 28px; align-items: center; padding-top: 28px; padding-bottom: 56px; }
.lp-auth-side { display: none; }
.lp-auth-side h1 { margin: 0; font-family: var(--display); font-weight: 900; font-size: clamp(48px, 5vw, 76px); line-height: .9; letter-spacing: -.005em; max-width: 11ch; }
.lp-auth-side > p { margin: 14px 0 0; font-size: 18px; line-height: 1.55; color: var(--lp-mute); max-width: 40ch; }
.lp-auth-squad { position: relative; display: flex; align-items: flex-end; margin-top: 34px; }
.lp-auth-squad .lp-pl { width: 104px; height: auto; filter: drop-shadow(0 12px 10px rgba(12, 29, 46, .22)); position: relative; z-index: 1; }
.lp-auth-squad .lp-pl.b { width: 132px; margin: 0 -12px; z-index: 2; }
.lp-auth-squad i { position: absolute; left: -10px; bottom: -8px; width: 360px; height: 26px; border-radius: 50%; background: radial-gradient(ellipse at center, rgba(22, 160, 90, .28), transparent 70%); }
.lp-auth-card { width: 100%; max-width: 460px; margin: 0 auto; padding: 28px 24px; border-radius: 26px; background: var(--lp-white); border: 1px solid var(--lp-line); box-shadow: 0 30px 60px -30px rgba(12, 29, 46, .35); color: var(--lp-ink); }
.lp-auth-card h2 { margin: 0; font-family: var(--display); font-weight: 900; font-size: 38px; line-height: .95; }
.lp-auth-card .sub { margin: 8px 0 20px; color: var(--lp-mute); font-size: 15.5px; line-height: 1.5; }
.lp-auth-card .field label { color: var(--lp-ink); font-weight: 700; font-size: 14px; }
.lp-auth-card .input { background: var(--lp-paper); color: var(--lp-ink); border: 1.5px solid var(--lp-line); border-radius: 14px; min-height: 52px; font-size: 16px; }
.lp-auth-card .input::placeholder { color: #8A98A6; }
.lp-auth-card .input:focus { border-color: var(--lp-grass); box-shadow: 0 0 0 4px rgba(22, 160, 90, .15); outline: none; background: #fff; }
.lp-auth-card .pass-wrap .icon-btn { color: var(--lp-mute); }
.lp-auth-card .btn-primary { min-height: 56px; border: 0; border-radius: 16px; font-weight: 800; font-size: 17px; color: var(--lp-gold-ink); background: var(--lp-gold); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .12), 0 10px 24px -8px rgba(224, 164, 0, .7); }
.lp-auth-card .btn-primary:hover { background: #FFD25C; }
.lp-auth-card .btn:not(.btn-primary) { background: var(--lp-white); color: var(--lp-ink); border: 1.5px solid var(--lp-line); }
.lp-auth-card a { color: var(--lp-grass-d); font-weight: 700; }
.lp-auth-card .auth-switch { color: var(--lp-mute); margin-top: 18px; text-align: center; font-size: 15px; }
.lp-auth-card .or { color: var(--lp-mute); } .lp-auth-card .or::before, .lp-auth-card .or::after { background: var(--lp-line); }
.lp-auth-card .form-error { background: #FDECEC; color: #B42318; border: 1px solid #F7C9C6; border-radius: 12px; }
.lp-auth-card .callout.good { background: #E3F5EA; color: #285B3F; border-color: #BFE6CD; }
.lp-auth-card .auth-google { justify-content: center; }
@media (min-width: 1000px) {
  .lp-auth-in { grid-template-columns: 1fr 460px; gap: 64px; min-height: calc(100vh - 64px - 140px); }
  .lp-auth-side { display: block; }
  .lp-auth-card { margin: 0; padding: 36px 34px; }
}
@media (max-width: 520px) { .lp-nav-q { display: none; } .lp-nav-act .lp-cta.sm { display: inline-flex; } .lp-auth-card { padding: 24px 20px; } .lp-auth-in { padding-top: 18px; } }
/* entrar / criar conta / senha: opção B, gramado + formulário */
.au { --lp-paper: #F4F7F2; --lp-white: #FFFFFF; --lp-ink: #0C1D2E; --lp-mute: #556677; --lp-line: #DDE5DE; --lp-grass: #16A05A; --lp-grass-d: #0E7A43; --lp-gold: #FFC845; --lp-gold-d: #E0A400; --lp-gold-ink: #241A00;
  color-scheme: light; min-height: 100vh; display: grid; grid-template-columns: 1fr; background: #fff; color: var(--lp-ink); font-family: var(--body); }
.au a { color: inherit; }
.au :focus-visible { outline: 3px solid var(--lp-grass); outline-offset: 3px; border-radius: 10px; }
.au-pitch { position: relative; overflow: hidden; isolation: isolate; color: #fff; padding: 18px 20px 0; min-height: 230px; display: flex; flex-direction: column;
  background: repeating-linear-gradient(90deg, #179E58 0 64px, #1BAA60 64px 128px); }
.au-pitch::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(70% 80% at 80% 0%, rgba(255, 246, 214, .32), transparent 60%), linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, .12)); }
.au-lines { position: absolute; z-index: -1; left: 50%; bottom: -1px; width: 78%; height: 46%; transform: translateX(-50%); border: 3px solid rgba(255, 255, 255, .5); border-bottom: 0; }
.au-lines::before { content: ''; position: absolute; left: 50%; bottom: 0; width: 44%; height: 46%; transform: translateX(-50%); border: 3px solid rgba(255, 255, 255, .5); border-bottom: 0; }
.au-lines::after { content: ''; position: absolute; left: 50%; top: -3px; width: 30%; aspect-ratio: 2 / 1; transform: translate(-50%, -100%); border: 3px solid rgba(255, 255, 255, .5); border-bottom: 0; border-radius: 999px 999px 0 0; }
.au-brand { display: inline-flex; align-items: center; gap: 10px; width: fit-content; text-decoration: none; font-family: var(--display); font-weight: 900; font-size: 22px; color: #fff; }
.au-brand .brand-mark { width: 32px; height: 32px; }
.au-copy h1 { margin: 22px 0 0; font-family: var(--display); font-weight: 900; font-size: 40px; line-height: .9; max-width: 9ch; text-shadow: 0 2px 0 rgba(0, 0, 0, .08); }
.au-copy p { display: none; }
.au-squad { position: absolute; right: 12px; bottom: -4px; display: flex; align-items: flex-end; }
.au-squad .lp-pl { width: 66px; height: auto; filter: drop-shadow(0 10px 8px rgba(0, 0, 0, .3)); }
.au-squad .lp-pl.b { width: 84px; margin: 0 -8px; position: relative; z-index: 1; }
.au-side { display: flex; flex-direction: column; padding: 22px 18px 18px; }
.au-swap { display: none; }
.au-wrap.lp-auth-card { max-width: 440px; width: 100%; margin: 0 auto; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.au-wrap.lp-auth-card h2 { font-size: 40px; }
.au-legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; margin-top: 28px; padding-top: 14px; border-top: 1px solid var(--lp-line); font-size: 12px; color: #7A8896; text-align: center; }
.au-legal a { color: var(--lp-mute); text-decoration: none; font-weight: 600; }
@media (min-width: 900px) {
  .au { grid-template-columns: 1.08fr .92fr; }
  .au-pitch { padding: 32px 44px 0; min-height: 100vh; position: sticky; top: 0; height: 100vh; }
  .au-lines { width: 84%; height: 48%; }
  .au-copy { margin: auto 0 0; padding-bottom: 260px; }
  .au-copy h1 { font-size: clamp(56px, 5.6vw, 92px); max-width: 10ch; margin: 0; }
  .au-copy p { display: block; margin: 16px 0 0; font-size: 18px; line-height: 1.5; max-width: 34ch; color: rgba(255, 255, 255, .92); }
  .au-squad { left: 44px; right: auto; bottom: -6px; }
  .au-squad .lp-pl { width: 116px; } .au-squad .lp-pl.b { width: 150px; margin: 0 -14px; }
  .au-side { padding: 28px clamp(28px, 5vw, 80px) 22px; min-height: 100vh; }
  .au-swap { display: block; text-align: right; font-size: 14.5px; color: var(--lp-mute); }
  .au-swap a { font-weight: 800; color: var(--lp-ink); margin-left: 4px; }
  .au-wrap.lp-auth-card { margin: auto 0; max-width: 420px; }
  .au-wrap.lp-auth-card h2 { font-size: 48px; }
  .au-legal { justify-content: flex-start; text-align: left; margin-top: 24px; }
}

.lp a.lp-cta, .lp a.lp-cta:visited { color: var(--lp-gold-ink); }
.lp a.lp-cta.ghost { color: var(--lp-ink); }
.lp-brand span, .lp-cta.sm, .lp-login { white-space: nowrap; }
@media (max-width: 420px) { .lp-brand { font-size: 20px; gap: 8px; } .lp-brand .brand-mark { width: 30px; height: 30px; } .lp-nav-act { gap: 4px; } .lp-cta.sm { padding: 0 12px; font-size: 14px; min-height: 38px; } .lp-login { padding: 8px; font-size: 14px; } }

/* ===== Estádio de dia: fundo claro, texto escuro, gramado só como chão ===== */
.lp, .au { --display: 'Rubik', 'Figtree', system-ui, sans-serif; }
/* tipografia moderna e amigável (Rubik) nas telas de fora do jogo */
.lp .lp-h1, .lp .lp-head h2, .lp .lp-final h2, .lp .lp-tag, .lp .lp-price, .lp .lp-num, .lp .lp-duel b, .au .au-copy h1, .au .au-wrap.lp-auth-card h2, .lp .lp-brand, .au .au-brand, .lp .lp-foot-brand span {
  font-family: 'Rubik', 'Figtree', system-ui, sans-serif; letter-spacing: -.025em; }
.lp .lp-brand, .au .au-brand, .lp .lp-foot-brand span { font-weight: 700; letter-spacing: -.02em; }
.lp .lp-h1 { font-weight: 800; line-height: 1; }
.lp .lp-h1a { font-size: clamp(40px, 10vw, 80px); }
.lp .lp-h1b { font-size: clamp(40px, 10vw, 80px); background: none; box-shadow: none; transform: none; padding: 0; margin-top: 0; border-radius: 0; color: var(--lp-grass); }
.lp .lp-tag { font-weight: 700; font-size: clamp(20px, 4.6vw, 26px); margin-top: 18px; }
.lp .lp-head h2, .lp .lp-final h2 { font-weight: 800; font-size: clamp(32px, 6.4vw, 52px); line-height: 1.04; }
.lp .lp-price { font-weight: 800; }
.lp .lp-num { font-weight: 700; font-size: 19px; }
@media (min-width: 1000px) { .lp .lp-h1a, .lp .lp-h1b { font-size: min(80px, 5.6vw); } }

/* topo: branco, com o gramado como chão embaixo */
.lp-band { position: relative; background: #fff; color: var(--lp-ink); }
.lp-band::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 64px; z-index: 0;
  background: repeating-linear-gradient(90deg, #179E58 0 80px, #1AAA5F 80px 160px); }
.lp-band-lines { display: none; }
.lp-band .lp-hero { position: relative; z-index: 1; align-items: center; padding-bottom: 96px; }
.lp-band .lp-copy { align-self: center; }
.lp-band .lp-lede { color: #3D4C5C; }
.lp-band .lp-bc-cap { background: rgba(255, 255, 255, .94); border-radius: 12px; padding: 8px 12px; margin-top: 18px; }

/* fechamento: claro, texto escuro e centralizado na vertical; jogadores em pé no gramado */
.lp-final { background: #fff; color: var(--lp-ink); border-top: 1px solid var(--lp-line); }
.lp-final::before { display: none; }
.lp-final::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 56px; z-index: 0;
  background: repeating-linear-gradient(90deg, #179E58 0 80px, #1AAA5F 80px 160px); }
.lp-final-in { position: relative; z-index: 1; align-items: center; padding-top: 56px; }
.lp-final-txt { align-self: center; padding-bottom: 56px; }
.lp-final p { color: #3D4C5C; }
.lp-final .lp-trust.light { color: var(--lp-mute); } .lp-final .lp-trust.light .ph-fill { color: var(--lp-grass); }
.lp-final-squad { align-self: end; }

/* entrar / criar conta: lado esquerdo claro, gramado só embaixo dos jogadores */
.au-pitch { background: var(--lp-paper); color: var(--lp-ink); }
.au-pitch::before { background: radial-gradient(70% 60% at 80% 0%, rgba(255, 200, 69, .28), transparent 60%); }
.au-pitch::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 46px; z-index: -1;
  background: repeating-linear-gradient(90deg, #179E58 0 64px, #1BAA60 64px 128px); }
.au-lines { display: none; }
.au-brand { color: var(--lp-ink); }
.au-copy h1 { font-weight: 800; line-height: 1.02; text-shadow: none; font-size: 30px; max-width: 12ch; }
.au-wrap.lp-auth-card h2 { font-weight: 800; letter-spacing: -.025em; }
@media (min-width: 900px) {
  .au-pitch { justify-content: center; }
  .au-pitch::after { height: 120px; }
  .au-copy { margin: auto 0; padding-bottom: 120px; }
  .au-copy h1 { font-size: clamp(40px, 4.2vw, 64px); }
  .au-copy p { color: #3D4C5C; }
  .au-squad { bottom: 70px; }
}
@media (min-width: 900px) { .au-copy { padding-bottom: 340px; } }
@media (min-width: 1000px) { .lp-band .lp-hero { min-height: 0; padding-top: 64px; padding-bottom: 120px; } }

/* modo suporte: master dentro da conta de um jogador */
.support-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:900;display:flex;align-items:center;gap:10px;max-width:min(680px,calc(100% - 24px));padding:9px 10px 9px 14px;border-radius:14px;background:#1b1530;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.28);font-size:13.5px;line-height:1.35;border:1px solid #ffb02e}
.support-bar>i,.support-bar>svg{color:#ffb02e;font-size:20px;flex:none}
.support-bar span{flex:1;min-width:0}
.support-bar .btn{flex:none;background:#ffb02e;color:#1b1530;border-color:#ffb02e;font-weight:700;white-space:nowrap}
@media (max-width:520px){.support-bar{flex-wrap:wrap}.support-bar .btn{width:100%;justify-content:center}}
.imp-log{list-style:none;margin:0;padding:0;font-size:13px;display:grid;gap:4px}
.imp-log li{display:flex;gap:8px;flex-wrap:wrap}

.mp-test{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;font-size:14px}
.mp-test li{display:flex;gap:8px;align-items:flex-start;line-height:1.4}
.mp-test li i,.mp-test li svg{flex:none;font-size:18px;margin-top:1px}
.mp-test .ok i{color:var(--green,#16a34a)}.mp-test .warn i{color:#d97706}.mp-test .bad i{color:#dc2626}

/* loja em abas */
.shop-tabs{margin:0 0 14px;overflow-x:auto;scrollbar-width:none}
.shop-tabs::-webkit-scrollbar{display:none}
.shop-tabs .tab{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.shop-body{display:grid;gap:14px}
.shop-body>.shop-cols{margin:0}
.pay-trust{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;color:var(--muted)}
.pay-trust span{display:inline-flex;align-items:center;gap:6px}
.pay-trust i,.pay-trust svg{color:var(--ok-ink,#16a34a);font-size:16px}
.first-bonus{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:linear-gradient(120deg,#FFF4D1,#FFE3A3);color:#3A2600;border:1px solid #F5C451}
.first-bonus>i,.first-bonus>svg{font-size:30px;color:#B07A00;flex:none}
.first-bonus b{display:block;font-size:15px}.first-bonus span{font-size:13px;opacity:.85}
:root[data-mode="dark"] .first-bonus{background:linear-gradient(120deg,#3A2A05,#5A3E08);color:#FFE7A8;border-color:#8A6512}
.gem-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
@media (max-width:860px){.gem-packs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gp-extra{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:var(--gold-text)}
.gpack{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 12px 12px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line)}
.gpack.hot{border:2px solid var(--gold);box-shadow:0 10px 28px rgba(255,200,69,.25)}
.gp-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;font-weight:800;letter-spacing:.03em;padding:3px 10px;border-radius:99px;background:var(--gold);color:var(--gold-ink);white-space:nowrap}
.gp-tag.soft{background:var(--surface-3);color:var(--text)}
.gpack .gem-stack .gem-ic{font-size:28px}
.gp-n{display:flex;align-items:baseline;gap:5px;justify-content:center;flex-wrap:wrap}
.gp-n b{font-family:var(--display);font-size:28px;line-height:1}
.gp-n s{color:var(--dim);font-size:14px}
.gp-n span{font-size:13px;color:var(--muted)}
.gp-bonus{color:var(--gold-text);font-weight:700;font-size:12.5px}
.gp-to{margin:2px 0 6px;font-size:12.5px;color:var(--muted);line-height:1.35;flex:1}
.gp-to em{display:block;font-style:normal;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--dim);margin-bottom:2px}
.gpack .btn{margin-top:auto}
.earn-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.earn-list li{display:flex;gap:8px;align-items:center}
.earn-list i,.earn-list svg{color:var(--gold-text);font-size:17px}
.pk-val{font-size:12.5px;color:var(--ok-ink,#16a34a);display:flex;gap:6px;align-items:flex-start;margin:4px 0 8px}
@media (max-width:560px){.shop-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.shop-tabs .tab{justify-content:center;padding-left:4px;padding-right:4px;font-size:13px;gap:4px}}

/* checkout transparente */
.ck-modal{max-width:460px;width:100%}
.ck{display:grid;gap:12px}
.ck-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ck-k{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--dim)}
.ck-head b{display:block;font-size:18px;margin-top:2px}
.ck-bonus{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;font-weight:700;color:var(--gold-text)}
.ck-price{font-family:var(--display);font-size:24px;font-weight:800;white-space:nowrap}
.ck-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}
.ck-tabs .tab{justify-content:center;display:inline-flex;align-items:center;gap:6px}
.ck-body{min-height:120px}
.ck-pix{display:grid;gap:12px;justify-items:center;text-align:center}
.ck-pix>p{margin:0;font-size:14px}
.ck-qr{width:200px;height:200px;border-radius:12px;background:#fff;padding:8px;border:1px solid var(--line)}
.ck-steps{text-align:left;margin:0;padding-left:20px;font-size:13.5px;line-height:1.5;color:var(--muted);justify-self:stretch}
.ck-code{display:flex;gap:8px;width:100%}
.ck-code .input{flex:1;min-width:0;font-size:12px;font-family:ui-monospace,monospace}
.ck-wait{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin:0}
.ck-wait i{animation:ckspin 2s linear infinite}
@keyframes ckspin{to{transform:rotate(360deg)}}
.ck-foot{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:var(--dim);margin:0}
.ck-card{min-height:200px}

.pm-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
@media (max-width:760px){.pm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pm-kpis>div{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.pm-kpis span{display:block;font-size:12px;color:var(--muted)}.pm-kpis b{font-family:var(--display);font-size:22px}
.pm-st{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--surface-3);white-space:nowrap}
.pm-st.ok{background:rgba(22,163,74,.14);color:var(--ok-ink,#0E7A45)}.pm-st.bad{background:rgba(220,38,38,.12);color:var(--bad-ink,#B4262D)}.pm-st.wait{background:rgba(217,119,6,.14);color:#9A5B00}
.pm-m{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}
.pm-why{max-width:280px;font-size:13px}

/* grupo da comunidade */
.community-card{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#E9FBEF,#D3F5DF);border-color:#9EE2B5}
.community-card .cm-ic{flex:none;width:48px;height:48px;border-radius:14px;background:#25D366;color:#fff;display:grid;place-items:center}
.community-card .cm-ic svg{width:28px;height:28px}
.community-card .cm-txt{flex:1;min-width:0}
.community-card b{display:block;font-size:15.5px;color:#0B3B1F}
.community-card p{margin:3px 0 0;font-size:13.5px;line-height:1.4;color:#245C3A}
.community-card .cm-btn{flex:none;background:#25D366;border-color:#1FB857;color:#fff;font-weight:700}
.community-card .cm-btn:hover{background:#1FB857}
.community-card.joined .cm-btn{background:transparent;color:#147A3C;border-color:#7FD39E}
:root[data-mode="dark"] .community-card{background:linear-gradient(135deg,#0F2E1C,#123B24);border-color:#1E5C37}
:root[data-mode="dark"] .community-card b{color:#D7FBE4}:root[data-mode="dark"] .community-card p{color:#9FD9B5}
:root[data-mode="dark"] .community-card.joined .cm-btn{color:#7FE3A4;border-color:#2F7A4C}
@media (max-width:560px){.community-card{flex-wrap:wrap}.community-card .cm-btn{width:100%;justify-content:center}}
.community-fab{position:fixed;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:850;display:flex;align-items:center;gap:8px;height:52px;padding:0 16px 0 14px;border-radius:99px;background:#25D366;color:#fff;font-weight:800;font-size:14px;text-decoration:none;box-shadow:0 10px 26px rgba(37,211,102,.4),0 2px 6px rgba(0,0,0,.15);transition:transform .15s}
.community-fab:hover{transform:translateY(-2px)}
.community-fab svg{width:26px;height:26px}
@media (min-width:1024px){.community-fab{bottom:24px;right:24px}}
@media (max-width:560px){.community-fab{width:52px;padding:0;justify-content:center}.community-fab span{display:none}}
.in-support .community-fab{bottom:calc(160px + env(safe-area-inset-bottom))}
.ck-form{justify-items:stretch;text-align:left}.ck-form>p{text-align:center}.ck-form .field{margin:0}
.ck-alt{display:grid;gap:8px;margin-top:12px}

.ck-form{display:grid;gap:10px}
.ck-form .field{margin:0}
.ck-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:420px){.ck-row{grid-template-columns:1fr}}
.ck-priv{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:var(--dim);margin:2px 0 0;line-height:1.4}
.ck-who{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--muted);margin:0 0 4px}
.ck-who .link{background:none;border:0;padding:0;color:var(--sky-ink,#1D5FB4);font-weight:700;cursor:pointer;font-size:13px}
.pm-payer{margin-top:6px;font-size:12px;line-height:1.45;color:var(--muted);padding:6px 8px;border-radius:8px;background:var(--surface-3)}
.ck-tabs[hidden]{display:none}
body:has(#modal-root .modal-back) .community-fab{display:none}
.kv-copy{display:grid;gap:6px;margin-top:12px}.kv-copy label{font-size:12px;color:var(--muted)}.kv-copy .input{font-family:ui-monospace,monospace;font-size:12.5px}

/* selo de Fundador */
.founder-tag{display:inline-flex;vertical-align:-2px;margin-left:5px;color:#E3A008;font-size:15px;filter:drop-shadow(0 1px 1px rgba(160,110,0,.25))}
.founder-tag i,.founder-tag svg{font-size:15px}
.founder-pill{display:inline-flex;align-items:center;gap:5px;margin:6px 0 4px;padding:3px 10px 3px 8px;border-radius:99px;background:linear-gradient(135deg,#FFE7A3,#F5C451);color:#5A3E00;font-size:12px;font-weight:800;letter-spacing:.02em;width:fit-content;box-shadow:0 2px 8px rgba(245,196,81,.35)}
.founder-pill i,.founder-pill svg{font-size:14px}
.hero-card .founder-pill{margin:2px 0 8px}
.ck-ways{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ck-ways span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:var(--surface-3);font-size:13px;font-weight:700}

/* Craque+: página única */
.cq-hero{text-align:center;padding:28px 18px 8px;max-width:640px;margin:0 auto}
.cq-hero-ic{width:64px;height:64px;margin:0 auto 10px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#FFE7A3,#F5C451);color:#5A3E00;font-size:34px;box-shadow:0 10px 30px rgba(245,196,81,.4)}
.cq-hero h1{font-family:var(--display);font-size:clamp(34px,6vw,48px);margin:0;line-height:1}
.cq-hero p{color:var(--muted);margin:10px auto 0;max-width:520px;line-height:1.5}
.cq-status{display:inline-flex;gap:8px;align-items:center;margin-top:14px;padding:8px 14px;border-radius:12px;background:rgba(22,163,74,.12);color:var(--ok-ink,#0E7A45);font-size:14px;text-align:left}
.cq-status.warn{background:rgba(217,119,6,.14);color:#8A5200}
.cq-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 10px;align-items:stretch}
@media (max-width:860px){.cq-plans{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}.cq-plan.hot{order:-1}}
.cq-plan{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 18px 18px;border-radius:20px;background:var(--surface-2);border:1px solid var(--line)}
.cq-plan.hot{border:2px solid var(--gold);box-shadow:0 14px 36px rgba(255,200,69,.28)}
.cq-plan.fd{background:linear-gradient(160deg,#2A1E05,#4A3608 60%,#6B4E0E);color:#FFF3D1;border-color:#8A6512}
.cq-plan.fd .cq-sub,.cq-plan.fd li{color:#F5DFA8}.cq-plan.fd .cq-plan-top i,.cq-plan.fd .cq-plan-top svg{color:#FFD45C}
.cq-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.03em;padding:4px 12px;border-radius:99px;background:var(--gold);color:var(--gold-ink);white-space:nowrap}
.cq-plan.fd .cq-tag{background:#FFD45C;color:#3A2600}
.cq-plan-top{display:flex;align-items:center;gap:8px;font-size:17px}
.cq-plan-top i,.cq-plan-top svg{color:var(--gold-text);font-size:22px}
.cq-price{font-family:var(--display);font-size:34px;font-weight:800;line-height:1}
.cq-price small{font-family:inherit;font-size:13px;font-weight:600;color:var(--muted);margin-left:6px}
.cq-plan.fd .cq-price small{color:#F5DFA8}
.cq-sub{margin:0;font-size:13.5px;color:var(--muted);font-weight:600}
.cq-plan ul{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:7px;font-size:14px;flex:1}
.cq-plan li{display:flex;gap:7px;align-items:flex-start;line-height:1.35}
.cq-plan li i,.cq-plan li svg{color:var(--ok-ink,#16a34a);margin-top:2px;flex:none}
.cq-plan.fd li i,.cq-plan.fd li svg{color:#FFD45C}
.cq-left{display:grid;gap:5px;font-size:12.5px}
.cq-left .bar{height:6px}
.cq-fine{display:flex;gap:7px;align-items:flex-start;justify-content:center;font-size:13px;color:var(--muted);margin:4px auto 10px;max-width:640px;text-align:center}
.cq-trust{justify-content:center;max-width:760px;margin:0 auto 18px}
.cq-cmp{max-width:760px;margin:0 auto 14px}
.cmp{width:100%;border-collapse:collapse;font-size:14px}
.cmp th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:center;padding:6px 8px}
.cmp th:first-child{text-align:left}
.cmp td{padding:10px 8px;border-top:1px solid var(--line)}
.cmp td:not(:first-child){text-align:center;width:90px}
.cmp .plus{background:rgba(255,200,69,.09)}
.cmp-y{color:var(--ok-ink,#16a34a);font-size:18px}.cmp-n{color:var(--dim);font-size:16px}
.cq-extras{display:flex;align-items:center;gap:12px;max-width:760px;margin:0 auto 14px;padding:14px 16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line);color:inherit;text-decoration:none}
.cq-extras>i:first-child,.cq-extras>svg:first-child{font-size:26px;color:#38BDF8}
.cq-extras div{flex:1}.cq-extras b{display:block}.cq-extras span{font-size:13px;color:var(--muted)}
.renew-bar{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px 10px 14px;border-radius:14px;background:linear-gradient(120deg,#FFF4D1,#FFE3A3);color:#3A2600;border:1px solid #F5C451;font-size:14px}
.renew-bar>i,.renew-bar>svg{font-size:22px;color:#B07A00;flex:none}.renew-bar span{flex:1}
:root[data-mode="dark"] .renew-bar{background:linear-gradient(120deg,#3A2A05,#5A3E08);color:#FFE7A8;border-color:#8A6512}
@media (max-width:560px){.ex-tabs{grid-template-columns:1fr 1fr}.ex-tabs .tab{font-size:12.5px;white-space:normal;line-height:1.2}}
.cq-plan ul{align-content:start}

/* chamadas do Craque+ */
.promo{position:relative;display:flex;align-items:center;gap:12px;border-radius:16px;border:1px solid #F1D27A;background:linear-gradient(120deg,#FFF8E1,#FFEDB8);color:#3A2600}
.promo-card{padding:16px 40px 16px 16px;flex-wrap:wrap}
.promo-strip{padding:10px 38px 10px 12px;margin:0 0 12px}
.promo-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#FFD45C,#F5B321);color:#3A2600;font-size:22px}
.promo-strip .promo-ic{width:34px;height:34px;font-size:18px;border-radius:10px}
.promo-txt{flex:1;min-width:180px}.promo-txt b{display:block;font-size:14.5px}.promo-txt span{font-size:13px;opacity:.8;line-height:1.35}
.promo-cta{flex:none;background:#1b1530;color:#FFD45C;border-color:#1b1530;font-weight:800}
.promo-cta:hover{background:#2a2148}
.promo-x{position:absolute;top:8px;right:8px;background:none;border:0;color:#7A5A12;cursor:pointer;padding:4px;border-radius:8px;font-size:15px;line-height:0}
.promo-x:hover{background:rgba(0,0,0,.06)}
@media (max-width:560px){.promo-strip{flex-wrap:wrap}.promo-strip .promo-cta{width:100%;justify-content:center}.promo-card .promo-cta{width:100%;justify-content:center}}
:root[data-mode="dark"] .promo{background:linear-gradient(120deg,#2E2206,#47340A);color:#FFE7A8;border-color:#7A5A12}
:root[data-mode="dark"] .promo-x{color:#E9C977}
.side-plus{color:var(--gold-text)!important;font-weight:700}
.plus-chip{margin-left:auto;font-size:10.5px;font-weight:800;letter-spacing:.03em;padding:2px 8px;border-radius:99px;background:var(--gold);color:var(--gold-ink)}
.plus-pill{background:linear-gradient(135deg,#FFE7A3,#F5C451)!important;color:#5A3E00!important;border-color:#F0C24B!important;font-weight:800;text-decoration:none}
@media (max-width:560px){.plus-pill span{display:none}}
@media (max-width:560px){.promo-strip .promo-cta{width:auto;margin-left:46px;padding-top:6px;padding-bottom:6px}}

/* lembretes: notificações e Craque+ */
.nudge{text-align:center}
.nudge-ic{width:64px;height:64px;margin:4px auto 10px;border-radius:20px;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#DCEBFF,#B9D6FF);color:#1D5FB4}
.nudge-ic.gold{background:linear-gradient(135deg,#FFE7A3,#F5C451);color:#5A3E00}
.nudge h3{margin:0 0 6px}
.nudge-list{list-style:none;margin:14px 0 4px;padding:0;display:grid;gap:9px;text-align:left}
.nudge-list li{display:flex;gap:10px;align-items:center;font-size:14.5px;padding:10px 12px;border-radius:12px;background:var(--surface-3)}
.nudge-list li i,.nudge-list li svg{font-size:19px;color:#1D5FB4}
.nudge.plus .cq-perks{text-align:left;margin-top:10px}

/* oferta relâmpago */
.offer-bar{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:9px 10px 9px 14px;border-radius:14px;background:linear-gradient(110deg,#1b1530,#3A1C5C 60%,#5B1E6E);color:#fff;font-size:14px;box-shadow:0 8px 24px rgba(59,28,92,.25)}
.offer-bar>i,.offer-bar>svg{font-size:22px;color:#FFD45C;flex:none}
.offer-bar .ob-t{flex:1;min-width:0}.offer-bar s{opacity:.6}.offer-bar .ob-p{color:#FFD45C}.offer-bar em{font-style:normal;font-weight:800;background:#FF4D6D;color:#fff;border-radius:6px;padding:1px 6px;font-size:12px}
.offer-bar .ob-c{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;font-weight:700;color:#FFE7A3;white-space:nowrap}
.offer-bar .btn{background:#FFD45C;color:#1b1530;border-color:#FFD45C;font-weight:800;flex:none}
@media (max-width:560px){.offer-bar{flex-wrap:wrap}.offer-bar .ob-c{order:3}.offer-bar .btn{order:4;margin-left:auto}}
.offer-tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.03em;padding:3px 10px;border-radius:99px;background:#FF4D6D;color:#fff;margin-bottom:6px}
.nudge-offer h3{font-size:22px}
.offer-price{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:8px 0 2px}
.offer-price s{color:var(--dim);font-size:18px}.offer-price b{font-family:var(--display);font-size:44px;line-height:1;color:var(--gold-text)}
.offer-what{margin:0;font-weight:700}.offer-timer{display:flex;gap:6px;align-items:center;justify-content:center;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}
.offer-card{display:flex;align-items:center;gap:14px;max-width:1000px;margin:18px auto 0;padding:16px;border-radius:20px;background:linear-gradient(110deg,#1b1530,#3A1C5C 60%,#5B1E6E);color:#fff;box-shadow:0 14px 36px rgba(59,28,92,.3)}
.offer-card .oc-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#FFD45C;color:#1b1530;font-size:28px;flex:none}
.offer-card .oc-txt{flex:1;min-width:0;display:grid;gap:3px}.offer-card .oc-txt b{font-size:18px}.offer-card .oc-txt span{opacity:.85;font-size:14px}.offer-card small{display:flex;gap:5px;align-items:center;color:#FFE7A3;font-variant-numeric:tabular-nums}
.offer-card .offer-tag{width:fit-content;margin:0}
.offer-card .oc-buy{display:grid;justify-items:end;gap:4px}.offer-card .oc-buy s{opacity:.6}.offer-card .oc-buy b{font-family:var(--display);font-size:32px;color:#FFD45C;line-height:1}
.offer-card .btn-primary{background:#FFD45C;color:#1b1530;border-color:#FFD45C}
@media (max-width:640px){.offer-card{flex-wrap:wrap}.offer-card .oc-buy{width:100%;grid-template-columns:auto auto 1fr;align-items:center;justify-items:start}.offer-card .oc-buy .btn{justify-self:end}}

/* faixas do topo (oferta, renovação, Craque+) alinhadas com o conteúdo */
.offer-bar,.renew-bar,.promo-strip{width:calc(100% - 32px);max-width:1088px;margin:12px auto 0}
@media (min-width:960px){.offer-bar,.renew-bar,.promo-strip{margin-top:16px}}
.m-act{white-space:nowrap}
.pm-why{white-space:normal;word-break:break-word;min-width:220px}
.pm-ref{display:inline-flex;align-items:center;gap:4px;margin-top:3px;font-size:12px;font-weight:700;color:var(--sky-ink,#1D5FB4)}
.ref-bonus{display:flex;gap:10px;align-items:center;max-width:1000px;margin:16px auto 0;padding:12px 14px;border-radius:14px;background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.3);color:var(--ok-ink,#0E7A45);font-size:14px}.ref-bonus>i,.ref-bonus>svg{font-size:22px;flex:none}

/* master: equilíbrio das partidas */
.bal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.bal { display: grid; gap: 6px; padding: 12px; border-radius: 12px; background: rgba(var(--fg), .04); min-width: 0; }
.bal span { font-size: 13px; color: var(--muted); font-weight: 700; }
.bal b { font-size: 14px; } .bal small { font-size: 12px; color: var(--muted); }
.bal-bar { display: flex; height: 10px; border-radius: 999px; overflow: hidden; background: rgba(var(--fg), .08); }
.bal-bar i { display: block; height: 100%; } .bal-bar .w { background: var(--grass); } .bal-bar .d { background: #9AA3B5; } .bal-bar .l { background: var(--red); }

/* casamento: comunhão x pré-nupcial */
.wed-opts { display: grid; gap: 10px; margin: 14px 0; }
.wed-opt { display: grid; gap: 4px; text-align: left; padding: 14px; border-radius: 14px; border: 1px solid var(--line-2); background: rgba(var(--fg), .03); color: var(--text); cursor: pointer; font: inherit; }
.wed-opt b { display: flex; gap: 8px; align-items: center; font-size: 15px; } .wed-opt span { font-size: 13px; color: var(--muted); }
.wed-opt:hover { border-color: var(--gold); }

/* master: cartões marcados */
.fc-list { display: flex; flex-wrap: wrap; gap: 8px; }
.fc-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 8px 6px 10px; border-radius: 999px; background: rgba(var(--fg), .05); font-size: 14px; font-weight: 700; }
.fc-chip small { color: var(--muted); font-weight: 600; }
.fc-chip i { width: 10px; height: 14px; border-radius: 2px; background: #E5383B; } .fc-chip.yellow i { background: #F2C200; }
.fc-chip button { border: 0; background: transparent; color: var(--muted); cursor: pointer; padding: 2px; display: grid; place-items: center; }

/* comunicado oficial na tela */
.ann { display: grid; gap: 10px; }
.ann-tag { display: inline-flex; align-self: start; justify-self: start; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: var(--gold); color: var(--gold-ink); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.ann h3 { margin: 0; font-size: 22px; line-height: 1.2; }
.ann-body { max-height: 52vh; overflow: auto; font-size: 15px; line-height: 1.5; color: var(--text); }
.ann-body p { margin: 0 0 10px; } .ann-body ul { margin: 0 0 10px; padding-left: 20px; } .ann-body li { margin-bottom: 6px; }

/* ---------- Copa Camisa 10 ---------- */
.copa-hero { padding: 22px 20px; border-radius: 22px; color: #fff; display: grid; gap: 10px; justify-items: center; text-align: center; background: radial-gradient(120% 90% at 50% 0%, #6B4E00 0%, #2A1F05 35%, #0A1330 80%); box-shadow: var(--shadow); position: relative; overflow: hidden; }
.copa-hero::before { content: ''; position: absolute; inset: -40% -20% auto; height: 70%; background: radial-gradient(closest-side, rgba(255,200,69,.35), transparent); pointer-events: none; }
.copa-top { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; color: rgba(255,255,255,.75); position: relative; }
.copa-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.copa-chip i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.copa-chip.open { background: rgba(52,199,123,.18); color: #5BE39A; } .copa-chip.live { background: rgba(255,93,98,.2); color: #FF8589; } .copa-chip.live i { animation: blink 1.2s infinite; }
.copa-chip.done { background: rgba(255,255,255,.12); color: #fff; }
.copa-cup { font-size: 72px; line-height: 1; color: #FFC845; filter: drop-shadow(0 8px 24px rgba(255,200,69,.45)); position: relative; }
.copa-hero h2 { margin: 0; font-family: var(--display); font-size: 30px; font-weight: 900; letter-spacing: .01em; position: relative; }
.copa-sub { margin: 0; font-size: 14px; color: rgba(255,255,255,.75); position: relative; }
.copa-hero .btn { position: relative; } .copa-hero .btn-ghost { color: rgba(255,255,255,.8); }
.copa-in { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 12px; background: rgba(52,199,123,.18); color: #5BE39A; font-weight: 800; position: relative; }
.copa-note { margin: 4px 0 0; font-size: 14px; color: rgba(255,255,255,.8); position: relative; display: flex; gap: 6px; align-items: center; justify-content: center; }
.copa-vs { width: 100%; display: grid; gap: 4px; padding: 12px; border-radius: 14px; background: rgba(255,255,255,.08); position: relative; }
.copa-vs span { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: #FFC845; }
.copa-vs b { font-family: var(--display); font-size: 24px; font-weight: 900; } .copa-vs small { font-size: 13px; color: rgba(255,255,255,.75); }
.copa-champ { display: flex; align-items: center; gap: 12px; padding: 12px 18px; border-radius: 16px; background: rgba(255,200,69,.16); position: relative; text-align: left; }
.copa-champ > i { font-size: 36px; color: #FFC845; } .copa-champ small { display: block; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #FFC845; }
.copa-champ b { font-family: var(--display); font-size: 26px; font-weight: 900; display: block; } .copa-champ span { font-size: 13px; color: rgba(255,255,255,.75); }
.copa-titles { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 14px; background: rgba(255,200,69,.15); }
.copa-titles i { font-size: 26px; color: var(--gold-text, #B98500); } .copa-titles b { font-family: var(--display); font-size: 24px; } .copa-titles span { font-size: 13px; color: var(--muted); }
.copa-bracket { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x proximity; }
.cb-round { flex: 0 0 172px; display: flex; flex-direction: column; gap: 8px; scroll-snap-align: start; }
.cb-list { flex: 1; display: flex; flex-direction: column; justify-content: space-around; gap: 10px; }
.cb-m.tbd { border-style: dashed; color: var(--muted); font-size: 12px; }
.cb-round h4 { margin: 0 0 2px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.cb-round.current h4 { color: var(--red); }
.cb-m { border: 1px solid var(--line-2); border-radius: 10px; overflow: hidden; background: rgba(var(--fg), .02); }
.cb-m.mine { border-color: var(--gold); box-shadow: 0 0 0 2px rgba(255,200,69,.25); }
.cb-p { display: flex; justify-content: space-between; gap: 6px; padding: 6px 9px; font-size: 13px; min-width: 0; }
.cb-p + .cb-p { border-top: 1px solid var(--line); }
.cb-p span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cb-p b { font-variant-numeric: tabular-nums; }
.cb-p.win { font-weight: 800; } .cb-p.win b { color: var(--grass); } .cb-p.lose { color: var(--muted); } .cb-p.me span { color: var(--gold-text, #B98500); font-weight: 800; }
.cb-p.bye { color: var(--muted); font-style: italic; }
.copa-home { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 18px; color: #fff; text-decoration: none; background: linear-gradient(120deg, #3A2A00, #0A1330 70%); box-shadow: var(--shadow); }
.copa-home .ch-ic { font-size: 34px; color: #FFC845; }
.copa-home small { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: #FFC845; }
.copa-home b { display: block; font-size: 16px; } .copa-home p { margin: 2px 0 0; font-size: 13px; color: rgba(255,255,255,.78); }
.copa-home.hot { box-shadow: 0 0 0 2px rgba(255,200,69,.5), var(--shadow); }
@media (max-width: 520px) { .copa-home { grid-template-columns: auto 1fr; } .copa-home .btn { grid-column: 1 / -1; justify-content: center; } }

/* topo em telas estreitas: tudo cabe sem rolar para o lado */
@media (max-width: 420px) {
  .topbar { gap: 6px; padding-left: 12px; padding-right: 12px; }
  .topbar .pill { padding: 0 9px; gap: 5px; font-size: 16px; }
  .topbar .icon-btn { width: 38px; height: 38px; min-width: 38px; min-height: 38px; }
}
@media (max-width: 360px) { .topbar .pill { padding: 0 7px; font-size: 15px; } .topbar { gap: 4px; } }
/* botão do grupo não cobre o minijogo nem as janelas */
body:has(.pitch-overlay) .community-fab, body:has(#modal-root .modal-back) .community-fab { display: none; }
[hidden] { display: none !important; }
.field input[type="datetime-local"] { min-width: 0; width: 100%; }

.callout.classico { border-color: rgba(255,120,40,.55); background: rgba(255,120,40,.1); color: var(--text); }
.callout.classico i { color: #FF7A29; }

/* prêmio físico: formulário de entrega */
.prz { display: grid; gap: 8px; } .prz h3 { margin: 0; text-align: center; } .prz .sub { text-align: center; margin: 0 0 6px; }
.prz .nudge-ic { justify-self: center; } .prz .form { gap: 10px; } .prz .field label { font-size: 13px; }

/* master: camisas para enviar */
.phys-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; }
.phys { padding: 12px; border-radius: 12px; border: 1px solid var(--line-2); background: rgba(var(--fg), .02); min-width: 0; }
.phys.ship { border-color: rgba(52,199,123,.5); } .phys.canceled { opacity: .55; }
.phys-top { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; } .phys-top small { display: block; margin-top: 2px; font-size: 12px; }
.phys-addr { margin: 8px 0 0; padding: 8px 10px; border-radius: 8px; background: rgba(var(--fg), .05); font: 13px/1.45 var(--body, inherit); white-space: pre-wrap; }
.pm-st.done{background:rgba(45,123,223,.14);color:#2D7BDF}

/* ---------- Copa Camisa 10 v2: identidade, contagem, morte súbita ---------- */
.copa-hero { --ca: var(--copa-accent, #FFC845); background: radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--ca) 55%, #000) 0%, color-mix(in srgb, var(--ca) 18%, #0A1330) 40%, #0A1330 85%); }
.copa-hero::before { background: radial-gradient(closest-side, color-mix(in srgb, var(--ca) 40%, transparent), transparent); }
.copa-hero .copa-cup { color: var(--ca); filter: drop-shadow(0 8px 24px color-mix(in srgb, var(--ca) 50%, transparent)); }
.copa-tag { margin: -4px 0 0; font-size: 15px; font-style: italic; color: rgba(255,255,255,.85); position: relative; }
.copa-count { position: relative; display: grid; gap: 6px; justify-items: center; margin: 4px 0; }
.copa-count > small { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--ca); }
.copa-blocks { display: flex; gap: 8px; }
.copa-blocks span { display: grid; justify-items: center; min-width: 58px; padding: 8px 6px; border-radius: 12px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); }
.copa-blocks b { font-family: var(--display); font-size: 30px; font-weight: 900; line-height: 1; font-variant-numeric: tabular-nums; }
.copa-blocks small { font-size: 11px; color: rgba(255,255,255,.65); text-transform: uppercase; letter-spacing: .05em; margin-top: 2px; }
.copa-when { font-size: 12px; color: rgba(255,255,255,.6); }
.copa-hero .copa-count b[data-cd] { font-family: var(--display); font-size: 28px; }
.copa-chip.soon { background: rgba(255,255,255,.14); color: #fff; }
.copa-min { width: 100%; display: grid; gap: 4px; position: relative; } .copa-min .bar { height: 8px; } .copa-min .bar i { background: var(--ca); } .copa-min small { font-size: 12px; color: rgba(255,255,255,.75); }
.copa-pot { position: relative; display: inline-flex; gap: 6px; align-items: center; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.1); font-size: 14px; }
.copa-pot i { color: #7FD3FF; }
.copa-vs.sd { background: rgba(255,93,98,.18); } .copa-vs.sd span { color: #FF8589; }
.cb-m.sd { border-color: var(--red); } .cb-sd { font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--red); padding: 3px 9px; border-top: 1px solid var(--line); }
.copa-home { --ca: var(--copa-accent, #FFC845); background: linear-gradient(120deg, color-mix(in srgb, var(--ca) 30%, #000), #0A1330 70%); }
.copa-home .ch-ic, .copa-home small { color: var(--ca); }
.copa-hero.mini { padding: 16px; gap: 8px; } .copa-hero.mini .copa-cup { font-size: 46px; } .copa-hero.mini h2 { font-size: 22px; }
.copa-hero.mini .copa-count b { font-family: var(--display); font-size: 24px; }
@media (max-width: 400px) { .copa-blocks span { min-width: 50px; } .copa-blocks b { font-size: 25px; } }

/* master: Copa */
.mc-list { display: grid; gap: 10px; }
.mc-card { --cc: #FFC845; display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; text-align: left; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--line-2); border-left: 5px solid var(--cc); background: var(--surface, rgba(var(--fg), .02)); color: var(--text); cursor: pointer; font: inherit; }
.mc-card:hover { border-color: var(--cc); }
.mc-card small { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; } .mc-card em { display: block; font-style: normal; font-size: 12px; color: var(--muted); margin-top: 2px; }
.mc-ic { font-size: 30px; color: var(--cc); } .mc-ic.big { font-size: 46px; }
.mc-head { --cc: #FFC845; display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; margin-top: 10px; padding: 18px; border-radius: 18px; border: 1px solid var(--line-2); border-top: 5px solid var(--cc); }
.mc-head h1 { margin: 0 0 4px; font-size: 24px; } .mc-head p { margin: 0 0 6px; color: var(--muted); }
.mc-cd { text-align: right; } .mc-cd small { display: block; font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; font-weight: 800; }
.mc-cd b { display: block; font-family: var(--display); font-size: 26px; font-variant-numeric: tabular-nums; } .mc-cd span { font-size: 12px; color: var(--muted); }
@media (max-width: 700px) { .mc-head { grid-template-columns: auto 1fr; } .mc-cd { grid-column: 1 / -1; text-align: left; } }
.mc-entries, .mc-tpls { display: flex; flex-wrap: wrap; gap: 6px; }
.mc-entries .chip, .mc-tpls .chip { display: inline-flex; align-items: center; gap: 4px; } .mc-entries .chip.out { opacity: .5; text-decoration: line-through; }
.mc-entries button, .mc-tpls button { border: 0; background: none; color: var(--muted); cursor: pointer; padding: 0 2px; }
.mc-bracket { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 8px; }
.mc-round { flex: 0 0 280px; display: flex; flex-direction: column; gap: 10px; } .mc-round h4 { margin: 0; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.mc-m { border: 1px solid var(--line-2); border-radius: 10px; overflow: hidden; } .mc-m.open { border-color: rgba(52,199,123,.5); } .mc-m.bye { opacity: .6; }
.mc-p { display: flex; gap: 6px; align-items: center; padding: 6px 9px; font-size: 13px; } .mc-p + .mc-p { border-top: 1px solid var(--line); }
.mc-p span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mc-p.win { font-weight: 800; } .mc-p.win b { color: var(--grass); } .mc-p.lose { color: var(--muted); }
.mc-p .ph-check-circle { color: var(--grass); } .mc-p .ph-hourglass-medium { color: #D99A00; } .mc-p .ph-circle { color: var(--muted); }
.mc-meta { font-size: 12px; color: var(--muted); padding: 5px 9px; border-top: 1px solid var(--line); }
.mc-acts { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px 8px; border-top: 1px solid var(--line); } .mc-acts .btn-sm { padding: 4px 8px; font-size: 12px; min-height: 0; }
.mc-form-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; align-items: start; }
.mc-form .panel { margin-bottom: 14px; }
.mc-preview { position: sticky; top: 16px; display: grid; gap: 8px; }
@media (max-width: 960px) { .mc-form-wrap { grid-template-columns: 1fr; } .mc-preview { position: static; order: -1; } }
.mc-prize { padding: 10px 0; border-bottom: 1px solid var(--line); } .mc-prize > b { display: block; margin-bottom: 6px; }
.mc-checks { display: flex; flex-wrap: wrap; gap: 6px; } .mc-checks .chip { cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
.mc-color { width: 52px; height: 40px; padding: 2px; border-radius: 10px; border: 1px solid var(--line-2); background: none; }
.mc-save { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; padding: 14px 0 30px; }

.cup-tag { display: inline-flex; align-items: center; gap: 1px; margin-left: 4px; color: #E0A800; font-size: .9em; vertical-align: -1px; } .cup-tag small { font-size: 11px; font-weight: 800; }
.cup-pill { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; background: rgba(255,200,69,.16); color: #B98500; font-size: 12px; font-weight: 800; }
.copa-home p b { display: inline; font-size: inherit; color: #fff; font-variant-numeric: tabular-nums; }

/* ===== Diretoria ===== */
.board-home{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);color:inherit;text-decoration:none;margin-bottom:14px}
.board-home.hot{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.board-home>div{flex:1;min-width:0}
.board-home small{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.board-home b{display:block;font-size:16px}
.board-home p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.bh-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--chip,rgba(127,127,127,.12));font-size:22px;flex:none}
.board-room .br-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.board-room .br-head small{color:var(--muted);font-size:12px;text-transform:uppercase}
.board-room .br-head h2{margin:2px 0 6px;font-size:20px}
.crest-lg{width:56px;height:56px}
.br-chat{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto;padding:4px 0 10px}
.br-msg{align-self:flex-start;max-width:86%;background:var(--chip,rgba(127,127,127,.12));padding:9px 12px;border-radius:14px 14px 14px 4px;font-size:14px;line-height:1.4}
.br-msg.me{align-self:flex-end;background:var(--gold);color:var(--gold-ink);border-radius:14px 14px 4px 14px}
.row-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.board-asks{display:grid;gap:8px}
.board-ask{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;font:inherit}
.board-ask:hover:not(:disabled){border-color:var(--gold)}
.board-ask:disabled{opacity:.45;cursor:not-allowed}
.board-ask>span{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--chip,rgba(127,127,127,.12));font-size:20px}
.board-ask>span b{font-size:13px}
.board-ask b{display:block}
.board-ask small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.board-facts{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}
.board-facts li{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.board-facts li i,.board-facts li svg{flex:none;margin-top:2px;color:var(--gold)}
.deal-card{border:1px solid var(--gold)}
.deal-card.down{border-color:var(--red,#e5484d)}
.deal-top{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.deal-top small{color:var(--muted);font-size:12px;text-transform:uppercase}
.deal-top h2{margin:2px 0}
.board-home>.btn{flex:none}
.board-home>i:last-child,.board-home>svg:last-child{display:none;flex:none;color:var(--muted);font-size:18px}
@media (max-width:520px){.board-home>.btn{display:none}.board-home>i:last-child,.board-home>svg:last-child{display:block}}

/* ===== Criador do jogo (usuário 1) ===== */
@keyframes creatorShine{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.creator-tag,.creator-pill{display:inline-flex;align-items:center;gap:4px;vertical-align:2px;margin-left:6px;font-family:var(--display,inherit);font-weight:900;letter-spacing:.08em;color:#1B1200;
  background:linear-gradient(100deg,#FFE7A3 0%,#F5B700 25%,#FFF6D5 45%,#C98B00 65%,#FFE7A3 100%);background-size:200% 100%;animation:creatorShine 3.2s linear infinite;
  box-shadow:0 0 0 1px rgba(255,214,102,.55),0 2px 10px rgba(245,183,0,.35);border-radius:999px;white-space:nowrap;line-height:1}
.creator-tag{font-size:9.5px;padding:3px 7px 3px 5px}
.creator-tag i,.creator-tag svg{font-size:11px}
.creator-pill{font-size:12px;padding:6px 12px 6px 9px;margin:6px 0 0;letter-spacing:.04em}
.creator-pill i,.creator-pill svg{font-size:15px}
@media (prefers-reduced-motion:reduce){.creator-tag,.creator-pill{animation:none}}
.rank-row.creator{position:relative;background:linear-gradient(90deg,rgba(245,183,0,.16),rgba(245,183,0,.03) 60%,transparent);box-shadow:inset 3px 0 0 #F5B700}
.rank-row.creator .rank-pos{color:#F5B700;display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px}
.rank-row.creator .rank-pos i,.rank-row.creator .rank-pos svg{font-size:14px}
.rank-row.creator .rank-val{color:#F5B700}
.pod.creator .pod-av{filter:drop-shadow(0 0 12px rgba(245,183,0,.55))}
.pod.creator .pod-step{background:linear-gradient(100deg,#FFE7A3,#F5B700 40%,#C98B00);color:#1B1200}

/* ===== Ranking: busca, minha posição e card da home ===== */
.rank-search{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;margin-bottom:14px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2)}
.rank-search>i{color:var(--muted);font-size:18px;flex:none}
.rank-search input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;font-size:15px;outline:none;padding:6px 0}
.rank-search .btn{flex:none;border-radius:999px}
@media (max-width:420px){.rank-search [data-rme] i{display:none}}
.rank-found{margin-bottom:14px;border-color:var(--gold)}
.rf-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 4px}
.rf-total{font-size:12.5px;padding:2px 16px 12px;margin:0}
.rank-gap{display:flex;justify-content:center;color:var(--muted);padding:4px 0;font-size:20px}
.rank-mine{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-top:1px dashed var(--line);cursor:pointer;background:rgba(245,183,0,.06)}
.rank-mine>i{font-size:20px;color:var(--gold-text,var(--gold))}
.rank-mine span{flex:1;min-width:180px}
.rank-mine small{color:var(--muted);font-size:12.5px}
.rank-home .rh-main{display:flex;align-items:center;gap:14px;cursor:pointer;margin-bottom:12px}
.rank-home .rh-main>b{font-family:var(--display,inherit);font-weight:900;font-size:44px;line-height:1;color:var(--gold-text,var(--gold))}
.rank-home .rh-main span{display:block;font-weight:700;font-size:16px}
.rank-home .rh-main small{display:block;color:var(--muted);font-size:13px}
.rh-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.rh-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;border:1px solid var(--line);background:transparent;color:inherit;font:inherit;cursor:pointer}
.rh-chip b{font-size:17px}
.rh-chip span{font-size:12px;color:var(--muted)}
.rh-chip.best{border-color:var(--gold);background:rgba(245,183,0,.08)}
.rh-chip:hover{border-color:var(--gold)}

/* =====================================================================
   MASTER v2: menu agrupado, cards, tabelas, filtros e paginação
   ===================================================================== */
.master{background:var(--bg)}
.m-top{height:58px;padding:0 18px;gap:12px;backdrop-filter:blur(10px)}
.m-brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}
.m-brand b{font-family:var(--display);font-weight:900;font-size:19px;letter-spacing:.01em}
.m-crumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);padding-left:14px;margin-left:4px;border-left:1px solid var(--line);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-crumb i{font-style:normal;opacity:.5}.m-crumb b{color:var(--text)}
.m-me{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.m-burger{display:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:transparent;color:inherit;font-size:20px;place-items:center;cursor:pointer}
.m-nav{gap:2px}
.m-ng{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
.m-ng small{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--dim,var(--muted));padding:6px 12px 4px;opacity:.8}
.m-nav a{gap:10px;padding:8px 12px;font-size:14px;border-radius:10px;position:relative}
.m-nav a .ph-duotone{font-size:18px}
.m-nav a.active{background:rgba(var(--acc),.13);color:var(--gold-text)}
.m-nav a.active::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}
.m-scrim{display:none}
@media (min-width:900px){
  .m-body{grid-template-columns:248px 1fr}
  .m-nav{display:block;overflow-y:auto;height:calc(100vh - 58px);top:58px;min-height:0;padding:18px 12px 30px;border-right:1px solid var(--line);background:var(--bg-2)}
  .m-main{padding:28px 34px 70px;max-width:1500px}
}
@media (max-width:899px){
  .m-burger{display:grid}
  .m-me,.m-hide-sm{display:none}
  .m-crumb{border-left:0;padding-left:0;margin-left:0}
  .m-nav{position:fixed;z-index:60;top:0;left:0;bottom:0;width:272px;display:block;overflow-y:auto;padding:18px 12px 40px;background:var(--bg-2);border-right:1px solid var(--line);transform:translateX(-102%);transition:transform .22s ease;border-bottom:0}
  .m-nav.open{transform:none;box-shadow:12px 0 40px rgba(0,0,0,.35)}
  .m-scrim{display:block;position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s}
  .m-scrim.open{opacity:1;pointer-events:auto}
  .m-main{padding:20px 16px 60px}
}
.m-head{align-items:flex-end;margin-bottom:18px}
.m-h1{font-size:30px;margin:0;line-height:1.1}
.m-sub{margin:4px 0 0;color:var(--muted);font-size:14px}
/* KPIs */
.m-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;margin-bottom:16px}
.m-kpi{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line)}
.m-kpi>.ph-duotone{font-size:26px;color:var(--gold-text);flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--acc),.1)}
.m-kpi b{display:block;font-family:var(--display);font-weight:900;font-size:24px;line-height:1.05}
.m-kpi span{font-size:12.5px;color:var(--muted);font-weight:600}
.m-stat{border-radius:16px;padding:16px}
/* card de tabela */
.m-card{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.m-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px 10px}
.m-search{flex:1 1 320px;display:flex;align-items:center;gap:8px;padding:5px 5px 5px 13px;border:1px solid var(--line);border-radius:12px;background:var(--input,var(--bg))}
.m-search>i{color:var(--muted);font-size:17px;flex:none}
.m-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:14.5px;padding:6px 0}
.m-search:focus-within{border-color:var(--gold)}
.m-sort{display:flex;align-items:center;gap:6px;padding:0 10px;height:42px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}
.m-sort select{border:0;background:transparent;color:var(--text);font:inherit;font-size:14px;outline:0;cursor:pointer}
.m-sort select option{background:var(--bg-2)}
.m-chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 12px}
.m-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.m-chip em{font-style:normal;font-size:11.5px;padding:1px 7px;border-radius:999px;background:rgba(var(--fg),.08);color:var(--text)}
.m-chip:hover{border-color:rgba(var(--acc),.6);color:var(--text)}
.m-chip.on{background:rgba(var(--acc),.14);border-color:var(--gold);color:var(--gold-text)}
.m-chip.on em{background:var(--gold);color:var(--gold-ink)}
.m-card .table-wrap{border-top:1px solid var(--line)}
.m-table{font-size:14px}
.m-table thead th{position:sticky;top:0;z-index:1;background:var(--bg-2);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:11px 14px;border-bottom:1px solid var(--line)}
.m-table tbody td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.m-table tbody tr:last-child td{border-bottom:0}
.m-table tbody tr:hover td{background:rgba(var(--fg),.03)}
.m-table td small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.m-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.m-pager>div{display:flex;gap:4px;align-items:center}
.m-pg{min-width:34px;height:34px;padding:0 9px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:inline-grid;place-items:center}
.m-pg:hover:not(:disabled){border-color:var(--gold)}
.m-pg.on{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
.m-pg:disabled{opacity:.35;cursor:not-allowed}
.m-pg-gap{padding:0 4px;color:var(--muted)}
.m-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 10px;color:var(--muted)}
.m-empty .ph-duotone{font-size:34px;opacity:.6}
.m-empty p{margin:0}
/* jogadores */
.mu-acc{display:flex;align-items:center;gap:11px;min-width:220px}
.mu-av{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:rgba(var(--fg),.07);font-weight:800;color:var(--muted)}
.mu-av svg{width:40px;height:40px}
.mu-acc b{display:block;font-size:14.5px}
.mu-ref{color:var(--sky)!important}
.mu-c{display:block;font-weight:700}
.mu-pills{display:flex;flex-wrap:wrap;gap:4px;max-width:220px}
.m-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}
.m-pill.gold{background:rgba(245,183,0,.15);color:#F5B700;border-color:rgba(245,183,0,.35)}
.m-pill.gold2{background:rgba(227,160,8,.12);color:#E3A008;border-color:rgba(227,160,8,.3)}
.m-pill.creator{background:linear-gradient(100deg,#FFE7A3,#F5B700 50%,#C98B00);color:#1B1200}
.m-pill.violet{background:rgba(155,110,255,.15);color:#B49AFF;border-color:rgba(155,110,255,.35)}
.m-pill.blue{background:rgba(90,176,255,.14);color:var(--sky);border-color:rgba(90,176,255,.35)}
.m-pill.red{background:rgba(222,63,70,.14);color:#FF6B72;border-color:rgba(222,63,70,.35)}
.m-pill.grey{background:rgba(var(--fg),.07);color:var(--muted);border-color:var(--line)}
.m-users td .green{font-weight:700}
.m-fgroup{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:10px;margin-bottom:12px}
.m-fgroup>small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
/* configurações */
.m-setnav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;position:sticky;top:58px;z-index:5;padding:10px 0;background:var(--bg)}
.m-setnav a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;background:var(--bg-2)}
.m-setnav a:hover{border-color:var(--gold);color:var(--text);text-decoration:none}
.m-setg{scroll-margin-top:120px;margin-bottom:14px}
.m-form2{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px 18px;align-items:start}
.m-form2 .field:has(textarea){grid-column:1/-1}
.m-form2 .check{align-self:center}
.m-savebar{position:sticky;bottom:12px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px 12px 18px;margin:6px 0 18px;border-radius:16px;border:1px solid var(--line);background:var(--glass2);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
#sg-asaas,#sg-diff{scroll-margin-top:120px;margin-bottom:14px}
.m-kpi-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--acc),.1)}
.m-kpi-ic .ph-duotone{font-size:24px;color:var(--gold-text)}
.m-kpi>.ph-duotone{all:unset}
@media (max-width:899px){.m-brand b{display:none}.m-crumb i{margin:0 4px}.m-top{gap:10px;padding:0 12px}}
.m-crumb .m-hide-sm{display:inline-flex;align-items:center;gap:8px}
.m-users .m-act{width:1%;padding-left:6px}
.m-users .m-act .btn{padding:0 10px}
.m-search{min-width:0}
@media (max-width:899px){
  .m-crumb .m-hide-sm{display:none}
  .m-bar{padding:12px 12px 8px}
  .m-search{flex:1 1 100%}
  .m-sort{flex:1 1 100%}
  .m-sort select{flex:1}
  .m-chips{flex-wrap:nowrap;overflow-x:auto;padding:0 12px 12px;scrollbar-width:none}
  .m-chips::-webkit-scrollbar{display:none}
  .m-h1{font-size:26px}
  .m-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .m-kpi{padding:12px;gap:10px}
  .m-kpi-ic{width:38px;height:38px}
  .m-kpi b{font-size:20px}
  .m-setnav{flex-wrap:nowrap;overflow-x:auto;top:58px;scrollbar-width:none}
  .m-form2{grid-template-columns:1fr}
}
@media (max-width:720px){
  .m-users thead{display:none}
  .m-users,.m-users tbody{display:block}
  .m-users tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:14px;border-bottom:1px solid var(--line)}
  .m-users tbody td{display:block;padding:0;border:0}
  .m-users tbody tr:hover td{background:none}
  .m-users td:first-child{grid-column:1/-1}
  .m-users td[data-l]::before{content:attr(data-l);display:block;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
  .m-users td.m-act{grid-column:1/-1;display:flex;gap:6px;justify-content:flex-end;width:auto}
  .m-users .mu-acc{min-width:0}
  .m-users .mu-acc small{word-break:break-all}
}

/* ===== Master > Pagamentos: financeiro dia a dia ===== */
:root{--fin-net:#C08A00;--fin-fee:#5A7FD0}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--fin-net:#B07D00;--fin-fee:#4F79C9}}
:root[data-theme="light"]{--fin-net:#B07D00;--fin-fee:#4F79C9}
.m-h2{font-family:var(--display);font-weight:900;font-size:22px;margin:26px 0 12px}
.fin-per{padding:0;margin-bottom:14px;align-items:center}
.fin-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fin-range .input{height:36px;padding:0 10px;width:auto}
.fin-kpis .fin-net{border-color:var(--fin-net)}
.fin-kpis .fin-net b{color:var(--fin-net)}
.fin-kpis span{line-height:1.35}
.fin-card{margin-top:4px}
.fin-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 16px 4px}
.fin-hd h2{margin:0;font-size:17px;display:flex;align-items:center;gap:8px}
.fin-hd .dim{font-size:12.5px}
.fin-chart{padding:8px 16px 14px}
.fin-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-bottom:8px}
.fin-legend span{display:inline-flex;align-items:center;gap:6px}
.fc-sw{width:12px;height:12px;border-radius:3px;display:inline-block}
.fc-sw.net{background:var(--fin-net)}.fc-sw.fee{background:var(--fin-fee)}
.fin-svgwrap{position:relative;overflow-x:auto}
.fin-svgwrap svg{display:block;width:100%;height:200px}
.fc-net{fill:var(--fin-net)}.fc-fee{fill:var(--fin-fee)}
.fc-hit{fill:transparent;cursor:pointer}
.fc-b.on .fc-hit{fill:rgba(var(--fg),.06)}
.fc-base{stroke:var(--line);stroke-width:1}
.fc-lab text{font-size:10px;fill:var(--muted);text-anchor:middle}
.fin-tip{position:absolute;top:4px;width:190px;padding:10px 12px;border-radius:12px;background:var(--glass2);border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:12.5px;pointer-events:none;display:grid;gap:3px;z-index:3}
.fin-tip b small{color:var(--muted);font-weight:600}
.fin-tip span{display:flex;justify-content:space-between;gap:8px;color:var(--muted)}
.fin-tip em{font-style:normal;color:var(--text);font-weight:700}
.fin-tip small{color:var(--muted)}
.fin-sync{margin:0 16px 12px;align-items:center}
.fin-sync .btn{margin-left:auto}
.fin-table td,.fin-table th{white-space:nowrap}
.fin-table td:first-child small{color:var(--muted);margin-left:4px;display:inline}
.fin-table tr.zero td{opacity:.55}
.fin-table tfoot td{padding:12px 14px;font-weight:800;border-top:2px solid var(--line);background:rgba(var(--fg),.03)}
.fin-table tfoot td small{display:block;font-weight:600;color:var(--muted);font-size:12px}
.fin-neg{color:var(--muted)}
.fin-note{font-size:12.5px;padding:10px 16px 14px;margin:0}
.pm-table td small{display:block}
.fin-kpis{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.fin-kpis b{white-space:nowrap;font-size:22px}
@media (max-width:720px){.fin-kpis{grid-template-columns:1fr 1fr}.fin-kpis b{font-size:17px}.fin-kpis .m-kpi-ic{display:none}}
@media (max-width:720px){
  .fin-table thead{display:none}
  .fin-table,.fin-table tbody,.fin-table tfoot{display:block}
  .fin-table tr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px 10px;padding:12px 14px;border-bottom:1px solid var(--line)}
  .fin-table tbody td,.fin-table tfoot td{display:block;padding:0;border:0;white-space:normal;background:none}
  .fin-table td:first-child{grid-column:1/-1;font-weight:800}
  .fin-table td[data-l]::before{content:attr(data-l);display:block;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
  .fin-table tr.zero{display:none}
  .fin-table tfoot tr{grid-template-columns:1fr 1fr}
  .fin-table tfoot td:first-child{grid-column:1/-1}
}
@media (max-width:720px){.fin-table tbody tr:hover td{background:none}}

/* ===== Shopping ===== */
:root{--r0:#8C9BBF;--r1:#4F8DFF;--r2:#A06BFF;--r3:#F5B700}
.sh-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:14px}
.sh-kpis>div{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.sh-kpis span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:600}
.sh-kpis b{display:block;font-family:var(--display);font-weight:900;font-size:20px;margin-top:2px;white-space:nowrap}
.sh-kpis b small{font-size:12px;color:var(--muted);font-weight:600;margin-left:2px}
.sh-tabs{margin-bottom:16px;overflow-x:auto;flex-wrap:nowrap}
.sh-tabs .tab{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.sh-sec{margin-bottom:22px}
.sh-sech{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.sh-sech h2{margin:0;font-size:19px;display:flex;align-items:center;gap:8px}
.sh-sech .dim{font-size:13px}
.sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.sh-card{--rc:var(--r0);position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;transition:transform .12s,border-color .12s}
.sh-card:hover{transform:translateY(-2px);border-color:var(--rc)}
.sh-card.r1,.sh-own.r1,.sh-det.r1,.sh-flash.r1{--rc:var(--r1)}.sh-card.r2,.sh-own.r2,.sh-det.r2,.sh-flash.r2{--rc:var(--r2)}.sh-card.r3,.sh-own.r3,.sh-det.r3,.sh-flash.r3{--rc:var(--r3)}
.sh-card.r3{box-shadow:0 0 0 1px rgba(245,183,0,.35) inset}
.sh-card.own{opacity:.75}.sh-card.out{opacity:.55}
.sh-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:4px}
.sh-ic{width:46px;height:46px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:26px;color:var(--rc,var(--r0));background:color-mix(in srgb,var(--rc,var(--r0)) 14%,transparent)}
.sh-tags{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.sh-tags em,.t-r,.t-disc{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.03em;padding:2px 7px;border-radius:999px;white-space:nowrap}
.t-r{color:var(--rc,var(--r0));background:color-mix(in srgb,var(--rc,var(--r0)) 14%,transparent)}
.t-disc{background:#DE3F46;color:#fff}
.t-flash{background:var(--gold);color:var(--gold-ink);display:inline-flex;align-items:center;gap:3px}
.sh-brand{font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.sh-name{font-size:14.5px;line-height:1.25;min-height:2.5em}
.sh-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:2px}
.sh-price s,.shd-price s,.shf-price s{color:var(--muted);font-size:12px}
.sh-price strong{font-family:var(--display);font-size:18px;font-weight:900}
.sh-price i,.shd-price i{font-style:normal;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center}
.up{color:var(--grass,#17A05C)}.down{color:#DE3F46}
.sh-stats{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;color:var(--muted)}
.sh-stats span{display:inline-flex;align-items:center;gap:3px}
.sh-stock{font-size:11.5px;font-weight:800;color:var(--r3)}
.sh-stock.zero{color:#DE3F46}
.sh-cta{margin-top:auto;padding-top:8px;font-size:12.5px;font-weight:800;color:var(--muted);display:inline-flex;align-items:center;gap:4px}
.sh-cta.ok{color:var(--gold-text)}
.sh-flash{--rc:var(--r1);position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:20px 22px;margin-bottom:20px;border-radius:20px;background:linear-gradient(120deg,color-mix(in srgb,var(--rc) 22%,var(--bg-2)),var(--bg-2) 70%);border:1px solid var(--rc)}
.shf-l{flex:1;min-width:0;display:grid;gap:6px;justify-items:start}
.shf-l em{font-style:normal;font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--gold);color:var(--gold-ink);display:inline-flex;gap:4px;align-items:center}
.shf-l h2{margin:0;font-size:24px;line-height:1.15}
.shf-l p{margin:0;color:var(--muted);font-size:14px;max-width:540px}
.shf-price strong{font-family:var(--display);font-size:28px;font-weight:900;margin-left:6px}
.shf-end{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:5px}
.shf-ic{font-size:110px;color:var(--rc);opacity:.85;flex:none}
@media (max-width:640px){.shf-ic{position:absolute;right:-10px;top:-6px;font-size:90px;opacity:.18}.shf-l h2{font-size:20px}}
.sh-cats{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:10px;scrollbar-width:none}
.sh-cats::-webkit-scrollbar{display:none}
.sh-cat{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:84px;padding:10px 8px;border-radius:14px;border:1px solid var(--line);background:var(--bg-2);color:var(--muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer;position:relative}
.sh-cat>i:first-child,.sh-cat>svg:first-child{font-size:22px}
.sh-cat i.up,.sh-cat i.down{font-style:normal;font-size:10px;font-weight:800}
.sh-cat.on{border-color:var(--gold);color:var(--gold-text);background:rgba(var(--acc),.1)}
.sh-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.sh-search{flex:1 1 240px;display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--input,var(--bg-2))}
.sh-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}
.sh-bar select.input{width:auto;height:42px}
.sh-afford{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}
.sh-count{margin:0 0 8px;font-size:13px}
.sh-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0;font-size:14px;color:var(--muted)}
.sh-owned{display:grid;gap:8px}
.sh-own{--rc:var(--r0);display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line)}
.sho-m{flex:1;min-width:0}
.sho-m small{font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase}
.sho-m b{display:block;margin-bottom:3px}
.sho-v{text-align:right;display:grid;justify-items:end;gap:2px}
.sho-v small{font-size:11.5px;color:var(--muted)}
.sho-v b{font-family:var(--display);font-size:18px}
.sho-v span{font-size:12px;font-weight:700}
@media (max-width:640px){.sh-own{flex-wrap:wrap}.sho-v{width:100%;grid-template-columns:auto auto;justify-content:space-between;text-align:left;justify-items:start}}
.sh-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.sh-col{display:flex;gap:12px;padding:14px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line)}
.sh-col.done{border-color:var(--gold)}
.shc-ic{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:22px;background:rgba(var(--fg),.06);color:var(--muted)}
.sh-col.done .shc-ic{background:rgba(var(--acc),.15);color:var(--gold-text)}
.sh-col>div{flex:1;min-width:0}
.sh-col p{margin:2px 0 8px;font-size:13px;color:var(--muted)}
.sh-col small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.sh-det .shd-h{display:flex;gap:12px;align-items:center;margin-bottom:6px}
.sh-det .shd-h small{font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase}
.sh-det .shd-h h3{margin:2px 0 4px}
.shd-price{display:flex;align-items:baseline;gap:8px;margin:8px 0 10px}
.shd-price strong{font-family:var(--display);font-size:26px;font-weight:900}
.sh-life-cta{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:12px;border-radius:16px;border:1px solid var(--gold);background:rgba(var(--acc),.08);color:inherit;text-decoration:none}
.sh-life-cta>.ph-duotone{font-size:30px;color:var(--gold-text)}
.sh-life-cta div{flex:1}
.sh-life-cta b{display:block}
.sh-life-cta span{font-size:13px;color:var(--muted)}
@media (max-width:640px){
  .sh-kpis{grid-template-columns:1fr 1fr;gap:8px}
  .sh-kpis>div{padding:10px 12px}
  .sh-kpis b{font-size:16px}
  .sh-kpis span{font-size:11.5px}
  .sh-grid{grid-template-columns:1fr 1fr;gap:8px}
  .sh-card{padding:10px}
  .sh-ic{width:40px;height:40px;font-size:22px}
  .sh-name{font-size:13.5px}
  .sh-price strong{font-size:16px}
  .sh-bar select.input{flex:1 1 45%}
}
.sh-life-cta,.sh-life-cta *,.sh-life-cta:hover,.sh-life-cta:hover *{text-decoration:none!important}

/* ===== Patrocínios 2.0 ===== */
.sp-sum{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.sp-mark.cat-energy{--c:#1B3FA0}.sp-mark.cat-fitness{--c:#2E7D32}.sp-mark.cat-health{--c:#00897B}.sp-mark.cat-moto{--c:#5D4037}.sp-mark.cat-luxury{--c:#8D6E1F}
.sp-mark.cat-fashion{--c:#37474F}.sp-mark.cat-telecom{--c:#7B1FA2}.sp-mark.cat-stream{--c:#B71C1C}.sp-mark.cat-airline{--c:#0277BD}
.sp-goal{display:flex;align-items:center;gap:8px;margin:8px 0 4px;padding:8px 10px;border-radius:10px;background:rgba(var(--fg),.05);font-size:13px}
.sp-goal span{flex:1}.sp-goal b{font-size:13px}
.sp-goal.done{background:rgba(23,160,92,.12);color:var(--grass,#17A05C)}
.sp-sat{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:6px 0;font-size:12.5px;color:var(--muted)}
.sp-sat .bar{margin:0}
.sp-sat b{color:var(--text)}
.sp-slots{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
@media (max-width:640px){.sp-sum{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.sp-sum{gap:8px}.sp-sum>div{padding:10px 12px}.sp-sum .ph-duotone{font-size:20px}.sp-sum b{font-size:18px}.sp-sum span{font-size:12px}}

/* ===== Tag Pioneiro (primeiros jogadores) ===== */
.pioneer-tag,.pioneer-pill{display:inline-flex;align-items:center;gap:4px;vertical-align:2px;margin-left:6px;font-weight:900;letter-spacing:.07em;color:#062F33;background:linear-gradient(100deg,#B8F3EC,#3CC8BA 55%,#9BE7DE);box-shadow:0 0 0 1px rgba(60,200,186,.5);border-radius:999px;white-space:nowrap;line-height:1}
.pioneer-tag{font-size:9.5px;padding:3px 7px 3px 5px}
.pioneer-tag i,.pioneer-tag svg{font-size:11px}
.pioneer-pill{font-size:12px;padding:6px 12px 6px 9px;margin:6px 0 0 6px;letter-spacing:.04em}
.pioneer-pill i,.pioneer-pill svg{font-size:15px}
.m-pill.teal{background:rgba(60,200,186,.15);color:#3CC8BA;border-color:rgba(60,200,186,.4)}
.pio-list{display:flex;flex-wrap:wrap;gap:4px;max-height:180px;overflow:auto}
.sg-list{display:grid;gap:4px;max-height:220px;overflow:auto;margin-top:6px}
.sg-item{display:grid;grid-template-columns:1fr auto;gap:0 10px;text-align:left;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:transparent;color:inherit;font:inherit;cursor:pointer}
.sg-item:hover{border-color:var(--gold)}
.sg-item span{grid-column:1;font-size:12px;color:var(--muted)}
.sg-item em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:12px;color:var(--muted)}
.sg-picked{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--gold);background:rgba(var(--acc),.08);font-size:14px}
.sg-picked span{flex:1}
.sg-mode{display:grid;gap:8px}
.sg-mode label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.sg-mode label:has(input:checked){border-color:var(--gold);background:rgba(var(--acc),.06)}
.sg-mode b{display:block}.sg-mode small{display:block;color:var(--muted);font-size:12.5px}
.sg-mode label>span{display:flex!important;flex-direction:column;flex:1;gap:2px;text-align:left}.sg-mode label>span>b{order:-1}.sg-mode label>input{margin-top:3px;flex:none}

/* copas nacionais pelo mundo */
.cup-more{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 10px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);max-width:100%}
.cup-more select{background:transparent;color:inherit;border:0;font:inherit;font-size:14px;outline:none;max-width:240px}
.cup-more select option{color:#111}

/* ---------- vestiário ---------- */
.vest .vest-tabs { margin: 4px 0 12px; overflow-x: auto; flex-wrap: nowrap; }
.vest .vest-tabs .tab em { font-style: normal; font-size: 11.5px; opacity: .7; margin-left: 4px; font-weight: 700; }
.vest-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.gchips { display: flex; flex-wrap: wrap; gap: 6px; }
.gchip { display: inline-flex; align-items: center; gap: 5px; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--line); background: rgba(var(--fg), .03); color: var(--text); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.gchip.on { border-color: var(--gold-text); background: rgba(var(--acc), .12); color: var(--gold-text); }
.gchip.hw { border-color: rgba(249, 115, 22, .45); }
.gchip.hw.on { background: rgba(249, 115, 22, .16); color: #FB923C; border-color: #FB923C; }
.vest-sel { display: flex; gap: 6px; flex-wrap: wrap; }
.vest-sel select { padding: 7px 10px; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); color: var(--text); font: inherit; font-size: 13px; max-width: 170px; }
.vest-hint { font-size: 13.5px; margin: 2px 0 12px; }
.vest-more { margin-top: 12px; }
.gear { position: relative; }
.gear .gtags { position: absolute; top: 6px; left: 6px; right: 6px; display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; pointer-events: none; }
.gear.r2 { border-color: rgba(168, 85, 247, .35); }
.gear.r3 { border-color: rgba(250, 204, 21, .45); background: linear-gradient(180deg, rgba(250, 204, 21, .07), rgba(var(--fg), .02)); }
.gear.c-halloween { border-color: rgba(249, 115, 22, .5); background: linear-gradient(180deg, rgba(249, 115, 22, .1), rgba(124, 58, 237, .06)); }
.gear .gtags + .gear-art { margin-top: 14px; }
.gtag { display: inline-flex; align-items: center; gap: 3px; padding: 2px 7px; border-radius: 999px; font-style: normal; font-size: 10.5px; font-weight: 800; line-height: 1.4; white-space: nowrap; }
.gtag.hw { background: rgba(249, 115, 22, .18); color: #FB923C; }
.gtag.lim { background: rgba(250, 204, 21, .16); color: var(--gold-text); }
.gtag.r2 { background: rgba(168, 85, 247, .16); color: #C084FC; }
.gtag.r3 { background: rgba(250, 204, 21, .16); color: var(--gold-text); }
.gear-desc { font-size: 11.5px; color: var(--muted); line-height: 1.3; }
.hw-banner { display: flex; align-items: center; gap: 12px; width: 100%; margin: 4px 0 12px; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(249, 115, 22, .45);
  background: linear-gradient(110deg, rgba(249, 115, 22, .2), rgba(124, 58, 237, .18)); color: var(--text); text-align: left; cursor: pointer; font: inherit; }
.hw-banner > .ph-duotone { font-size: 32px; color: #FB923C; flex: none; }
.hw-banner div { display: grid; gap: 2px; flex: 1; }
.hw-banner small { color: var(--muted); font-size: 12.5px; line-height: 1.35; }
.shop-it .si-tag { margin-bottom: 2px; }
.shop-it.c-halloween { border-color: rgba(249, 115, 22, .45); }
@media (max-width: 560px) { .vest-bar { flex-direction: column; align-items: stretch; } .vest-sel select { max-width: none; flex: 1; } }
@media (max-width: 560px) {
  .vest .vest-tabs { gap: 6px; }
  .vest .vest-tabs .tab { flex: 1 1 0; min-width: 0; justify-content: center; padding-left: 6px; padding-right: 6px; font-size: 13px; gap: 4px; }
  .vest .vest-tabs .tab em { display: none; }
}
.gem-use { display: flex; align-items: center; gap: 12px; width: 100%; margin-top: 14px; padding: 14px; border-radius: 14px; border: 1px solid var(--line-2); background: rgba(var(--fg), .04); color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.gem-use > .ph-duotone { font-size: 30px; color: var(--gold-text); flex: none; }
.gem-use div { display: grid; gap: 2px; flex: 1; }
.gem-use small { color: var(--muted); font-size: 12.5px; line-height: 1.35; }
.vest-gems { display: inline-flex; align-items: center; gap: 5px; padding: 6px 8px 6px 10px; border-radius: 999px; border: 1px solid var(--line-2); background: rgba(var(--fg), .04); color: var(--text); font: inherit; font-weight: 800; font-size: 14px; cursor: pointer; }
.vest-gems > i, .vest-gems > svg { color: #38BDF8; }
.vest-gems em { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--gold-text); font-style: normal; }
.vest-gems em i, .vest-gems em svg { color: #111 !important; font-size: 12px; }
.sp-scout { display: flex; align-items: center; gap: 12px; width: 100%; margin: 0 0 12px; padding: 12px 14px; border-radius: 14px; border: 1px dashed var(--gold-text); background: rgba(var(--acc), .08); color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.sp-scout > .ph-duotone { font-size: 28px; color: var(--gold-text); flex: none; }
.sp-scout div { display: grid; gap: 2px; flex: 1; }
.sp-scout small { color: var(--muted); font-size: 12.5px; line-height: 1.35; }
.sp-scout.done { border-style: solid; border-color: var(--line); background: rgba(var(--fg), .03); cursor: default; opacity: .8; }
.nego-hint { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: rgba(var(--acc), .1); border: 1px solid rgba(var(--acc), .25); font-size: 13.5px; line-height: 1.4; margin: 4px 0 8px; }
.nego-hint i { color: var(--gold-text); margin-top: 2px; }
/* sócios */
.pt-card { margin-bottom: 16px; }
.pt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; padding: 12px 16px 4px; }
.pt-p { display: grid; gap: 6px; padding: 14px; border-radius: 14px; border: 1px solid var(--line); background: rgba(var(--fg), .03); }
.pt-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.pt-top b { font-size: 16px; }
.pt-pct { padding: 2px 9px; border-radius: 999px; background: rgba(var(--acc), .14); color: var(--gold-text); font-weight: 800; font-size: 13px; }
.pt-row { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; }
.pt-row span { color: var(--muted); }
.pt-bal { padding-top: 6px; border-top: 1px dashed var(--line); font-size: 15.5px; }
.pt-bal b { color: var(--ok-ink); }
.pt-bal.neg b { color: var(--bad-ink); }
.pt-p .btn { margin-top: 6px; }
.pt-hist { margin: 8px 16px 0; }
.pt-hist .table-wrap { margin-top: 8px; }
.pt-tools { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 16px 0; }
.pt-hist summary { cursor: pointer; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; }
.ac-card .fin-hd { flex-wrap: wrap; gap: 8px; }
.ac-card .fin-hd .btn { margin-left: auto; }
.ac-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; padding: 12px 16px 4px; }
.ac-main, .ac-it { display: grid; gap: 4px; align-content: start; padding: 14px; border-radius: 14px; border: 1px solid var(--line); background: rgba(var(--fg), .03); }
.ac-main { background: rgba(var(--acc), .10); border-color: rgba(var(--acc), .35); }
.ac-main span, .ac-it span { color: var(--muted); font-size: 13.5px; }
.ac-main b { font-size: 26px; letter-spacing: -.01em; }
.ac-it b { font-size: 18px; }
.ac-pos { color: var(--ok-ink); }
.ac-card { padding-bottom: 14px; }
.ac-card .fin-note { padding: 0 16px; }
.pt-edit-row { display: grid; grid-template-columns: 1fr 90px; gap: 8px; margin-bottom: 8px; }
/* master: banco de mensagens */
.tx-q { margin-bottom: 12px; max-width: 420px; }
.tx-tag { display: inline-block; margin: 2px 4px 2px 0; padding: 2px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 700; background: rgba(var(--acc), .14); color: var(--gold-text); white-space: nowrap; }
.tx-tag.neg { background: rgba(var(--fg), .08); color: var(--muted); }
.tx-tag.any { background: rgba(var(--fg), .05); color: var(--muted); font-weight: 600; }
.tx-table td:first-child { width: 34%; }
.tx-oc { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; padding: 14px 16px 6px; font-size: 13px; }
.tx-oc p { margin: 6px 0; color: var(--muted); line-height: 1.5; }
.tx-tone { display: inline-block; padding: 1px 7px; border-radius: 6px; font-size: 11px; font-weight: 800; margin-right: 4px; background: rgba(var(--fg), .08); color: var(--text); }
.tx-tone.good { background: rgba(34, 197, 94, .15); color: var(--ok-ink); }
.tx-tone.bad { background: rgba(239, 68, 68, .14); color: var(--bad-ink); }
.tx-evs { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.tx-ev { padding: 14px 16px; }
.tx-ev.off { opacity: .55; }
.tx-ev-hd { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; align-items: baseline; }
.tx-ev-hd .dim { font-size: 12px; }
.tx-ev-req { margin: 6px 0; }
.tx-ev p { font-size: 13.5px; line-height: 1.45; margin: 6px 0; }
.tx-ev ul { margin: 6px 0 0; padding-left: 18px; font-size: 13px; color: var(--muted); }
.tx-ans span { display: block; font-size: 12.5px; color: var(--muted); margin-bottom: 4px; }
.tx-simf { display: flex; gap: 8px; padding: 16px; flex-wrap: wrap; }
.tx-simf .input { flex: 1; min-width: 220px; }
.tx-who { padding: 0 16px 6px; font-size: 14px; }
.tx-simrow { padding: 10px 16px; border-top: 1px solid var(--line); }
.tx-simrow b { font-size: 14px; }
.tx-simrow p { margin: 6px 0 0; font-size: 13.5px; line-height: 1.45; }

/* ---------- leilões ---------- */
.auc-card { position: relative; display: flex; flex-direction: column; gap: 4px; text-align: left; padding: 14px; border-radius: 16px; border: 1px solid var(--line); background: var(--card); color: var(--text); cursor: pointer; font: inherit; transition: transform .15s, border-color .15s; }
.auc-card:hover { transform: translateY(-2px); border-color: rgba(var(--acc), .5); }
.auc-card.r3 { border-color: rgba(var(--acc), .45); }
.auc-bid { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 0 8px; margin-top: 8px; padding-top: 8px; border-top: 1px dashed var(--line); }
.auc-bid span { grid-column: 1 / -1; font-size: 12px; color: var(--muted); }
.auc-bid strong { font-size: 19px; }
.auc-bid small { color: var(--muted); font-size: 12px; }
.auc-end { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: var(--muted); }
.auc-end b { color: var(--text); font-variant-numeric: tabular-nums; }
.auc-st { align-self: flex-start; margin-top: 6px; padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 800; }
.auc-st.mine { background: rgba(var(--fg), .08); color: var(--text); }
.auc-st.top { background: rgba(31,160,90,.14); color: var(--ok-ink); }
.auc-st.out { background: rgba(220,60,60,.12); color: var(--bad-ink); }
.auc-how { margin-bottom: 14px; }
.auc-head { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0; }
.auc-head > div { display: grid; gap: 2px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line); background: rgba(var(--fg), .03); }
.auc-head span, .auc-head small { color: var(--muted); font-size: 12.5px; }
.auc-head strong { font-size: 21px; font-variant-numeric: tabular-nums; }
.auc-form { display: grid; gap: 8px; margin: 12px 0; }
.auc-form label { font-weight: 700; font-size: 14px; }
.auc-quick { display: flex; flex-wrap: wrap; gap: 6px; }
.auc-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.auc-h4 { display: flex; align-items: center; gap: 6px; margin: 16px 0 8px; font-size: 15px; }
.auc-bids { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; max-height: 220px; overflow: auto; }
.auc-bids li { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 10px; background: rgba(var(--fg), .03); font-size: 14px; }
.auc-bids li.lead { background: rgba(var(--acc), .12); }
.auc-bids small { color: var(--muted); font-size: 12px; }
.auc-rules { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 6px; font-size: 13.5px; color: var(--muted); }
.auc-rules li { display: flex; gap: 8px; align-items: flex-start; }
.auc-ended td small { font-size: 12px; }
.sho-auc { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; color: var(--gold-text); font-weight: 700; }
.sho-btns { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin-top: 4px; }
.callout.ok { border-color: rgba(31,160,90,.45); background: rgba(31,160,90,.10); }
.callout.ok i { color: var(--ok-ink); }
.sh-until { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 700; color: var(--gold-text); }
.sh-until b { font-variant-numeric: tabular-nums; }
@media (max-width:640px){.sho-v .sho-btns,.sho-v .sho-auc{grid-column:1/-1;justify-content:flex-start}.sho-v .sho-btns .btn{flex:1}}

.ob-legacy { display: flex; gap: 12px; align-items: flex-start; margin: 14px 0 0; padding: 14px; border-radius: 16px; border: 1px solid rgba(var(--acc), .45); background: rgba(var(--acc), .08); cursor: pointer; }
.ob-legacy input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--gold); }
.ob-legacy span { display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; align-items: center; }
.ob-legacy span > i { grid-row: span 2; font-size: 22px; color: var(--gold-text); }
.ob-legacy small { grid-column: 2; color: var(--muted); font-size: 13px; }

.rival-box { display: flex; gap: 12px; align-items: center; margin-top: 12px; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(220,60,60,.3); background: rgba(220,60,60,.06); }
.panel > .rival-box:first-child { margin-top: 0; }
.rv-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(220,60,60,.12); color: var(--bad-ink); font-size: 20px; flex: none; }
.rival-box > div { display: grid; gap: 2px; min-width: 0; }
.rival-box small { color: var(--muted); font-size: 12px; }
.rival-box b .dim { font-weight: 600; font-size: 13px; }
.rv-cmp { font-size: 12.5px; color: var(--muted); }

.t-plus { background: rgba(var(--acc), .18); color: var(--gold-text); }
.auc-official .auc-card { border-color: rgba(var(--acc), .7); box-shadow: 0 0 0 3px rgba(var(--acc), .12); }
.ofr-h { font-size: 14px; margin: 6px 0 8px; color: var(--muted); }
.ofr-list { display: grid; gap: 8px; margin-bottom: 12px; }
.ofr { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 16px; background: var(--bg-2); border: 1px solid var(--line); }
.ofr-m { display: grid; gap: 2px; flex: 1; min-width: 0; }
.ofr-m small { color: var(--muted); font-size: 12px; }
.ofr-m > span { font-size: 13px; }
.ofr-a { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; align-items: center; max-width: 340px; }
.auc-st.wait { background: rgba(var(--fg), .08); color: var(--muted); }
.auc-st.warn { background: rgba(242,194,0,.16); color: #A07800; }
.auc-st.ok { background: rgba(31,160,90,.14); color: var(--ok-ink); }
.auc-st.bad { background: rgba(220,60,60,.12); color: var(--bad-ink); }
.sh-owners { margin-top: 10px; }
.own-list { display: grid; gap: 6px; max-height: 360px; overflow: auto; }
.own-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 12px; background: rgba(var(--fg), .03); }
.own-row > div { display: grid; gap: 2px; min-width: 0; }
.own-row small { color: var(--muted); font-size: 12px; }
.sho-ins { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 12.5px; font-weight: 700; color: var(--bad-ink); cursor: pointer; }
.sho-ins.on { color: var(--ok-ink); }
.sho-ins input { width: 16px; height: 16px; accent-color: var(--gold); }
@media (max-width:640px){ .ofr { flex-wrap: wrap; } .ofr-a { max-width: none; width: 100%; justify-content: flex-start; } }

.grp-t td, .grp-t th { padding: 8px 10px; font-size: 14px; }
.grp-t tr.me td { background: rgba(var(--acc), .08); }
.grp-t small { font-size: 12px; }
.off-goal { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px; margin-bottom: 14px; border-radius: 14px; border: 1px solid var(--line); background: rgba(var(--fg), .03); flex-wrap: wrap; }
.off-goal > div { display: grid; gap: 6px; flex: 1; min-width: 220px; }
.off-goal small { color: var(--muted); font-size: 12.5px; }
.off-goal b { font-size: 18px; }
.off-goal.done { border-color: rgba(31,160,90,.45); background: rgba(31,160,90,.07); }

.bo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; }
.bo-card { position: relative; display: grid; gap: 4px; align-content: start; padding: 14px; border-radius: 16px; border: 1px solid var(--line); background: rgba(var(--fg), .03); }
.bo-card.voted { border-color: rgba(var(--acc), .7); background: rgba(var(--acc), .08); }
.bo-card small { color: var(--muted); font-size: 12px; }
.bo-card .btn, .bo-card .chip { justify-self: start; margin-top: 6px; }
.bo-n { position: absolute; top: 10px; right: 12px; font-weight: 800; color: var(--muted); font-size: 13px; }
.bo-st { display: flex; gap: 10px; margin-top: 6px; }
.bo-st span { display: grid; font-size: 11px; color: var(--muted); }
.bo-st b { font-size: 16px; color: var(--text); }
.bo-h3 { display: flex; align-items: center; gap: 6px; margin: 18px 0 8px; font-size: 15px; }
.bo-past { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; }
.bo-past > div { display: grid; padding: 10px 12px; border-radius: 12px; background: rgba(var(--fg), .03); }
.bo-past small { color: var(--muted); font-size: 12px; text-transform: capitalize; }
.sg-box { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 14px; margin-bottom: 14px; border-radius: 16px; background: rgba(var(--acc), .08); border: 1px solid rgba(var(--acc), .35); }
.sg-team { display: grid; justify-items: center; }
.sg-team small, .sg-mid small { color: var(--muted); font-size: 12px; }
.sg-team b { font-size: 30px; font-variant-numeric: tabular-nums; }
.sg-mid { display: grid; gap: 4px; justify-items: center; text-align: center; }
.sel-list { display: grid; gap: 4px; }
.sel-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; }
.sel-row.me { background: rgba(var(--acc), .1); }
.sel-pos { width: 24px; text-align: center; font-weight: 800; color: var(--muted); }
.sel-m { display: grid; flex: 1; min-width: 0; }
.sel-m small { color: var(--muted); font-size: 12px; }
.sel-st { display: flex; gap: 10px; font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; }

.story-p { margin-bottom: 16px; border-color: rgba(var(--acc), .4); }
.story-steps { display: grid; gap: 10px; }
.mis.st.locked { opacity: .55; }
.mis.st .mis-ic b { font-weight: 800; }
.daily-next { font-size: 13px; text-align: center; margin: 8px 0 0; }

.pj-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; padding: 12px 16px 4px; }
.pj-main { grid-column: span 2; display: grid; gap: 4px; padding: 14px; border-radius: 14px; background: rgba(var(--acc), .10); border: 1px solid rgba(var(--acc), .35); }
.pj-main > span { color: var(--muted); font-size: 13.5px; }
.pj-main > b { font-size: 28px; letter-spacing: -.01em; }
.pj-main small { color: var(--muted); font-size: 12.5px; }
.pj-bar { height: 8px; border-radius: 99px; background: rgba(var(--fg), .08); overflow: hidden; margin: 6px 0 2px; }
.pj-bar i { display: block; height: 100%; background: var(--gold); border-radius: 99px; }
.pj-card .ac-it small b { color: var(--text); }
.pj-up, .pj-down { font-style: normal; font-weight: 800; }
.pj-up { color: var(--ok-ink); } .pj-down { color: var(--bad-ink); }
.pj-parts { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: baseline; padding: 10px 16px 0; font-size: 14px; }
.pj-card { padding-bottom: 14px; }
.pj-card .fin-note { padding: 0 16px; }
@media (max-width:640px){ .pj-main { grid-column: auto; } }
.pj-sc b { color: var(--text); white-space: nowrap; }
@media (max-width:860px){.gem-packs>.gpack:last-child:nth-child(odd){grid-column:1/-1}}
.fo-t tr.fo-hot td { background: rgba(220,60,60,.06); }
.fo-t td, .fo-t th { white-space: nowrap; }

.rv-card { border-color: rgba(220,60,60,.28); }
.rv-vs { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
.rv-side { display: grid; justify-items: center; text-align: center; gap: 2px; min-width: 0; }
.rv-side .rank-head { width: 56px; height: 56px; }
.rv-side b { font-size: 15px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rv-side small { color: var(--muted); font-size: 12px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rv-side.me small { color: var(--gold-text); font-weight: 700; }
.rv-x { font-family: var(--display); font-size: 26px; font-weight: 800; color: var(--bad-ink); }
.rv-why { display: block; margin: 10px 0 12px; font-size: 13.5px; font-weight: 600; text-align: center; }
.rv-rows { display: grid; gap: 8px; }
.rv-row { display: grid; grid-template-columns: 78px 1fr 78px; gap: 10px; align-items: center; }
.rv-row > span { font-size: 13px; font-weight: 700; color: var(--muted); font-variant-numeric: tabular-nums; }
.rv-row > span:first-child { text-align: right; }
.rv-row > span.win { color: var(--text); }
.rv-row small { display: block; text-align: center; font-size: 11.5px; color: var(--muted); margin-bottom: 3px; }
.rv-bar { height: 6px; border-radius: 99px; background: rgba(220,60,60,.35); overflow: hidden; }
.rv-bar i { display: block; height: 100%; background: var(--gold); border-radius: 99px 0 0 99px; }
.rv-score { text-align: center; font-size: 13px; margin: 12px 0 0; }

/* ---------- presente chegando ---------- */
.gift-pop { text-align: center; }
.gift-box { position: relative; width: 120px; height: 120px; margin: 6px auto 14px; cursor: pointer; animation: gb-wiggle 1.4s ease-in-out infinite; }
.gb-body { position: absolute; left: 10px; right: 10px; bottom: 0; height: 74px; border-radius: 10px; background: linear-gradient(180deg, #FFC845, #E8A815); box-shadow: 0 12px 30px rgba(232,168,21,.35); }
.gb-lid { position: absolute; left: 0; right: 0; top: 22px; height: 30px; border-radius: 10px; background: linear-gradient(180deg, #FFD566, #F2B92A); z-index: 2; transition: transform .45s cubic-bezier(.2,1.4,.4,1); }
.gb-ribbon { position: absolute; left: 50%; top: 22px; bottom: 0; width: 18px; margin-left: -9px; background: #DC3C3C; z-index: 3; transition: opacity .3s; }
.gb-ribbon::before, .gb-ribbon::after { content: ''; position: absolute; top: -20px; width: 26px; height: 22px; border: 6px solid #DC3C3C; border-radius: 50% 50% 0 50%; }
.gb-ribbon::before { right: 8px; transform: rotate(-20deg); }
.gb-ribbon::after { left: 8px; transform: scaleX(-1) rotate(-20deg); }
.gift-pop.opened .gift-box { animation: none; }
.gift-pop.opened .gb-lid { transform: translateY(-46px) rotate(-14deg); }
.gift-pop.opened .gb-ribbon { opacity: 0; }
@keyframes gb-wiggle { 0%, 70%, 100% { transform: rotate(0); } 76% { transform: rotate(-6deg); } 82% { transform: rotate(6deg); } 88% { transform: rotate(-4deg); } 94% { transform: rotate(3deg); } }
.gift-reveal { animation: gr-in .5s ease both; }
.gr-ic { display: grid; place-items: center; width: 64px; height: 64px; margin: -6px auto 8px; border-radius: 18px; background: rgba(var(--acc), .16); color: var(--gold-text); font-size: 34px; }
@keyframes gr-in { from { opacity: 0; transform: translateY(10px) scale(.96); } to { opacity: 1; transform: none; } }
.gift-pop .modal-actions { flex-direction: column; }
.gift-pop.opened .gift-box { transform: scale(.55); margin: -18px auto -22px; transition: transform .4s, margin .4s; }
.ob-legacy-box { margin-top: 14px; }
.ob-legacy-box .ob-legacy { margin-top: 0; }
.ob-keep { margin: 10px 0 0; }
.ob-keep label { display: flex; align-items: center; gap: 6px; }
.ob-gear { font-size: 13px; margin: 8px 0 0; display: flex; align-items: center; gap: 6px; }
.rv-side small.rv-age { color: var(--text); font-weight: 700; }
.rv-side.me small.rv-age { color: var(--text); }
.rv-note { text-align: center; font-size: 12.5px; color: var(--muted); margin: 8px 0 -2px; display: flex; gap: 5px; justify-content: center; align-items: center; flex-wrap: wrap; }

/* família */
.kid-card { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; border: 1px solid var(--line-2); }
.kid-card > div:nth-child(2) { flex: 1; min-width: 0; display: grid; gap: 2px; }
.kid-card b { font-size: 15px; color: var(--text); }
.kid-card span { font-size: 12.5px; }
.kid-card.away { opacity: .75; border-style: dashed; }
.kid-av { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 18px; flex: none; color: #fff; background: #5AB0FF; }
.kid-av.f { background: #F472B6; }
.kid-av .ph-duotone { font-size: 22px; color: #fff; }
.fam-note { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: rgba(var(--acc), .07); border: 1px solid rgba(var(--acc), .35); }
.fam-note > div { flex: 1; }
.fam-note .ph-duotone { font-size: 24px; color: var(--gold-text); }
.fam-note b { display: block; font-size: 14px; color: var(--text); }
.fam-note small { display: block; font-size: 12.5px; color: var(--muted); }
.bn-sug { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 14px; }
.bn-chip { font: inherit; font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line-2); background: transparent; color: var(--text); cursor: pointer; }
.bn-chip:hover { border-color: rgba(var(--acc), .6); background: rgba(var(--acc), .08); }

.ce-who { padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line-2); font-size: 14px; }

.sh-stock.one { color: var(--gold-text); font-weight: 700; }

/* Copa: vitrine da camisa de prêmio */
.copa-jersey { display: flex; align-items: center; gap: 14px; margin: 14px 0 6px; padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.28); text-align: left; }
.cj-shirt { position: relative; width: 92px; flex: none; animation: cjFloat 3.2s ease-in-out infinite; }
.cj-shirt svg { width: 100%; height: auto; position: relative; z-index: 1; filter: drop-shadow(0 6px 14px rgba(0,0,0,.28)); }
.cj-glow { position: absolute; inset: 10% 5%; border-radius: 50%; background: radial-gradient(circle, rgba(253,224,71,.55), transparent 70%); animation: cjGlow 2.4s ease-in-out infinite; }
.cj-txt { display: grid; gap: 3px; min-width: 0; }
.cj-txt small { font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #FDE68A; display: flex; gap: 4px; align-items: center; }
.cj-txt b { font-size: 17px; line-height: 1.25; }
.cj-txt span { font-size: 13px; opacity: .9; }
.ch-jersey { display: flex; align-items: center; gap: 5px; font-weight: 700; color: var(--gold-text); margin-top: 2px; }
@keyframes cjFloat { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-5px) rotate(2deg); } }
@keyframes cjGlow { 0%, 100% { opacity: .55; transform: scale(.92); } 50% { opacity: 1; transform: scale(1.06); } }
@media (prefers-reduced-motion: reduce) { .cj-shirt, .cj-glow { animation: none; } }

/* selo de notícia bomba / urgente no feed */
.sn-flag{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:2px 8px;border-radius:6px;margin:2px 0 4px;color:#fff;animation:snFlag 1.4s ease-in-out infinite}
.sn-flag .ph,.sn-flag i{font-size:.8rem}
.sn-flag-hot{background:#d6283b}
.sn-flag-bomb{background:#e8710a}
@keyframes snFlag{0%,100%{opacity:1}50%{opacity:.72}}
@media (prefers-reduced-motion:reduce){.sn-flag{animation:none}}
/* celular obrigatório */
.nudge-phone .form{margin-top:12px;text-align:left}
.nudge-phone .check{font-weight:500;font-size:14px;margin:4px 0 12px}
.form .check span{font-weight:500;font-size:14px}
/* linha Gemas do Shopping */
.sh-gem{display:inline-flex;align-items:center;gap:4px;color:var(--sky-ink,#1D5FB4)}
:root[data-mode="dark"] .sh-gem{color:#7CC4FF}
.sh-gems .sh-card{border-color:rgba(45,123,223,.35)}
/* impulsos (Gemas e extras) */
.bst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.bst-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line)}
.bst-card.on{border-color:rgba(var(--acc),.6);box-shadow:0 0 0 2px rgba(var(--acc),.18)}
.bst-card .bst-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--acc),.16);font-size:24px;color:var(--gold-text)}
.bst-card b{font-size:16px}.bst-card p{margin:0;color:var(--text);font-weight:600}.bst-card small{color:var(--muted);margin-bottom:6px}
.bst-card .btn{margin-top:auto}
.bst-act{display:grid;gap:10px}
.bst-on{display:flex;align-items:center;gap:12px}.bst-on>i{font-size:26px;color:var(--gold-text)}.bst-on small{display:block;color:var(--muted)}
/* Master: resultados combinados */
.rig-h{display:flex;align-items:center;gap:8px;font-size:16px;margin:18px 0 8px}
.rig-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:8px}
.rig-who{display:flex;flex-direction:column;gap:3px;min-width:220px}
.rig-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rig-ctl label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.rig-ctl select.input{width:auto;min-height:36px;padding:4px 8px}
.rig-pl{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.rig-ctl label.locked select{opacity:.7}
/* Master: pagantes por DDD */
.ddd-card .fin-hd{align-items:center}
.ddd-tg{padding:0;margin:0}
.ddd-body{padding:8px 16px 14px}
.ddd-reg{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:0 0 16px}
.ddd-reg>div{padding:10px 12px;border-radius:var(--r-md);background:var(--surface);display:flex;flex-direction:column;gap:1px;min-width:0}
.ddd-reg span{font-size:12.5px;font-weight:700;color:var(--muted)}
.ddd-reg b{font-size:20px;line-height:1.2}
.ddd-reg small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddd-cols{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px}
@media (max-width:760px){.ddd-cols{grid-template-columns:1fr}}
.ddd-cols h3{font-size:13px;font-weight:800;margin:0 0 4px;display:flex;justify-content:space-between}
.ddd-cols h3 .dim{font-weight:500}
.ddd-row{display:grid;grid-template-columns:32px minmax(0,1.3fr) minmax(40px,1fr) 22px 74px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.ddd-cols>div:last-child .ddd-row{grid-template-columns:32px 0 minmax(40px,1fr) 22px 40px}
.ddd-k{font-weight:800;font-variant-numeric:tabular-nums}
.ddd-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddd-n em{font-style:normal;color:var(--muted);font-size:12px;margin-left:4px}
.ddd-bar{height:6px;border-radius:4px;background:var(--surface);overflow:hidden}.ddd-bar i{display:block;height:100%;background:var(--gold);border-radius:4px}
.ddd-v{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}
.ddd-x{text-align:right;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ddd-all{margin-top:6px}
@media (max-width:520px){.ddd-row{grid-template-columns:28px minmax(0,1fr) 50px 20px 64px}}

/* Master da Copa: inscrito que já cobrou na fase atual */
.mc-entries .chip.played, .chip.played { background: rgba(22, 163, 74, .12); border-color: rgba(22, 163, 74, .55); color: #15803d; box-shadow: inset 0 0 0 1px rgba(22, 163, 74, .35); }
.chip.played i { color: #16a34a; }
[data-theme="dark"] .chip.played, .dark .chip.played { color: #4ade80; }
/* Master da Copa: quem deve passar para a próxima fase (amarelo); o ícone verde continua mostrando quem já cobrou */
.mc-entries .chip.proj, .chip.proj { background: rgba(234, 179, 8, .16); border-color: rgba(202, 138, 4, .6); color: #854d0e; box-shadow: inset 0 0 0 1px rgba(202, 138, 4, .35); }
.chip.proj i { color: #ca8a04; }
[data-theme="dark"] .chip.proj, .dark .chip.proj { color: #facc15; }
.mc-legend .chip { white-space: nowrap; display: inline-flex; margin: 2px 0; }

/* Master > Métricas: conversão para Craque+ */
.cv-stats .m-stat small { font-size: 12px; line-height: 1.3; }
.cv-stats .m-stat b { font-size: 26px; }
.cv-hbars { display: grid; gap: 8px; }
.cv-hb { display: grid; grid-template-columns: minmax(96px, 34%) 1fr auto; align-items: center; gap: 10px; font-size: 13.5px; }
.cv-hb .cv-l { color: var(--muted); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv-track { height: 14px; background: var(--bg-2); border-radius: 4px; overflow: hidden; }
.cv-track i { display: block; height: 100%; background: var(--gold); border-radius: 0 4px 4px 0; }
.cv-hb b { font-weight: 800; min-width: 64px; text-align: right; white-space: nowrap; }
.cv-hb:hover .cv-track i { filter: brightness(1.08); }
.cv-note { font-size: 12.5px; margin-top: 10px; }
.cv-coh .mbar { position: relative; }
.cv-coh .mbar em { font-style: normal; font-size: 10.5px; font-weight: 800; color: var(--text); white-space: nowrap; }
.cv-coh .mbar { grid-template-rows: auto 1fr auto; }
.cv-coh .mbar i { position: relative; overflow: hidden; background: color-mix(in srgb, var(--gold) 35%, transparent); }
.cv-coh .mbar i u { position: absolute; left: 0; right: 0; bottom: 0; background: var(--gold); text-decoration: none; }
.cv-hours { gap: 3px; }
.cv-key { display: inline-block; width: 10px; height: 10px; border-radius: 2px; background: color-mix(in srgb, var(--gold) 35%, transparent); vertical-align: -1px; }
.cv-key.sub { background: var(--gold); }
@media (max-width: 640px) { .cv-hb { grid-template-columns: 104px 1fr auto; } .cv-hb .cv-l { white-space: normal; line-height: 1.2; } }
.cv-link { text-align: left; cursor: pointer; font: inherit; color: inherit; transition: border-color .15s, transform .15s; }
.cv-link:hover { border-color: var(--gold); transform: translateY(-1px); }
.cv-link small { color: var(--gold-text); }
.modal:has(.cv-list) { max-width: 1000px; width: min(1000px, 94vw); }
.cv-list td { white-space: nowrap; }

/* Master > Métricas: grade de 4 cards por linha (sem card sobrando sozinho) e cards de conversão */
@media (min-width: 900px) { .m-stats-4 { grid-template-columns: repeat(4, 1fr); } }
.cv-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 900px) { .cv-cards { grid-template-columns: repeat(4, 1fr); } }
.cv-card { background: var(--bg-2); border: 1px solid var(--line); border-radius: 14px; padding: 16px; display: flex; flex-direction: column; gap: 6px; min-height: 132px; text-align: left; font: inherit; color: inherit; }
.cv-c-h { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; font-weight: 700; line-height: 1.25; }
.cv-c-ic { flex: none; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: color-mix(in srgb, var(--gold) 16%, transparent); color: var(--gold-text); font-size: 16px; font-style: normal; }
.cv-c-v { font-family: var(--display); font-weight: 900; font-size: 30px; line-height: 1.05; white-space: nowrap; margin-top: 4px; }
.cv-c-s { color: var(--dim); font-size: 12.5px; line-height: 1.35; }
.cv-c-more { margin-top: auto; font-size: 12.5px; font-weight: 700; color: var(--gold-text); display: inline-flex; align-items: center; gap: 4px; }
.cv-link { cursor: pointer; transition: border-color .15s, transform .15s; }
.cv-link:hover { border-color: var(--gold); transform: translateY(-1px); }
@media (max-width: 520px) { .cv-c-v { font-size: 24px; } }

.cv-caret { display: inline-flex; transition: transform .15s; color: var(--muted); }
.cv-src-row.open .cv-caret { transform: rotate(90deg); }

.cv-det { font-size: 13px; }
.cv-det th { font-size: 11px; }
.cv-url code { font-size: 12px; word-break: break-all; white-space: normal; display: inline; }
.cv-url { max-width: 420px; }
.cv-ids span, .cv-refs span { display: block; white-space: nowrap; font-size: 12.5px; }

.cv-dl { display: grid; gap: 10px; }
.cv-di { background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; display: grid; gap: 8px; text-align: left; }
.cv-di-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.cv-di-name { display: grid; gap: 2px; font-size: 14px; }
.cv-di-name small { color: var(--dim); font-size: 12.5px; }
.cv-di-nums { display: flex; gap: 14px; align-items: baseline; font-size: 13px; color: var(--muted); white-space: nowrap; }
.cv-di-nums b { color: var(--text); }
.cv-di-rate { font-weight: 900; font-size: 15px; color: var(--text); min-width: 48px; text-align: right; }
.cv-di-bar { height: 6px; }
.cv-di-url { display: flex; align-items: center; gap: 8px; min-width: 0; }
.cv-di-url code { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; background: var(--bg-2); border-radius: 6px; padding: 5px 8px; }
.cv-di-refs { font-size: 12.5px; color: var(--muted); display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; }
.cv-di-refs span b { color: var(--text); font-weight: 700; }

.cv-src { display: grid; }
.cv-src-h, .cv-src-row { display: grid; grid-template-columns: 1fr 90px 90px 90px; gap: 8px; align-items: center; padding: 10px 8px; }
.cv-src-h { font-size: 12px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; border-bottom: 1px solid var(--line); }
.cv-src-h span:not(:first-child), .cv-src-row span:not(:first-child) { text-align: right; }
.cv-src-row { cursor: pointer; border-bottom: 1px solid var(--line); border-radius: 8px; }
.cv-src-row:hover { background: var(--bg-2); }
.cv-src-row > span:first-child { display: flex; align-items: center; gap: 6px; min-width: 0; }
.cv-caret { font-style: normal; }
.cv-src-det { background: var(--bg-2); border-radius: 12px; padding: 10px; margin: 6px 0 10px; }
@media (max-width: 640px) {
  .cv-src-h, .cv-src-row { grid-template-columns: 1fr 64px 64px 56px; font-size: 13px; padding: 10px 4px; }
  .cv-src-row small { display: none; }
  .cv-di-nums { gap: 10px; }
  .cv-di-url .btn { padding: 4px 8px; }
}
.cv-src-h em { font-style: normal; }
.cv-short { display: none; }
@media (max-width: 640px) { .cv-full { display: none; } .cv-short { display: inline; } }

/* fim de partida sem Craque+: recompensas da trilha dourada */
.rx-plus { display: flex; align-items: center; gap: 10px; margin-top: 14px; padding: 10px 12px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--gold) 45%, transparent); background: color-mix(in srgb, var(--gold) 10%, transparent); color: inherit; text-decoration: none; text-align: left; font-size: 13.5px; }
.rx-plus > .ph-duotone, .rx-plus > i:first-child { color: var(--gold-text); font-size: 22px; flex: none; }
.rx-plus span { flex: 1; }
.rx-plus > b { white-space: nowrap; color: var(--gold-text); font-size: 13px; display: inline-flex; align-items: center; gap: 2px; }
.rx-plus.big { align-items: flex-start; padding: 14px; }
.rx-plus.big > div { display: grid; gap: 4px; }
.rx-plus.big b { font-size: 14.5px; }
.rx-plus.big small { color: var(--muted); font-size: 12.5px; }
.rx-plus.big .btn { justify-self: start; margin-top: 6px; }

/* Master da Copa: tipo de lance de cada confronto (modo Misto) */
.mc-kind { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 800; padding: 2px 7px; border-radius: 999px; line-height: 1.3; white-space: nowrap; }
.mc-kind.k-freekick { background: rgba(59,130,246,.14); color: #1d4ed8; }
.mc-kind.k-penalty { background: rgba(234,88,12,.14); color: #c2410c; }
.mc-kind.k-oneonone { background: rgba(147,51,234,.14); color: #7e22ce; }
[data-theme="dark"] .mc-kind.k-freekick { color: #93c5fd; } [data-theme="dark"] .mc-kind.k-penalty { color: #fdba74; } [data-theme="dark"] .mc-kind.k-oneonone { color: #d8b4fe; }
.mc-mk { padding: 6px 9px 2px; }
.mc-kcount { display: flex; flex-wrap: wrap; gap: 4px 8px; margin-top: 4px; font-size: 12px; font-weight: 700; color: var(--muted); }
.mc-kcount .mc-kind { padding: 2px 5px; }
.mc-kfilter { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 12px; }
.mc-entries .chip .mc-kind { padding: 1px 4px; margin-right: 2px; }
.rig-type { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; font-size: 13px; }
.rig-search { margin: 0 0 10px; max-width: 360px; }
.chip.played.behind { background: rgba(234,88,12,.10); border-color: rgba(234,88,12,.5); color: #c2410c; box-shadow: none; }
.chip.played.behind i { color: #ea580c; }
[data-theme="dark"] .chip.played.behind { color: #fdba74; }

/* galeria: Copa Camisa 10 (da conta, vale para qualquer carreira) */
.c10-hall { display: block; border-radius: 18px; padding: 16px; margin-bottom: 18px; border: 1px solid color-mix(in srgb, var(--gold) 40%, var(--line)); background: linear-gradient(135deg, color-mix(in srgb, var(--gold) 14%, var(--bg-2)), var(--bg-2) 60%); color: inherit; text-decoration: none; }
.c10-hall.champ { border-color: var(--gold); background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--gold) 38%, transparent), transparent 55%), linear-gradient(135deg, #1b1606, #2b2209 55%, #15120a); color: #fff7dc; box-shadow: 0 10px 30px -12px color-mix(in srgb, var(--gold) 70%, transparent); }
.c10h-head { display: flex; align-items: center; gap: 12px; }
.c10h-head b { display: block; font-family: var(--display); font-weight: 900; font-size: 20px; letter-spacing: .01em; }
.c10h-head small { color: var(--muted); font-size: 13px; }
.c10-hall.champ .c10h-head small { color: #e9d9a6; }
.c10h-ic { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 26px; background: color-mix(in srgb, var(--gold) 22%, transparent); color: var(--gold-text); flex: none; }
.c10-hall.champ .c10h-ic { background: linear-gradient(145deg, #ffe08a, #c9971c); color: #3a2a00; box-shadow: 0 0 0 3px rgba(255,214,102,.25); }
.c10h-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; margin-top: 14px; }
.c10h-card { border-radius: 14px; padding: 12px; display: grid; gap: 2px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
.c10-hall:not(.champ) .c10h-card { background: var(--bg); border-color: var(--line); }
.c10h-card .ph-duotone { font-size: 28px; }
.c10h-card.p1 .ph-duotone { color: #ffd166; } .c10h-card.p2 .ph-duotone { color: #cfd8e3; } .c10h-card.p3 .ph-duotone { color: #d79a5b; }
.c10h-card b { font-size: 15px; }
.c10h-card span { font-size: 13px; font-weight: 700; }
.c10h-card small { font-size: 12px; opacity: .75; }
.c10h-card.p1 { background: linear-gradient(160deg, rgba(255,209,102,.22), rgba(255,209,102,.05)); border-color: rgba(255,209,102,.55); }
.c10-hall.empty { display: flex; align-items: center; gap: 12px; }
.c10-hall.empty > div { flex: 1; }
.c10-hall.empty b { display: block; font-family: var(--display); font-weight: 900; font-size: 18px; }
.c10-hall.empty small { display: block; color: var(--muted); font-size: 13px; line-height: 1.4; text-align: left; }
.c10-hall { text-align: left; }

/* Master da Copa: prévia da próxima fase (montável) */
.mc-m.mc-prev { border-style: dashed; }
.mc-np { width: 100%; display: flex; align-items: center; gap: 6px; background: none; border: 0; font: inherit; color: inherit; text-align: left; cursor: default; }
button.mc-np { cursor: pointer; }
button.mc-np:hover { background: var(--bg-2); }
.mc-np.sure i:first-child { color: #16a34a; }
.mc-np.proj { color: var(--muted); } .mc-np.proj i:first-child { color: #ca8a04; }
.mc-np.tbd span { color: var(--dim); font-size: 12px; font-style: italic; }
.mc-np.pick { background: color-mix(in srgb, var(--gold) 22%, transparent); box-shadow: inset 0 0 0 2px var(--gold); }
.mc-plan { margin-left: auto; color: var(--gold-text); font-style: normal; }
.mc-nx-hint { font-size: 12.5px; color: var(--muted); margin: 0 0 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
button.mc-np { background: transparent; box-shadow: none; border-radius: 0; min-height: 0; padding: 7px 9px; justify-content: flex-start; font-weight: 600; }
/* Master: controle da Bola de Ouro */
.aw-ed { width: auto; max-width: 100%; height: 38px; font-size: 14px; margin-left: auto; }
.aw-sum { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; font-size: 14px; color: var(--muted); }
.aw-sum b { color: var(--text); }
.aw-st { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; background: rgba(var(--fg), .06); font-weight: 700; color: var(--text); }
.aw-st.on { background: rgba(22, 163, 74, .12); color: #15803d; }
.aw-t td { vertical-align: middle; }
.aw-t tr.aw-win td { background: rgba(255, 200, 69, .14); }
.aw-up { color: #15803d; font-weight: 700; }
.aw-dn { color: var(--red); font-weight: 700; }
.aw-adj { display: flex; gap: 6px; min-width: 190px; }
.aw-adj .input { height: 34px; width: 110px; font-size: 14px; padding: 0 10px; }
.aw-acts { display: grid; gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.aw-grp { display: grid; gap: 4px; }
.aw-grp label { font-size: 13px; }
.aw-grp .input { height: 38px; font-size: 14px; max-width: 260px; }
.aw-danger { color: var(--red); }
.aw-vh { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 18px 0 8px; }
.aw-vh h3 { margin: 0; font-size: 16px; display: flex; align-items: center; gap: 6px; }
.aw-vw { max-height: 420px; overflow: auto; }
.aw-flag { display: inline-block; font-size: 12px; padding: 2px 8px; border-radius: 999px; background: rgba(234, 88, 12, .12); color: #c2410c; margin: 1px 0; }
@media (max-width: 640px) { .aw-ed { margin-left: 0; width: 100%; } .aw-grp .input { max-width: none; flex: 1; } }
.aw-t td { white-space: normal; }
.aw-t td:nth-child(2) { min-width: 150px; }
.aw-t td small { display: inline-block; line-height: 1.35; }
/* Master: pedidos de remoção */
.rr-form { display: grid; grid-template-columns: 140px 1fr 1fr 110px 1fr auto; gap: 10px; align-items: end; }
.rr-form .field { margin: 0; }
.rr-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 12px; }
.rr-item { margin-bottom: 12px; border-left: 4px solid var(--line-2); }
.rr-item.rr-novo { border-left-color: var(--gold); }
.rr-item.rr-andamento { border-left-color: #3b82f6; }
.rr-item.rr-removido { border-left-color: var(--grass); }
.rr-item.rr-recusado { border-left-color: var(--red); }
.rr-top { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; flex-wrap: wrap; }
.rr-org { font-size: 18px; }
.rr-st { font-size: 12.5px; font-weight: 800; padding: 3px 10px; border-radius: 999px; background: rgba(var(--fg), .07); }
.rr-novo .rr-st { background: rgba(255, 200, 69, .25); }
.rr-removido .rr-st { background: rgba(23, 160, 92, .14); color: var(--grass); }
.rr-who { margin-top: 8px; font-size: 14px; line-height: 1.7; color: var(--muted); }
.rr-who b { color: var(--text); }
.rr-box { margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: rgba(var(--fg), .04); }
.rr-box small { display: block; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.rr-box p { margin: 2px 0 8px; font-size: 14.5px; line-height: 1.5; }
.rr-box p:last-child { margin-bottom: 0; }
.rr-set { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.rr-set select { width: 170px; height: 38px; font-size: 14px; }
.rr-set input { flex: 1; min-width: 200px; height: 38px; font-size: 14px; }
@media (max-width: 900px) { .rr-form { grid-template-columns: 1fr 1fr; } .rr-form .btn { grid-column: 1 / -1; } }
@media (max-width: 520px) { .rr-form { grid-template-columns: 1fr; } .rr-set select { width: 100%; } }
.acc-del { color: var(--red); border-color: rgba(217, 58, 58, .35); }
/* tela de campeão da Copa */
.modal.cele-modal { overflow: hidden; }
.cele { position: relative; text-align: center; padding-top: 6px; }
.cele-glow { position: absolute; left: 50%; top: -60px; width: 320px; height: 320px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle, rgba(255, 200, 69, .45), transparent 65%); pointer-events: none; }
.cele-silver .cele-glow { background: radial-gradient(circle, rgba(190, 200, 220, .55), transparent 65%); }
.cele-bronze .cele-glow { background: radial-gradient(circle, rgba(205, 127, 50, .4), transparent 65%); }
.cele-trophy { position: relative; display: inline-grid; place-items: center; width: 112px; height: 112px; border-radius: 50%; background: linear-gradient(160deg, #FFE08A, #FFC845 55%, #C98F00); color: #2B1F00; font-size: 62px; box-shadow: 0 16px 40px rgba(255, 200, 69, .45); animation: cele-pop .7s cubic-bezier(.2, 1.4, .4, 1) both; }
.cele-silver .cele-trophy { background: linear-gradient(160deg, #F4F6FA, #C9D1DF 55%, #8C97AB); color: #1B2236; box-shadow: 0 16px 40px rgba(140, 151, 171, .4); }
.cele-bronze .cele-trophy { background: linear-gradient(160deg, #F5C08A, #CD7F32 55%, #8A4F16); color: #2A1404; box-shadow: 0 16px 40px rgba(205, 127, 50, .35); }
.cele-tag { position: relative; display: block; margin-top: 16px; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--gold-text, #9A6A00); }
.cele-t { position: relative; font-family: var(--display); font-size: 52px; line-height: .95; margin: 4px 0 8px; text-transform: uppercase; }
.cele-head { font-weight: 800; font-size: 18px; margin: 0 0 6px; }
.cele-sub { color: var(--muted); margin: 0 auto; max-width: 340px; line-height: 1.5; }
.cele-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 18px 0 12px; }
.cele-stats div { padding: 12px; border-radius: 14px; background: rgba(var(--fg), .05); }
.cele-stats b { display: block; font-family: var(--display); font-size: 36px; line-height: 1; color: var(--gold-text, #9A6A00); }
.cele-stats span { font-size: 13px; color: var(--muted); font-weight: 700; }
.cele-prize { display: flex; gap: 8px; align-items: flex-start; text-align: left; padding: 10px 12px; border-radius: 12px; background: rgba(255, 200, 69, .14); margin-top: 8px; font-size: 14px; line-height: 1.45; }
@keyframes cele-pop { from { transform: scale(.3) rotate(-20deg); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .cele-trophy { animation: none; } }
/* temporada do mês */
.mt-hero { border-color: rgba(255, 200, 69, .45); background: radial-gradient(120% 140% at 100% 0%, rgba(255, 200, 69, .16), transparent 60%), var(--surface, transparent); }
.mt-top { display: flex; gap: 14px; justify-content: space-between; align-items: flex-start; }
.mt-top small { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--gold-text); }
.mt-top h2 { font-family: var(--display); font-size: 28px; line-height: 1; margin: 6px 0; }
.mt-top p { margin: 0; font-size: 14px; }
.mt-clock { flex: none; text-align: center; padding: 10px 14px; border-radius: 14px; background: rgba(var(--fg), .06); }
.mt-clock b { display: block; font-family: var(--display); font-size: 26px; line-height: 1; }
.mt-clock span { font-size: 12px; color: var(--muted); font-weight: 700; }
.mt-prizes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.mt-p { padding: 10px; border-radius: 12px; background: rgba(var(--fg), .05); font-size: 12.5px; line-height: 1.35; }
.mt-p b { display: block; font-family: var(--display); font-size: 22px; line-height: 1; margin-bottom: 4px; }
.mt-p.p1 { background: rgba(255, 200, 69, .2); }
.mt-prize { color: var(--gold-text); font-weight: 700; }
.mt-me { margin-bottom: 14px; border-color: rgba(255, 200, 69, .45); }
.mt-past { display: grid; grid-template-columns: 130px 1fr; gap: 2px 10px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.mt-past span { color: var(--muted); grid-row: span 2; text-transform: capitalize; }
.mt-past small { color: var(--muted); }
@media (max-width: 600px) { .mt-prizes { grid-template-columns: 1fr 1fr; } .mt-top { flex-direction: column; } }
/* metas de convite */
.inv-goals { display: grid; gap: 10px; }
.inv-goal { display: grid; grid-template-columns: 38px 1fr; gap: 4px 12px; align-items: center; padding: 10px 12px; border-radius: 14px; background: rgba(var(--fg), .04); }
.inv-goal b { display: block; font-size: 15px; }
.inv-goal small { color: var(--muted); font-size: 13px; }
.ig-n { grid-row: span 2; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(var(--fg), .08); font-family: var(--display); font-size: 20px; font-weight: 800; }
.inv-goal.done .ig-n { background: var(--grass); color: #fff; }
.ig-bar { height: 6px; border-radius: 99px; background: rgba(var(--fg), .08); overflow: hidden; }
.ig-bar i { display: block; height: 100%; background: var(--gold); border-radius: 99px; }
.inv-goal.done .ig-bar i { background: var(--grass); }
.inv-list { display: grid; gap: 2px; max-height: 360px; overflow: auto; }
.inv-f { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.inv-f b { display: block; font-size: 14.5px; }
.inv-f small { color: var(--muted); font-size: 13px; }
.inv-prog { font-size: 13px; font-weight: 700; color: var(--muted); white-space: nowrap; }
.tag.ok { background: rgba(23, 160, 92, .14); color: var(--grass); }
/* campeão segurando a taça */
.ch-hold { position: relative; width: 132px; height: 262px; margin: 6px auto 0; }
.ch-hold .ch-av { position: absolute; left: 0; top: 0; width: 132px; height: auto; image-rendering: pixelated; filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .25)); }
.ch-hold .ch-cup { position: absolute; left: calc(50% - 36px); top: 92px; width: 72px; height: auto; filter: drop-shadow(0 4px 10px rgba(201, 143, 0, .5)); animation: cele-pop .7s cubic-bezier(.2, 1.4, .4, 1) .2s both; }
.chs .cele-t { font-size: 40px; text-transform: none; }
/* Copa: chave por etapas */
.cp-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 10px; scrollbar-width: thin; }
.cp-tab { flex: none; display: grid; grid-template-columns: auto 1fr; column-gap: 6px; align-items: center; text-align: left; padding: 8px 12px; border-radius: 12px; border: 1px solid var(--line-2); background: transparent; color: var(--text); font: inherit; cursor: pointer; }
.cp-tab span { font-weight: 800; font-size: 14px; grid-column: 2; }
.cp-tab small { grid-column: 2; font-size: 12px; color: var(--muted); }
.cp-tab > .ph, .cp-tab > .ph-fill, .cp-tab > .cp-dot { grid-row: span 2; }
.cp-tab.done > .ph, .cp-tab.done > .ph-fill { color: var(--grass); }
.cp-tab.on { background: var(--gold); border-color: transparent; color: var(--gold-ink); }
.cp-tab.on small { color: rgba(43, 31, 0, .7); }
.cp-tab.on.done > .ph { color: var(--gold-ink); }
.cp-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 4px rgba(217, 58, 58, .18); animation: cp-pulse 1.4s ease-in-out infinite; }
@keyframes cp-pulse { 50% { box-shadow: 0 0 0 7px rgba(217, 58, 58, .05); } }
.cp-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin: 4px 0 12px; }
.cp-bar b { display: block; font-family: var(--display); font-size: 24px; line-height: 1; }
.cp-bar small { color: var(--muted); font-size: 13px; }
.cp-search { display: flex; align-items: center; gap: 6px; padding: 0 10px; height: 38px; border-radius: 10px; border: 1px solid var(--line-2); background: rgba(var(--fg), .03); color: var(--muted); }
.cp-search input { border: 0; background: transparent; outline: none; font: inherit; font-size: 14px; color: var(--text); width: 150px; }
.cp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.cp-m { position: relative; border: 1px solid var(--line-2); border-radius: 12px; overflow: hidden; background: rgba(var(--fg), .02); }
.cp-m.mine { border-color: var(--gold); box-shadow: 0 0 0 2px rgba(255, 200, 69, .25); }
.cp-m.sd { border-color: var(--red); }
.cp-mine { position: absolute; right: 8px; top: -1px; font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; background: var(--gold); color: var(--gold-ink); padding: 2px 7px; border-radius: 0 0 6px 6px; }
.cp-p { display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 6px; padding: 9px 11px; font-size: 14px; }
.cp-p + .cp-p { border-top: 1px solid var(--line); }
.cp-p span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cp-p b { font-variant-numeric: tabular-nums; font-size: 14px; }
.cp-p > .ph, .cp-p > .ph-fill { color: var(--muted); opacity: .5; font-size: 15px; }
.cp-p.win { font-weight: 800; } .cp-p.win > .ph-fill, .cp-p.win > .ph { color: var(--grass); opacity: 1; } .cp-p.win b { color: var(--grass); }
.cp-p.lose { color: var(--muted); } .cp-p.lose span { text-decoration: line-through; text-decoration-color: rgba(var(--fg), .25); }
.cp-p.me span { color: var(--gold-text); font-weight: 800; }
.cp-p.bye { color: var(--muted); font-style: italic; grid-template-columns: 1fr; }
.cp-sd { font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--red); padding: 3px 11px; border-top: 1px solid var(--line); }
.cp-empty { display: flex; align-items: center; gap: 10px; padding: 18px; border-radius: 12px; border: 1px dashed var(--line-2); color: var(--muted); }
@media (max-width: 600px) { .cp-grid { grid-template-columns: 1fr; } .cp-search { width: 100%; } .cp-search input { width: 100%; } }
/* Bola de Ouro: selo e card */
.bola-tag { display: inline-flex; align-items: center; gap: 1px; margin-left: 4px; color: #D4A017; font-size: .9em; vertical-align: -1px; } .bola-tag small { font-size: 11px; font-weight: 800; }
.bola-pill { display: inline-flex; align-items: center; gap: 5px; margin: 4px 4px 0 0; padding: 3px 10px; border-radius: 999px; background: linear-gradient(135deg, rgba(255, 200, 69, .3), rgba(255, 200, 69, .12)); color: #8A6200; font-size: 12.5px; font-weight: 800; }
.trophy.award.bola { position: relative; background: radial-gradient(120% 120% at 50% 0%, rgba(255, 200, 69, .35), rgba(255, 200, 69, .08) 70%); border-color: rgba(212, 160, 23, .55); box-shadow: 0 6px 18px rgba(212, 160, 23, .18); padding-top: 26px; }
.trophy.award.bola .ph-duotone { color: #D4A017; }
.bola-ribbon { position: absolute; top: 0; left: 50%; transform: translateX(-50%); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; background: #D4A017; color: #2B1F00; padding: 2px 8px; border-radius: 0 0 8px 8px; white-space: nowrap; }
/* comunicado com jogador em destaque e fundo temático */
.ann-hero { position: relative; height: 230px; margin: -6px -6px 14px; border-radius: 18px; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; background: linear-gradient(180deg, #1E3A8A, #0E1A3A); }
.ann-hero.th-halloween { background: radial-gradient(70% 60% at 50% 100%, rgba(249, 115, 22, .45), transparent 70%), linear-gradient(180deg, #1B0B2E 0%, #3B0F5C 55%, #5B1A3A 100%); }
.ann-hero.th-gold { background: radial-gradient(80% 70% at 50% 85%, rgba(255, 233, 160, .9), rgba(255, 200, 69, .6) 45%, #B07A00 100%); }
.ann-hero.th-night { background: radial-gradient(60% 50% at 50% 100%, rgba(52, 199, 123, .45), transparent 70%), linear-gradient(180deg, #050A18, #0E2240 70%, #0F5132 100%); }
.ah-pl { position: relative; z-index: 2; width: 104px; margin-bottom: 30px; animation: ah-in .6s cubic-bezier(.2, 1.3, .4, 1) both; }
.ah-pl .ah-av { width: 104px; height: auto; image-rendering: pixelated; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .45)); }
.ah-name { position: absolute; z-index: 3; left: 0; right: 0; bottom: 8px; text-align: center; color: #fff; text-shadow: 0 2px 6px rgba(0, 0, 0, .6); line-height: 1.15; }
.ah-name b { font-family: var(--display); font-size: 22px; letter-spacing: .02em; }
.ah-name small { display: block; font-size: 12px; opacity: .85; }
.th-gold .ah-name { color: #2B1F00; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); }
.ah-moon { position: absolute; top: 18px; right: 28px; width: 54px; height: 54px; border-radius: 50%; background: #FEF3C7; box-shadow: 0 0 40px 12px rgba(254, 243, 199, .35); }
.ah-moon::after { content: ''; position: absolute; top: 10px; left: 12px; width: 10px; height: 10px; border-radius: 50%; background: rgba(0, 0, 0, .08); box-shadow: 18px 14px 0 3px rgba(0, 0, 0, .06); }
.ah-bat { position: absolute; width: 36px; z-index: 1; animation: ah-bat 3.2s ease-in-out infinite; filter: drop-shadow(0 0 5px rgba(254, 243, 199, .45)); } .ah-bat svg, .ah-pk svg { display: block; width: 100%; height: auto; }
.ah-bat.b0 { top: 30px; left: 22px; } .ah-bat.b1 { top: 70px; right: 96px; width: 26px; animation-delay: -1s; } .ah-bat.b2 { top: 18px; left: 46%; width: 22px; animation-delay: -2s; }
.ah-pk { position: absolute; bottom: 14px; width: 54px; z-index: 2; } .ah-pk.k0 { left: 22px; } .ah-pk.k1 { right: 22px; width: 44px; }
.ah-rays { position: absolute; inset: -40%; background: repeating-conic-gradient(from 0deg at 50% 60%, rgba(255, 255, 255, .28) 0 8deg, transparent 8deg 22deg); animation: ah-spin 30s linear infinite; }
.ah-lights { position: absolute; top: -20px; width: 140px; height: 220px; background: linear-gradient(180deg, rgba(255, 255, 255, .35), transparent); filter: blur(6px); } .ah-lights.l0 { left: -20px; transform: rotate(-20deg); } .ah-lights.l1 { right: -20px; transform: rotate(20deg); }
@keyframes ah-bat { 50% { transform: translateY(-8px) scaleX(.85); } }
@keyframes ah-spin { to { transform: rotate(360deg); } }
@keyframes ah-in { from { transform: translateY(30px) scale(.8); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .ah-bat, .ah-rays, .ah-pl { animation: none; } }
/* comunicado: dois jogadores frente a frente */
.ann-hero.vs { align-items: flex-end; justify-content: space-between; padding: 0 18px 12px; }
.ah-vs-p { position: relative; z-index: 2; width: 42%; display: flex; flex-direction: column; align-items: center; text-align: center; color: #fff; text-shadow: 0 2px 6px rgba(0, 0, 0, .6); line-height: 1.15; }
.ah-vs-p .ah-av { width: 86px; height: auto; image-rendering: pixelated; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .45)); }
.ah-vs-p.l { animation: ah-l .6s cubic-bezier(.2, 1.3, .4, 1) both; } .ah-vs-p.r { animation: ah-r .6s cubic-bezier(.2, 1.3, .4, 1) both; }

.ah-vs-p b { font-family: var(--display); font-size: 18px; margin-top: 4px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ah-vs-p small { font-size: 11.5px; opacity: .85; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ah-vs { position: absolute; z-index: 3; left: 50%; top: 46%; transform: translate(-50%, -50%) rotate(-6deg); font-family: var(--display); font-size: 56px; font-weight: 900; color: #FFC845; text-shadow: 0 0 0 #000, 3px 3px 0 #7A2E00, 0 0 24px rgba(249, 115, 22, .8); animation: ah-vs .5s cubic-bezier(.2, 1.6, .4, 1) .35s both; }
.th-gold .ah-vs-p { color: #2B1F00; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); }
.ann-hero.vs .ah-pk.k0 { left: calc(50% - 42px); right: auto; bottom: 12px; width: 34px; } .ann-hero.vs .ah-pk.k1 { right: calc(50% - 40px); left: auto; bottom: 12px; width: 28px; }
@keyframes ah-l { from { transform: translateX(-60px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes ah-r { from { transform: translateX(60px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes ah-vs { from { transform: translate(-50%, -50%) scale(2.4) rotate(-6deg); opacity: 0; } to { transform: translate(-50%, -50%) rotate(-6deg); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .ah-vs-p, .ah-vs { animation: none; } }

/* ---------- peças lendárias ---------- */
.sh-legends .sh-sech h2 { color: var(--gold-text); }
.lg-card { border: 1px solid rgba(245, 183, 0, .55); background: linear-gradient(160deg, rgba(255, 214, 102, .16), var(--bg-2) 45%, rgba(245, 183, 0, .08)); box-shadow: 0 0 0 1px rgba(255, 214, 102, .25) inset, 0 6px 22px rgba(245, 183, 0, .14); overflow: hidden; }
.lg-card::after { content: ''; position: absolute; inset: -40% auto -40% -60%; width: 40%; background: linear-gradient(100deg, transparent, rgba(255, 240, 190, .35), transparent); transform: skewX(-18deg); animation: lgShine 4.5s ease-in-out infinite; pointer-events: none; }
.lg-card .sh-ic { color: #E0A400; }
.lg-card.st-owned, .lg-card.st-vault { filter: saturate(.85); }
.lg-card.st-vault { opacity: .75; }
@keyframes lgShine { 0%, 60% { left: -60%; } 100% { left: 130%; } }
@media (prefers-reduced-motion: reduce) { .lg-card::after { animation: none; display: none; } }
.t-lg { display: inline-flex; align-items: center; gap: 3px; font-style: normal; font-size: 10.5px; font-weight: 900; letter-spacing: .04em; padding: 2px 8px; border-radius: 999px; color: #2B1A00; background: linear-gradient(100deg, #FFF1C2, #F5B700 50%, #FFE58A); }
.sh-own .t-lg { margin: 2px 6px 2px 0; }
.lg-mark { display: inline-block; align-self: flex-start; margin: 2px 0; padding: 1px 8px; border: 1px dashed rgba(224, 164, 0, .8); border-radius: 6px; font-family: 'Big Shoulders Display', sans-serif; font-weight: 900; font-size: 13px; letter-spacing: .08em; color: var(--gold-text); text-transform: uppercase; }
.lg-fx { margin: 2px 0; font-size: 12.5px; line-height: 1.35; color: var(--text-2, var(--muted)); }
.lg-fx .ph, .lg-fx i { color: #E0A400; }
.sh-own.lg-own { border: 1px solid rgba(245, 183, 0, .6); background: linear-gradient(150deg, rgba(255, 214, 102, .14), var(--bg-2) 55%); box-shadow: 0 0 0 3px rgba(255, 214, 102, .12); }
.lg-det .shd-h .sh-ic { color: #E0A400; }
.lg-fxbox { display: flex; gap: 10px; align-items: flex-start; margin: 12px 0; padding: 12px; border-radius: 14px; background: linear-gradient(135deg, rgba(255, 214, 102, .22), rgba(255, 214, 102, .06)); border: 1px solid rgba(245, 183, 0, .4); }
.lg-fxbox > .ph, .lg-fxbox > i { color: #E0A400; font-size: 22px; }
.lg-fxbox b { display: block; font-size: 13px; } .lg-fxbox span { font-size: 14px; }
.lg-owner { font-size: 14px; margin: 8px 0; }
.lg-tag { display: inline-flex; align-items: center; margin-left: 4px; color: #E0A400; font-size: .95em; vertical-align: -1px; filter: drop-shadow(0 0 4px rgba(245, 183, 0, .45)); }
.lg-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; margin: 6px 0 2px; }
.lg-pill { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; color: #2B1A00; background: linear-gradient(100deg, #FFF1C2, #F5B700 45%, #FFE58A); box-shadow: 0 0 0 1px rgba(255, 214, 102, .6); }
.lg-pill.med { background: linear-gradient(100deg, #E8F5FF, #9CC8F0 45%, #D6ECFF); color: #0B2A4A; box-shadow: 0 0 0 1px rgba(120, 180, 240, .6); }
/* Luva do Paredão */
.nl.lg-save { background: linear-gradient(90deg, rgba(255, 214, 102, .35), transparent); border-left: 3px solid #F5B700; }
.lg-wall-fx { position: fixed; left: 50%; top: 38%; z-index: 60; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 2px; pointer-events: none; color: #FFC845; animation: lgWall 1.7s ease forwards; }
.lg-wall-fx .ph, .lg-wall-fx i { font-size: 74px; filter: drop-shadow(0 0 18px rgba(255, 200, 69, .8)); }
.lg-wall-fx b { font-family: 'Big Shoulders Display', sans-serif; font-weight: 900; font-size: 40px; letter-spacing: .06em; text-shadow: 0 3px 14px rgba(0, 0, 0, .55); }
@keyframes lgWall { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.4); } 18% { opacity: 1; transform: translate(-50%, -50%) scale(1.12); } 30% { transform: translate(-50%, -50%) scale(1); } 80% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -60%) scale(1); } }
/* Apito de Ouro */
.apito-fx { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; pointer-events: none; animation: apOut 2.6s ease forwards; }
.apito-fx .ring { position: absolute; width: 140px; height: 140px; border-radius: 50%; border: 3px solid rgba(255, 200, 69, .85); animation: apRing 1.4s ease-out 3; }
.apito-fx .wh { display: grid; place-items: center; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #FFF6D5, #F5B700 55%, #A87A0A); color: #3A2600; font-size: 62px; box-shadow: 0 0 60px rgba(255, 200, 69, .7); animation: apPop .9s cubic-bezier(.2, 1.6, .4, 1) both, apShake .18s linear .9s 6; }
.apito-fx b { position: absolute; margin-top: 190px; font-family: 'Big Shoulders Display', sans-serif; font-weight: 900; font-size: 30px; letter-spacing: .06em; color: #FFC845; text-shadow: 0 2px 12px rgba(0, 0, 0, .6); }
@keyframes apPop { from { transform: scale(0) rotate(-40deg); } to { transform: scale(1) rotate(0); } }
@keyframes apShake { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-12deg); } 75% { transform: rotate(12deg); } }
@keyframes apRing { from { transform: scale(.6); opacity: 1; } to { transform: scale(2.6); opacity: 0; } }
@keyframes apOut { 0%, 80% { opacity: 1; } 100% { opacity: 0; visibility: hidden; } }
/* Master */
.m-legends { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.m-pill.green { background: rgba(52, 199, 123, .14); color: #34C77B; border-color: rgba(52, 199, 123, .35); }
.m-pill.grey { background: rgba(140, 150, 170, .14); color: #9AA3B5; border-color: rgba(140, 150, 170, .3); }

/* ---------- Meus bens: cofre dourado das peças lendárias ---------- */
.lg-vault { position: relative; margin: 0 0 18px; padding: 18px; border-radius: 22px; overflow: hidden; color: #FFF7E0;
  background: radial-gradient(120% 90% at 0% 0%, rgba(255, 200, 69, .28), transparent 55%), radial-gradient(90% 80% at 100% 100%, rgba(224, 164, 0, .22), transparent 60%), linear-gradient(160deg, #1C1404, #0E0A02 60%, #1A1203);
  border: 1px solid transparent; background-clip: padding-box; box-shadow: 0 0 0 1.5px #C9971F, 0 0 0 4px rgba(255, 214, 102, .14), 0 18px 44px rgba(120, 84, 0, .35); }
.lg-vault::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .07; background: repeating-linear-gradient(115deg, #FFD866 0 2px, transparent 2px 18px); }
.lgv-h { position: relative; display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.lgv-crown { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; font-size: 26px; color: #2B1A00; background: linear-gradient(135deg, #FFF1C2, #F5B700 50%, #B07D00); box-shadow: 0 4px 18px rgba(245, 183, 0, .45); }
.lgv-h h2 { margin: 0; font-family: 'Big Shoulders Display', sans-serif; font-weight: 900; font-size: 28px; letter-spacing: .02em; text-transform: uppercase; line-height: 1;
  background: linear-gradient(100deg, #FFE7A3, #F5B700 35%, #FFF6D5 55%, #D9A31A 75%, #FFE58A); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lgv-h p { margin: 3px 0 0; font-size: 13px; color: rgba(255, 236, 190, .75); }
.lgv-grid { position: relative; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.lgo { position: relative; display: grid; grid-template-columns: 74px 1fr; gap: 14px; padding: 14px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(155deg, rgba(255, 214, 102, .16), rgba(255, 214, 102, .04) 55%, rgba(255, 214, 102, .1)); border: 1px solid rgba(255, 210, 100, .45); box-shadow: inset 0 1px 0 rgba(255, 240, 200, .25); }
.lgo::after { content: ''; position: absolute; top: -50%; bottom: -50%; left: -60%; width: 38%; background: linear-gradient(100deg, transparent, rgba(255, 240, 190, .22), transparent); transform: skewX(-18deg); animation: lgShine 5s ease-in-out infinite; pointer-events: none; }
.lgo-medal { position: relative; display: grid; place-items: center; width: 74px; height: 74px; border-radius: 50%; font-size: 36px; color: #3A2600;
  background: radial-gradient(circle at 35% 30%, #FFF6D5, #F5B700 55%, #9C6B00); box-shadow: 0 0 26px rgba(255, 200, 69, .45), inset 0 -4px 10px rgba(120, 80, 0, .45); }
.lgo-ring { position: absolute; inset: -5px; border-radius: 50%; background: conic-gradient(from 0deg, #FFE7A3, transparent 30%, #F5B700 50%, transparent 75%, #FFE7A3); -webkit-mask: radial-gradient(circle, transparent 60%, #000 62%); mask: radial-gradient(circle, transparent 60%, #000 62%); animation: lgSpin 6s linear infinite; }
@keyframes lgSpin { to { transform: rotate(360deg); } }
.lgo-body { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.lgo-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.lgo-one { font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #FFD866; }
.lgo .lg-mark { color: #FFE7A3; border-color: rgba(255, 216, 102, .8); margin: 0; }
.lgo h3 { margin: 0; font-size: 17px; line-height: 1.2; color: #FFF7E0; }
.lgo-fx { margin: 0; font-size: 13px; line-height: 1.35; color: rgba(255, 240, 205, .85); }
.lgo-fx .ph, .lgo-fx i { color: #FFD866; }
.lgo-val { display: flex; align-items: baseline; gap: 6px; }
.lgo-val small { font-size: 12px; color: rgba(255, 236, 190, .65); }
.lgo-val b { font-family: 'Big Shoulders Display', sans-serif; font-weight: 900; font-size: 24px; color: #FFD866; }
.lgo-val em { font-style: normal; font-size: 11px; font-weight: 800; padding: 1px 7px; border-radius: 999px; background: rgba(255, 216, 102, .18); color: #FFE7A3; }
.lgo-ins { color: #FFF0C8 !important; border-color: rgba(255, 216, 102, .4) !important; background: rgba(0, 0, 0, .25) !important; }
.lgo-ins.on { color: #9BF0C2 !important; border-color: rgba(52, 199, 123, .5) !important; }
.lgo-btns { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
.lgo-btns .btn { background: rgba(255, 255, 255, .08); color: #FFF0C8; border-color: rgba(255, 216, 102, .4); }
.lgo-btns .btn-ghost { background: transparent; }
.lgo-btns .lgo-eq { background: linear-gradient(100deg, #FFE7A3, #F5B700); color: #2B1A00; border-color: transparent; font-weight: 800; }
.lgo .sho-auc { color: #FFE7A3; font-size: 12.5px; }
@media (max-width: 520px) { .lg-vault { padding: 14px; } .lgo { grid-template-columns: 58px 1fr; gap: 10px; } .lgo-medal { width: 58px; height: 58px; font-size: 28px; } .lgv-h h2 { font-size: 24px; } }
@media (prefers-reduced-motion: reduce) { .lgo::after, .lgo-ring { animation: none; } }
.lgo-btns .btn { flex: 0 0 auto; width: auto; }
.lgo-val b { white-space: nowrap; }
.lg-ribbon { position: absolute; top: 16px; right: -34px; z-index: 2; width: 150px; padding: 4px 0; transform: rotate(35deg); text-align: center; font-size: 10.5px; font-weight: 900; letter-spacing: .08em; color: #2B1A00; background: linear-gradient(100deg, #FFE7A3, #F5B700 50%, #FFE58A); box-shadow: 0 2px 8px rgba(120, 84, 0, .35); }
.lg-card.st-owned .sh-tags { visibility: hidden; }
.lg-ownerline { display: flex; align-items: center; gap: 8px; margin: 4px 0; padding: 8px 10px; border-radius: 12px; background: linear-gradient(100deg, #2A1E04, #4A3608); color: #FFF0C8; }
.lg-ownerline > .ph, .lg-ownerline > i { font-size: 20px; color: #FFD866; }
.lg-ownerline small { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: rgba(255, 216, 102, .8); }
.lg-ownerline b { font-size: 14px; margin-right: 5px; } .lg-ownerline span { font-size: 12.5px; color: rgba(255, 240, 200, .75); }
.lg-card.st-owned, .lg-card.st-vault { filter: none; }
/* Vida > Loja: faixa das peças lendárias */
.life-lg { display: block; margin: 0 0 14px; padding: 14px; border-radius: 18px; text-decoration: none; color: #FFF7E0; position: relative; overflow: hidden;
  background: radial-gradient(120% 90% at 0% 0%, rgba(255, 200, 69, .28), transparent 55%), linear-gradient(160deg, #1C1404, #0E0A02 60%, #1A1203); box-shadow: 0 0 0 1.5px #C9971F, 0 10px 28px rgba(120, 84, 0, .28); }
.life-lg-h { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.life-lg-h .lgv-crown { width: 38px; height: 38px; font-size: 22px; border-radius: 12px; }
.life-lg-h b { display: block; font-family: 'Big Shoulders Display', sans-serif; font-weight: 900; font-size: 22px; letter-spacing: .02em; text-transform: uppercase; background: linear-gradient(100deg, #FFE7A3, #F5B700 40%, #FFF6D5 60%, #E0A400); -webkit-background-clip: text; background-clip: text; color: transparent; }
.life-lg-h small { font-size: 12.5px; color: rgba(255, 236, 190, .75); }
.life-lg-h > .ph:last-child, .life-lg-h > i:last-child { margin-left: auto; color: #FFD866; }
.life-lg-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 8px; }
.life-lg-i { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 12px; background: rgba(255, 214, 102, .08); border: 1px solid rgba(255, 210, 100, .25); min-width: 0; }
.life-lg-i.owned { background: rgba(255, 214, 102, .14); border-color: rgba(255, 210, 100, .5); }
.life-lg-i.me { background: linear-gradient(100deg, rgba(255, 214, 102, .35), rgba(255, 214, 102, .12)); border-color: #F5B700; }
.life-lg-i .ll-ic { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border-radius: 50%; font-size: 18px; color: #3A2600; background: radial-gradient(circle at 35% 30%, #FFF6D5, #F5B700 55%, #9C6B00); }
.life-lg-i b { display: block; font-size: 13px; line-height: 1.2; color: #FFF7E0; }
.life-lg-i small { display: block; font-size: 12px; color: rgba(255, 236, 190, .8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.life-lg-i.owned small { color: #FFD866; font-weight: 700; } .life-lg-i small i { font-style: normal; font-weight: 500; opacity: .8; }
.life-lg, .life-lg * { text-decoration: none !important; }
.m-lg-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 0 0 12px; padding: 8px 12px; border-radius: 12px; background: var(--bg-2); border: 1px solid var(--line); font-size: 13px; }
.m-lg-bar .btn { margin-left: auto; }
.m-lg-note { margin: 0 0 12px; padding: 10px 12px; border-radius: 12px; background: rgba(52, 199, 123, .14); color: var(--ok-ink, #1F8F55); font-weight: 700; font-size: 14px; }
.m-lg .panel-head { flex-wrap: wrap; gap: 6px; } .m-lg .panel-head h2 { flex: 1 1 200px; }
.lg-tag.med { color: #5B9BD5; filter: drop-shadow(0 0 4px rgba(91, 155, 213, .45)); } .hero-body .lg-pills { justify-content: flex-start; }
/* Master: dica flutuante dos gráficos */
.m-tip { position: fixed; z-index: 200; pointer-events: none; display: grid; gap: 2px; min-width: 120px; max-width: 260px; padding: 8px 11px; border-radius: 10px; background: #0F172A; color: #F8FAFC; font-size: 13px; line-height: 1.35; box-shadow: 0 8px 24px rgba(0, 0, 0, .3); }
.m-tip b { font-size: 12px; color: #FFC845; letter-spacing: .02em; }
.m-tip span { white-space: nowrap; }
.m-main .mbar, .m-main .cv-hb { cursor: pointer; }
.m-main .mbar.m-tip-on i { filter: brightness(1.15); box-shadow: 0 0 0 2px rgba(255, 200, 69, .5); }
.m-main .cv-hb.m-tip-on { background: rgba(255, 200, 69, .1); }
.sg-bars .mbar { position: relative; } .sg-bars .mbar em { position: absolute; left: 50%; transform: translateX(-50%); top: -2px; font-style: normal; font-size: 11px; font-weight: 800; color: var(--gold-text, var(--gold)); }
.phys-act { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; } .phys-act .btn { margin: 0; flex: 0 0 auto; } .phys-top .pm, .phys-top > span { flex: 0 0 auto; white-space: nowrap; }
.phys-top > div:first-child { flex: 1 1 auto; min-width: 0; } .phys-top .chip { margin-left: 4px; vertical-align: middle; } .phys-list { align-items: start; }
.phys-top { flex-direction: column-reverse; align-items: flex-start; gap: 6px; } .phys-top > div:first-child { width: 100%; }
/* ---------- Master: abas internas e Comunicados ---------- */
.m-main [data-sec][hidden] { display: none !important; }
.m-subtabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 16px; padding: 4px; border-radius: 14px; background: var(--bg-2); border: 1px solid var(--line); }
.m-subtab { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 0; border-radius: 10px; background: transparent; color: var(--muted); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.m-subtab:hover { color: var(--text); background: rgba(var(--fg), .05); }
.m-subtab.on { background: var(--gold); color: #1a1205; }
.m-main .grid.grid-2-even { align-items: start; }
.cm-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 1000px) { .cm-grid { grid-template-columns: 1fr; } }
.cm-where { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
@media (max-width: 560px) { .cm-where { grid-template-columns: 1fr; } }
.cm-opt { position: relative; cursor: pointer; }
.cm-opt input { position: absolute; opacity: 0; pointer-events: none; }
.cm-opt > span { display: grid; gap: 2px; height: 100%; padding: 10px 12px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--bg-2); transition: border-color .12s, background .12s; }
.cm-opt > span .ph-duotone { font-size: 22px; color: var(--muted); }
.cm-opt b { font-size: 14px; } .cm-opt small { font-size: 12px; color: var(--muted); }
.cm-opt input:checked + span { border-color: var(--gold); background: rgba(255, 200, 69, .12); }
.cm-opt input:checked + span .ph-duotone { color: var(--gold-text, #B88A00); }
.cm-opt input:disabled + span { opacity: .45; cursor: not-allowed; }
.cm-opt input:focus-visible + span { outline: 2px solid var(--gold); outline-offset: 2px; }
.cm-more { margin: 4px 0; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--bg-2); }
.cm-more summary { cursor: pointer; font-weight: 700; font-size: 14px; }
.cm-sum { margin: 10px 0; padding: 10px 12px; border-radius: 10px; background: rgba(var(--fg), .04); font-size: 13.5px; }
.cm-list { display: grid; gap: 8px; }
.cm-item { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line); }
.cm-item b { display: block; font-size: 14px; } .cm-item small { display: block; font-size: 12px; color: var(--muted); margin-top: 2px; }
.m-cards3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; align-items: stretch; }
.m-masonry { columns: 2 380px; column-gap: 16px; }
.m-masonry > section { break-inside: avoid; display: block; margin: 0 0 16px; }
.m-masonry > section[style*="grid-column"] { column-span: all; }
.lg-ribbon.auc { background: linear-gradient(100deg, #FFE1E1, #EF4444 50%, #FCA5A5); color: #fff; }
.lg-card.st-auction .sh-tags { visibility: hidden; }

/* Master: criar peça lendária */
.lg-icons{display:flex;flex-wrap:wrap;gap:6px;max-height:232px;overflow-y:auto;padding:2px}
.lg-ico input{position:absolute;opacity:0;pointer-events:none}
.lg-ico span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--line,#DDE3EC);font-size:21px;cursor:pointer;background:var(--card,#fff)}
.lg-ico input:checked+span{border-color:#C9961A;background:linear-gradient(135deg,#FFF4CF,#FFE08A);color:#7A5200;box-shadow:0 0 0 2px rgba(201,150,26,.35)}
.lg-ico input:focus-visible+span{outline:2px solid #C9961A;outline-offset:2px}

/* ícones extras (não existem no Phosphor): carro de Fórmula 1 e capacete de corrida. Uso: ic('c-f1'), icd('c-helmet') */
.ph.ph-c-f1::before{content:'';display:inline-block;width:1em;height:1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 16 256 220'%3E%3Cg fill='none' stroke='black' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 154v-24l42-8 38-4 16-26h28l10 22 48 12 34 16v12z'/%3E%3Cpath d='M16 84h44M38 84v38'/%3E%3Cpath d='M222 168h22'/%3E%3Ccircle cx='68' cy='170' r='24'/%3E%3Ccircle cx='196' cy='172' r='21'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 16 256 220'%3E%3Cg fill='none' stroke='black' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 154v-24l42-8 38-4 16-26h28l10 22 48 12 34 16v12z'/%3E%3Cpath d='M16 84h44M38 84v38'/%3E%3Cpath d='M222 168h22'/%3E%3Ccircle cx='68' cy='170' r='24'/%3E%3Ccircle cx='196' cy='172' r='21'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-.125em;opacity:1}
.ph-duotone.ph-c-f1::before{content:'';display:inline-block;width:1em;height:1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 16 256 220'%3E%3Cpath opacity='.2' d='M24 154v-24l42-8 38-4 16-26h28l10 22 48 12 34 16v12z'/%3E%3Cg fill='none' stroke='black' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 154v-24l42-8 38-4 16-26h28l10 22 48 12 34 16v12z'/%3E%3Cpath d='M16 84h44M38 84v38'/%3E%3Cpath d='M222 168h22'/%3E%3Ccircle cx='68' cy='170' r='24'/%3E%3Ccircle cx='196' cy='172' r='21'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 16 256 220'%3E%3Cpath opacity='.2' d='M24 154v-24l42-8 38-4 16-26h28l10 22 48 12 34 16v12z'/%3E%3Cg fill='none' stroke='black' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 154v-24l42-8 38-4 16-26h28l10 22 48 12 34 16v12z'/%3E%3Cpath d='M16 84h44M38 84v38'/%3E%3Cpath d='M222 168h22'/%3E%3Ccircle cx='68' cy='170' r='24'/%3E%3Ccircle cx='196' cy='172' r='21'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-.125em;opacity:1}
.ph-fill.ph-c-f1::before{content:'';display:inline-block;width:1em;height:1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 16 256 220'%3E%3Cpath d='M24 154v-24l42-8 38-4 16-26h28l10 22 48 12 34 16v12z'/%3E%3Cg fill='black' stroke='black' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 154v-24l42-8 38-4 16-26h28l10 22 48 12 34 16v12z'/%3E%3Cpath d='M16 84h44M38 84v38'/%3E%3Cpath d='M222 168h22'/%3E%3Ccircle cx='68' cy='170' r='24'/%3E%3Ccircle cx='196' cy='172' r='21'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 16 256 220'%3E%3Cpath d='M24 154v-24l42-8 38-4 16-26h28l10 22 48 12 34 16v12z'/%3E%3Cg fill='black' stroke='black' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 154v-24l42-8 38-4 16-26h28l10 22 48 12 34 16v12z'/%3E%3Cpath d='M16 84h44M38 84v38'/%3E%3Cpath d='M222 168h22'/%3E%3Ccircle cx='68' cy='170' r='24'/%3E%3Ccircle cx='196' cy='172' r='21'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-.125em;opacity:1}
.ph-duotone.ph-c-f1::after{content:none}
.ph.ph-c-helmet::before{content:'';display:inline-block;width:1em;height:1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='none' stroke='black' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M58 196C40 172 36 140 44 112 58 66 98 40 142 40c54 0 88 40 88 88l-2 44c-1 20-16 32-36 32H78c-8 0-15-3-20-8z'/%3E%3Cpath d='M230 94h-98c-16 0-26 14-22 30l4 16c2 6 7 10 14 10h100'/%3E%3Cpath d='M164 180h32'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='none' stroke='black' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M58 196C40 172 36 140 44 112 58 66 98 40 142 40c54 0 88 40 88 88l-2 44c-1 20-16 32-36 32H78c-8 0-15-3-20-8z'/%3E%3Cpath d='M230 94h-98c-16 0-26 14-22 30l4 16c2 6 7 10 14 10h100'/%3E%3Cpath d='M164 180h32'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-.125em;opacity:1}
.ph-duotone.ph-c-helmet::before{content:'';display:inline-block;width:1em;height:1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath opacity='.2' d='M58 196C40 172 36 140 44 112 58 66 98 40 142 40c54 0 88 40 88 88l-2 44c-1 20-16 32-36 32H78c-8 0-15-3-20-8z'/%3E%3Cg fill='none' stroke='black' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M58 196C40 172 36 140 44 112 58 66 98 40 142 40c54 0 88 40 88 88l-2 44c-1 20-16 32-36 32H78c-8 0-15-3-20-8z'/%3E%3Cpath d='M230 94h-98c-16 0-26 14-22 30l4 16c2 6 7 10 14 10h100'/%3E%3Cpath d='M164 180h32'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath opacity='.2' d='M58 196C40 172 36 140 44 112 58 66 98 40 142 40c54 0 88 40 88 88l-2 44c-1 20-16 32-36 32H78c-8 0-15-3-20-8z'/%3E%3Cg fill='none' stroke='black' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M58 196C40 172 36 140 44 112 58 66 98 40 142 40c54 0 88 40 88 88l-2 44c-1 20-16 32-36 32H78c-8 0-15-3-20-8z'/%3E%3Cpath d='M230 94h-98c-16 0-26 14-22 30l4 16c2 6 7 10 14 10h100'/%3E%3Cpath d='M164 180h32'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-.125em;opacity:1}
.ph-fill.ph-c-helmet::before{content:'';display:inline-block;width:1em;height:1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill-rule='evenodd' d='M58 196C40 172 36 140 44 112 58 66 98 40 142 40c54 0 88 40 88 88l-2 44c-1 20-16 32-36 32H78c-8 0-15-3-20-8zM230 94h-98c-16 0-26 14-22 30l4 16c2 6 7 10 14 10h100z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill-rule='evenodd' d='M58 196C40 172 36 140 44 112 58 66 98 40 142 40c54 0 88 40 88 88l-2 44c-1 20-16 32-36 32H78c-8 0-15-3-20-8zM230 94h-98c-16 0-26 14-22 30l4 16c2 6 7 10 14 10h100z'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-.125em;opacity:1}
.ph-duotone.ph-c-helmet::after{content:none}

/* Master: convites suspeitos */
.iv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
.iv-stats>div{background:var(--card,#fff);border:1px solid var(--line,#DDE3EC);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column}
.iv-stats b{font-size:22px}.iv-stats span{font-size:13px;color:var(--muted,#64748B)}
.iv-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line,#E5E9F0);flex-wrap:wrap}
.iv-row:first-of-type{border-top:0}
.iv-who{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 320px}
.iv-who .muted{font-size:13.5px}
.iv-sig{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.iv-act{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:700px){.iv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Calendário de competições */
.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.cc-card{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;border:1px solid var(--line,#E2E8F0);background:var(--card,#fff);color:inherit;text-decoration:none;transition:transform .12s}
.cc-card:hover{transform:translateY(-1px)}
.cc-top{display:flex;align-items:center;gap:8px}
.cc-top b{flex:1;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(30,158,92,.12);color:#1E9E5C;font-size:18px;flex:none}
.cc-card.continental .cc-ic,.cc-l.continental .cc-ic{background:rgba(37,99,235,.12);color:#2563EB}
.cc-card.super .cc-ic,.cc-l.super .cc-ic{background:rgba(201,150,26,.15);color:#B7860B}
.cc-card.world .cc-ic,.cc-l.world .cc-ic{background:rgba(124,58,237,.12);color:#7C3AED}
.cc-card.nation .cc-ic,.cc-l.nation .cc-ic{background:rgba(220,38,38,.1);color:#DC2626}
.cc-st{font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:999px;background:rgba(30,158,92,.14);color:#15803D;flex:none}
.cc-card.out{opacity:.72}.cc-card.out .cc-st{background:rgba(100,116,139,.15);color:var(--muted,#64748B)}
.cc-card.champ{border-color:#E7B53A;background:linear-gradient(135deg,rgba(255,224,138,.35),rgba(255,255,255,0) 70%)}
.cc-card.champ .cc-st{background:#FFC845;color:#5B3E00}
.cc-stage{font-size:14px;font-weight:700}
.cc-next{font-size:13px;color:var(--muted,#64748B);display:flex;align-items:center;gap:6px}
.cc-later{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line,#E2E8F0)}
.cc-l{display:flex;gap:10px;align-items:flex-start}
.cc-l b{display:block;font-size:14px}.cc-l small{color:var(--muted,#64748B);font-size:12.5px;line-height:1.35}

/* Galeria de troféus */
.shelf{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}
.shelf-row{background:var(--card,#fff);border:1px solid var(--line,#E2E8F0);border-radius:16px;padding:12px 14px}
.shelf-h{font-weight:800;font-size:14px;color:var(--muted,#64748B);display:flex;align-items:center;gap:6px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}
.shelf-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.cup-t{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 10px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(255,224,138,.28),rgba(255,224,138,0));border:1px solid rgba(201,150,26,.3)}
.cup-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF3C4,#F2C14E 55%,#B7860B);color:#5B3E00;font-size:28px;box-shadow:0 4px 12px rgba(183,134,11,.3)}
.cup-t.continental .cup-ic{background:radial-gradient(circle at 35% 30%,#E0EBFF,#7FA7F5 55%,#2D5BC7);color:#0B2A6B;box-shadow:0 4px 12px rgba(45,91,199,.3)}
.cup-t.continental{background:linear-gradient(180deg,rgba(127,167,245,.22),rgba(127,167,245,0));border-color:rgba(45,91,199,.25)}
.cup-t.nation .cup-ic,.cup-t.world .cup-ic{background:radial-gradient(circle at 35% 30%,#FFF8D8,#FFD45C 50%,#C98516);color:#4A2A00}
.cup-t.super .cup-ic{background:radial-gradient(circle at 35% 30%,#F4F6FA,#C5CCD8 55%,#7D8799);color:#2B3240;box-shadow:0 4px 12px rgba(125,135,153,.3)}
.cup-t.super{background:linear-gradient(180deg,rgba(197,204,216,.3),rgba(197,204,216,0));border-color:rgba(125,135,153,.3)}
.cup-t b{font-size:13.5px;line-height:1.25}
.cup-t small{font-size:11.5px;color:var(--muted,#64748B)}
.cup-n{position:absolute;top:8px;right:8px;font-size:12px;font-weight:900;background:#111827;color:#FFC845;border-radius:999px;padding:2px 7px}

/* retrospectiva em tela cheia: esconde o botão flutuante do grupo */
body:has(.retro) #c10-fab{display:none}

/* ---------- layout novo (v2): 4 áreas + Jogar no centro, abas por área ---------- */
.shell.v2 .topbar { gap: 8px; }
.shell.v2 .topbar { padding-left: 12px; padding-right: 12px; }
.shell.v2 .topbar .pill { font-size: 15px; padding: 0 9px; gap: 5px; }
.shell.v2 .topbar .gem-pill { display: inline-flex; }
.shell.v2 .topbar > .brand-mark { display: none; }
@media (min-width: 480px) { .shell.v2 .topbar > .brand-mark { display: block; } }
.me-btn { width: 38px; height: 38px; flex: none; border-radius: 50%; border: 2px solid var(--line-2); background: var(--surface-2); padding: 0; overflow: hidden; cursor: pointer; display: grid; place-items: center; }
.me-btn .me-av { width: 34px; height: 34px; }
.shell.v2 .nav-item { position: relative; }
.shell.v2 .nav-item .dot { position: absolute; top: 4px; left: calc(50% + 6px); min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: var(--red); color: #fff; font-size: 10.5px; font-weight: 800; display: grid; place-items: center; box-shadow: 0 0 0 2px var(--bg); }
.shell.v2 .nav-play { display: grid; justify-items: center; gap: 3px; }
.shell.v2 .nav-item { font-size: 11.5px; white-space: nowrap; }
.shell.v2 .nav-play > span { display: none; }
.area-head { max-width: 1120px; margin: 0 auto; }
.area-tabs { display: flex; gap: 6px; overflow-x: auto; padding: 12px 16px 2px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.area-tabs::-webkit-scrollbar { display: none; }
.at { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); color: var(--muted); font-weight: 700; font-size: 14px; white-space: nowrap; text-decoration: none; }
.at:hover { color: var(--text); text-decoration: none; }
.at.on { background: var(--gold); border-color: transparent; color: var(--gold-ink); font-weight: 800; }
.at-n { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--red); color: #fff; font-style: normal; font-size: 11px; font-weight: 800; display: inline-grid; place-items: center; }
.menu-all { min-width: 250px; }
.menu-all .mg { padding: 12px 12px 4px; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--dim); }
.menu-all a .at-n { margin-left: auto; }
@media (min-width: 960px) { .area-tabs { padding: 22px 32px 0; } .shell.v2 .topbar > .brand-mark { display: none; } }

.home2 { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
.home2 > * { margin: 0; }
.pc2 { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--r-lg); background: var(--surface); border: 1px solid var(--line); border-left: 5px solid var(--team-c1, var(--gold)); color: var(--text); text-decoration: none; }
.pc2:hover { text-decoration: none; background: var(--surface-2); }
.pc2-av { position: relative; width: 66px; height: 112px; flex: none; border-radius: 14px; overflow: hidden; display: grid; place-items: end center; padding-bottom: 7px; box-sizing: border-box; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
.pc2-av::after, .bgprev::after { content: ''; position: absolute; left: 50%; bottom: 6px; width: 40px; height: 8px; transform: translateX(-50%); border-radius: 50%; background: rgba(0,0,0,.28); }
.pc2-av .pc2-avatar { position: relative; z-index: 1; }
.pc2-av .pc2-avatar { height: 98px; width: auto; }
.pc2-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.pc2-name { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.pc2-name b { font-size: 16px; }
.pc2-meta { display: flex; align-items: center; gap: 5px; font-size: 13px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pc2-vit { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12.5px; color: var(--muted); }
.pc2-vit b { color: var(--text); }
.pc2-vit span:nth-child(1) .ph-fill { color: var(--grass); } .pc2-vit span:nth-child(2) .ph-fill { color: var(--sky); } .pc2-vit span:nth-child(3) .ph-fill { color: var(--gold-text); }
.pc2-ovr { display: flex; flex-direction: column; align-items: center; flex: none; }
.pc2-ovr b { font-family: var(--display); font-weight: 900; font-size: 36px; line-height: 1; color: var(--gold-text); }
.pc2-ovr small { font-size: 11px; font-weight: 700; color: var(--muted); }
.h2-sec { display: flex; align-items: center; justify-content: space-between; margin-top: 6px !important; }
.h2-sec h2 { font-family: var(--display); font-weight: 900; font-size: 22px; margin: 0; }
.h2-quick { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
.hq { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); color: var(--text); text-decoration: none; }
.hq:hover { text-decoration: none; background: var(--surface-2); }
.hq > .ph-duotone { font-size: 26px; color: var(--gold-text); flex: none; }
.hq > span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.hq small { color: var(--muted); font-size: 13px; }
.hq em { font-style: normal; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: var(--red); color: #fff; font-size: 12px; font-weight: 800; display: grid; place-items: center; }
.hq > .ph { color: var(--dim); }
.h2-more summary { list-style: none; display: flex; align-items: center; gap: 10px; cursor: pointer; flex-wrap: wrap; }
.h2-more summary::-webkit-details-marker { display: none; }
.h2-more summary > span { display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: 17px; }
.h2-more summary small { color: var(--muted); flex: 1; }
.h2-more summary > .ph { transition: transform .2s; color: var(--dim); }
.h2-more[open] summary > .ph { transform: rotate(180deg); }

/* ---------- fundos do card do jogador (Visual > Fundos) ---------- */
.bgprev { position: relative; display: block; font-style: normal; width: 64px; height: 90px; margin: 0 auto; border-radius: 12px; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); }
.bgprev .avatar { position: absolute; left: 50%; bottom: 5px; height: 74px; width: auto; transform: translateX(-50%); z-index: 1; }
.gear-art.cardbg { height: auto; }
.bgc-bg_estadio, .bgc-bg_random { background:
  linear-gradient(to bottom, transparent 60%, rgba(255,255,255,.9) 60%, rgba(255,255,255,.9) 61.5%, transparent 61.5%),
  repeating-linear-gradient(180deg, #37B465 0 9px, #2C9E57 9px 18px) bottom / 100% 40% no-repeat,
  linear-gradient(90deg, var(--k1, #FFC845) 0 50%, var(--k2, #FFFFFF) 50%) 0 49% / 100% 7px no-repeat,
  linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,.25)) 0 55% / 100% 3px no-repeat,
  radial-gradient(circle, rgba(255,255,255,.5) 1px, transparent 1.5px) 0 0 / 6px 6px,
  radial-gradient(circle, rgba(255,200,69,.45) 1px, transparent 1.5px) 3px 3px / 6px 6px,
  radial-gradient(60% 9% at 50% 5%, rgba(255,250,220,.9), transparent),
  linear-gradient(180deg, #14224A 0%, #2A4176 55%); }
.bgc-bg_noite { background:
  linear-gradient(to bottom, transparent 62%, rgba(255,255,255,.7) 62%, rgba(255,255,255,.7) 63.5%, transparent 63.5%),
  radial-gradient(70% 30% at 50% 100%, rgba(255,255,230,.35), transparent 70%),
  repeating-linear-gradient(180deg, #1F7A44 0 9px, #196A3A 9px 18px) bottom / 100% 38% no-repeat,
  conic-gradient(from 160deg at 12% 4%, transparent 0 8deg, rgba(255,255,220,.22) 8deg 26deg, transparent 26deg) ,
  conic-gradient(from 174deg at 88% 4%, transparent 0 8deg, rgba(255,255,220,.22) 8deg 26deg, transparent 26deg),
  radial-gradient(circle at 12% 4%, #FFF9D6 0 4px, transparent 5px), radial-gradient(circle at 88% 4%, #FFF9D6 0 4px, transparent 5px),
  radial-gradient(circle, rgba(255,255,255,.8) .6px, transparent 1.2px) 0 0 / 11px 9px,
  linear-gradient(180deg, #050A1E 0%, #12204A 62%); }
.bgc-bg_varzea { background:
  radial-gradient(circle at 80% 14%, #FFE58A 0 7px, rgba(255,229,138,.35) 8px 12px, transparent 13px),
  repeating-linear-gradient(90deg, rgba(0,0,0,.06) 0 3px, transparent 3px 7px) bottom / 100% 40% no-repeat,
  radial-gradient(ellipse at 50% 100%, #C98A4E, #A86B36 70%) bottom / 100% 40% no-repeat,
  linear-gradient(transparent 0 0) ,
  linear-gradient(90deg, #E4E0D4 0 14%, transparent 14% 18%, #F2C98A 18% 34%, transparent 34% 38%, #D9E7EF 38% 56%, transparent 56% 60%, #E8B4A0 60% 78%, transparent 78% 82%, #CFE3C8 82%) 0 50% / 100% 12% no-repeat,
  linear-gradient(#4FA34E, #4FA34E) 0 58% / 100% 6% no-repeat,
  linear-gradient(180deg, #7EC8F2 0%, #BFE6FA 55%); }
.bgc-bg_neve { background:
  radial-gradient(circle, #fff 1px, transparent 1.6px) 0 0 / 9px 11px,
  radial-gradient(circle, rgba(255,255,255,.8) 1px, transparent 1.6px) 4px 6px / 13px 12px,
  linear-gradient(to bottom, transparent 64%, #7FB0E0 64%, #7FB0E0 65.5%, transparent 65.5%),
  linear-gradient(180deg, #F4F8FC, #DCE7F2) bottom / 100% 38% no-repeat,
  linear-gradient(#5E6E8C, #5E6E8C) 0 58% / 100% 5% no-repeat,
  linear-gradient(180deg, #8C9AB4 0%, #C3CEDF 60%); }
.bgc-bg_chuva { background:
  repeating-linear-gradient(105deg, transparent 0 7px, rgba(200,220,255,.45) 7px 8px) ,
  linear-gradient(to bottom, transparent 62%, rgba(255,255,255,.6) 62%, rgba(255,255,255,.6) 63.5%, transparent 63.5%),
  radial-gradient(ellipse 30% 6% at 30% 80%, rgba(170,200,230,.5), transparent), radial-gradient(ellipse 26% 5% at 74% 90%, rgba(170,200,230,.45), transparent),
  repeating-linear-gradient(180deg, #24704A 0 9px, #1E6140 9px 18px) bottom / 100% 38% no-repeat,
  linear-gradient(180deg, #2C3648 0%, #4A5870 62%); }
.bgc-bg_praia { background:
  radial-gradient(circle at 22% 16%, #FFF2B0 0 7px, transparent 8px),
  repeating-linear-gradient(90deg, rgba(255,255,255,.0) 0 5px, rgba(255,255,255,.25) 5px 7px) 0 55% / 100% 3px no-repeat,
  radial-gradient(circle, rgba(160,110,50,.25) .8px, transparent 1.4px) bottom / 5px 5px,
  linear-gradient(#F1D49A, #E3BC77) bottom / 100% 40% no-repeat,
  linear-gradient(180deg, #2A9BD8, #1D7DB8) 0 50% / 100% 12% no-repeat,
  linear-gradient(180deg, #62C9F5 0%, #B6EAFB 55%); }
.bgc-bg_rua { background:
  linear-gradient(90deg, transparent 47%, #FFD23F 47% 53%, transparent 53%) bottom / 100% 40% no-repeat,
  linear-gradient(#4A4E57, #3A3D45) bottom / 100% 40% no-repeat,
  repeating-linear-gradient(180deg, transparent 0 9px, rgba(0,0,0,.25) 9px 10px),
  repeating-linear-gradient(90deg, transparent 0 15px, rgba(0,0,0,.22) 15px 16px),
  linear-gradient(180deg, #B4553A, #9C4430); }
.bgc-bg_ouro { background:
  radial-gradient(circle, #FFF6C2 1px, transparent 1.7px) 0 0 / 10px 13px,
  radial-gradient(circle, #FF7AA8 1px, transparent 1.7px) 5px 6px / 12px 11px,
  radial-gradient(circle, #7FD8FF 1px, transparent 1.7px) 2px 9px / 14px 15px,
  repeating-conic-gradient(from 0deg at 50% 70%, rgba(255,255,255,.28) 0 10deg, transparent 10deg 20deg),
  radial-gradient(circle at 50% 70%, #FFE38A, #E8A400 60%, #9A6400); }
.bgc-bg_fogos { background:
  radial-gradient(circle closest-side, transparent 0 92%, #0D1234 96%) 4px 6px / 30px 30px no-repeat,
  repeating-conic-gradient(rgba(255,93,143,.9) 0 5deg, transparent 5deg 22deg) 4px 6px / 30px 30px no-repeat,
  radial-gradient(circle closest-side, transparent 0 92%, #130F3A 96%) 34px 22px / 26px 26px no-repeat,
  repeating-conic-gradient(rgba(255,210,74,.95) 0 5deg, transparent 5deg 20deg) 34px 22px / 26px 26px no-repeat,
  repeating-linear-gradient(180deg, #1F7A44 0 9px, #196A3A 9px 18px) bottom / 100% 34% no-repeat,
  radial-gradient(circle, rgba(255,255,255,.55) 1px, transparent 1.5px) 0 0 / 6px 6px,
  linear-gradient(180deg, #0B1030 0%, #241A50 66%); }
.bgc-bg_neon { background:
  linear-gradient(transparent 0 0),
  repeating-linear-gradient(90deg, transparent 0 9px, rgba(255,64,200,.8) 9px 10px) bottom / 100% 42% no-repeat,
  repeating-linear-gradient(180deg, transparent 0 7px, rgba(64,220,255,.8) 7px 8px) bottom / 100% 42% no-repeat,
  linear-gradient(#1A0838, #1A0838) bottom / 100% 42% no-repeat,
  radial-gradient(circle at 50% 58%, #FFD86B 0 16px, #FF5FA2 17px 19px, transparent 20px),
  linear-gradient(180deg, #2A0B5E 0%, #B0237E 55%, #FF7A59 60%); }
.bgc-bg_galaxia { background:
  radial-gradient(circle, #fff 1px, transparent 1.5px) 0 0 / 13px 11px,
  radial-gradient(circle, rgba(255,255,255,.7) .7px, transparent 1.2px) 6px 4px / 9px 14px,
  radial-gradient(40% 30% at 30% 30%, rgba(255,90,200,.55), transparent),
  radial-gradient(45% 35% at 72% 62%, rgba(90,170,255,.55), transparent),
  radial-gradient(circle at 50% 100%, #3B1F7A, transparent 60%),
  linear-gradient(180deg, #0A0620, #1E1050); }
.bgc-bg_trofeu { background:
  radial-gradient(ellipse 8px 10px at 20% 22%, #FFD24A 60%, transparent 62%), radial-gradient(ellipse 8px 10px at 50% 20%, #E5E9F0 60%, transparent 62%), radial-gradient(ellipse 8px 10px at 80% 22%, #FFD24A 60%, transparent 62%),
  linear-gradient(#6B3A1E, #6B3A1E) 0 32% / 100% 4px no-repeat,
  radial-gradient(ellipse 7px 9px at 30% 47%, #E8A64A 60%, transparent 62%), radial-gradient(ellipse 7px 9px at 70% 47%, #FFD24A 60%, transparent 62%),
  linear-gradient(#6B3A1E, #6B3A1E) 0 56% / 100% 4px no-repeat,
  radial-gradient(60% 50% at 50% 0%, rgba(255,230,160,.45), transparent),
  linear-gradient(180deg, #4A1420, #7A1E2E 60%, #3A0E18); }
.bgc-bg_lenda { background:
  radial-gradient(circle at 50% 56%, #FFF1B8 0 10px, rgba(255,200,90,.6) 11px 18px, transparent 19px),
  linear-gradient(to bottom, transparent 62%, rgba(255,240,200,.85) 62%, rgba(255,240,200,.85) 63.5%, transparent 63.5%),
  repeating-linear-gradient(180deg, #C9A23A 0 9px, #B38D2C 9px 18px) bottom / 100% 38% no-repeat,
  radial-gradient(circle, rgba(60,20,40,.45) 1px, transparent 1.6px) 0 0 / 6px 6px,
  linear-gradient(180deg, #5B2A6E 0%, #E2577A 40%, #FFB25B 60%); }
.gear-art.cardbg { position: relative; }
.bgr-ico { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; font-size: 30px; background: rgba(10,19,44,.35); color: #fff; filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); }
.bgr-ico i { position: static !important; font-size: 30px !important; color: #fff !important; margin: 0 !important; width: auto !important; height: auto !important; transform: none !important; }

/* ---------- Início do layout novo (home3) ---------- */
.home3 { max-width: 680px; margin: 0 auto; display: flex; flex-direction: column; gap: 18px; }
.home3 > * { margin: 0 !important; }
.h3-me { position: relative; min-height: 300px; border-radius: 24px; overflow: hidden; color: #fff; isolation: isolate;
  background: radial-gradient(70% 62% at 30% 46%, var(--gl), transparent 72%), linear-gradient(135deg, var(--b1) 0%, var(--b2) 100%); box-shadow: 0 14px 30px rgba(10, 20, 50, .25); }
.h3-me::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 52px; background: linear-gradient(180deg, transparent, rgba(0,0,0,.35)); z-index: -1; }
.h3-num { position: absolute; left: -8px; top: -38px; z-index: -1; font-family: var(--display); font-weight: 900; font-size: 300px; line-height: 1; letter-spacing: -8px; color: rgba(255,255,255,.09); pointer-events: none; }
.h3-stage { position: absolute; left: 0; bottom: 0; top: 0; width: 48%; display: grid; place-items: end center; padding-bottom: 16px; text-decoration: none; }
.h3-stage::before { content: ''; position: absolute; left: 50%; bottom: 12px; width: 104px; height: 16px; transform: translateX(-50%); border-radius: 50%; background: rgba(0,0,0,.35); }
.h3-stage .h3-avatar { position: relative; height: 240px; width: auto; filter: drop-shadow(0 12px 14px rgba(0,0,0,.4)); transition: transform .25s; }
.h3-stage:hover .h3-avatar { transform: translateY(-4px) rotate(-1deg); }
.h3-edit { position: absolute; top: 12px; left: 12px; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: rgba(0,0,0,.35); color: #fff; font-size: 15px; }
.h3-info { position: relative; margin-left: 48%; min-height: 300px; box-sizing: border-box; padding: 18px 16px 18px 4px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; text-align: right; gap: 10px; color: #fff; text-decoration: none; }
.h3-info:hover { text-decoration: none; }
.h3-ovr { display: flex; flex-direction: column; align-items: flex-end; line-height: .9; }
.h3-ovr b { font-family: var(--display); font-weight: 900; font-size: 64px; color: #FFC845; text-shadow: 0 3px 10px rgba(0,0,0,.25); }
.h3-ovr small { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; opacity: .8; }
.h3-id { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.h3-name { font-family: var(--display); font-weight: 900; font-size: 30px; line-height: 1; overflow-wrap: anywhere; text-shadow: 0 2px 8px rgba(0,0,0,.3); }
.h3-club { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14px; max-width: 100%; }
.h3-club span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h3-chips { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.h3-chip { display: inline-flex; align-items: center; gap: 4px; padding: 5px 9px; border-radius: 999px; background: rgba(255,255,255,.14); font-style: normal; font-weight: 800; font-size: 12.5px; white-space: nowrap; }
.h3-chip .ph-fill { font-size: 14px; }
.h3-chip .ph-lightning { color: #4BE08F; } .h3-chip.low .ph-lightning { color: #FF7A7E; } .h3-chip .ph-smiley { color: #7CC4FF; } .h3-chip .ph-fire { color: #FFC845; }
.h3-chip.cap { background: #FFC845; color: #2B1F00; }
.h3-me .h3-lv { width: 100%; color: rgba(255,255,255,.9); }
.h3-me .h3-bar { background: rgba(255,255,255,.2); }
@media (min-width: 560px) { .h3-me, .h3-info { min-height: 320px; } .h3-stage .h3-avatar { height: 260px; } .h3-name { font-size: 34px; } }
.h3-lv { display: flex; align-items: center; gap: 8px; font-size: 11.5px; font-weight: 700; color: var(--muted); }
.h3-lv .h3-bar { flex: 1; }
.h3-bar { display: block; height: 6px; border-radius: 3px; background: rgba(var(--fg), .1); overflow: hidden; }
.h3-bar i { display: block; height: 100%; border-radius: 3px; background: var(--gold); }
.h3-bar.green i { background: var(--grass); } .h3-bar.blue i { background: var(--sky); }

.h3-hero { border-radius: 20px; padding: 16px; display: flex; flex-direction: column; gap: 14px; color: #F3F6FC; background: linear-gradient(160deg, #1E9E5C 0%, #136B44 55%, #0F2A4F 100%); box-shadow: 0 10px 26px rgba(16, 80, 50, .22); }
.h3-hero.t-cup { background: linear-gradient(160deg, #2F6FD8 0%, #1C3F8A 60%, #0F1F4A 100%); }
.h3-hero.t-wc, .h3-hero.t-nat { background: linear-gradient(160deg, #C9901A 0%, #8A5A0E 55%, #3A2408 100%); }
.h3-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.h3-k { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.8); }
.h3-role { flex: none; font-size: 11.5px; font-weight: 800; padding: 3px 9px; border-radius: 999px; background: rgba(255,255,255,.16); }
.h3-vs { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }
.h3-side { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.h3-side .crest { width: 52px; height: 60px; filter: drop-shadow(0 4px 8px rgba(0,0,0,.3)); }
.h3-side b { font-size: 14px; line-height: 1.2; }
.h3-side.mine b { color: #FFE08A; }
.h3-x { font-family: var(--display); font-weight: 900; font-size: 26px; color: rgba(255,255,255,.65); text-align: center; }
.h3-x small { display: block; font-family: var(--body); font-size: 12px; font-weight: 800; color: #fff; background: rgba(0,0,0,.22); padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
.h3-big { font-family: var(--display); font-weight: 900; font-size: 26px; }
.h3-sub { font-size: 13.5px; color: rgba(255,255,255,.85); }
.h3-warn { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; background: rgba(0,0,0,.25); padding: 8px 10px; border-radius: 10px; }
.h3-go { display: flex; align-items: center; justify-content: center; gap: 8px; height: 52px; border-radius: 14px; background: var(--gold); color: var(--gold-ink); font-weight: 800; font-size: 17px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,.18); }
.h3-go:hover { text-decoration: none; filter: brightness(1.05); }
.h3-hero.live .h3-go { animation: ctxPulse 1.8s ease-in-out infinite; }
.h3-acts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.h3-act { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 4px; border-radius: 12px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.14); color: #fff; text-decoration: none; font: inherit; cursor: pointer; }
.h3-act:hover { background: rgba(255,255,255,.2); text-decoration: none; }
.h3-act .ph-duotone { font-size: 24px; color: #FFE08A; }
.h3-act b { font-size: 14px; } .h3-act small { font-size: 11.5px; color: rgba(255,255,255,.75); }
.h3-skip { align-self: center; background: none; border: 0; color: rgba(255,255,255,.85); font: 700 13px var(--body); display: inline-flex; align-items: center; gap: 6px; cursor: pointer; padding: 2px 6px; }

.h3-sec { display: flex; flex-direction: column; gap: 8px; }
.h3-head { display: flex; align-items: center; gap: 8px; }
.h3-head h2 { font-family: var(--display); font-weight: 900; font-size: 21px; margin: 0; flex: 1; }
.h3-count { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: var(--red); color: #fff; font-size: 12px; font-weight: 800; display: grid; place-items: center; }
.h3-link { color: var(--gold-text); font-weight: 700; font-size: 14px; }
.h3-list { display: flex; flex-direction: column; gap: 6px; }
.h3-row { display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 12px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); color: var(--text); text-decoration: none; font: inherit; text-align: left; cursor: pointer; }
.h3-row:hover { text-decoration: none; border-color: var(--line-2); }
.h3-row > .ph { color: var(--dim); flex: none; }
.h3-ri { flex: none; width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: rgba(var(--fg), .06); }
.h3-ri .ph-duotone { font-size: 21px; }
.h3-ri.gold { background: rgba(255,200,69,.16); color: var(--gold-text); } .h3-ri.blue { background: rgba(90,176,255,.15); color: var(--sky); }
.h3-ri.red { background: rgba(255,93,98,.14); color: var(--red); } .h3-ri.green { background: rgba(52,199,123,.15); color: var(--grass); }
.h3-rt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.h3-rt b { font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h3-rt small { font-size: 12.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h3-n { flex: none; font-style: normal; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--red); color: #fff; font-size: 11.5px; font-weight: 800; display: inline-grid; place-items: center; }
.h3-btn { flex: none; font-size: 13px; font-weight: 800; padding: 7px 12px; border-radius: 10px; background: var(--gold); color: var(--gold-ink); }
.h3-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.h3-tile { display: flex; flex-direction: column; gap: 7px; padding: 12px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); color: var(--text); text-decoration: none; min-width: 0; }
.h3-tile:hover { text-decoration: none; border-color: var(--line-2); }
.h3-tile b { font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h3-tile small { font-size: 12px; color: var(--muted); }
.h3-tile small.green { color: var(--grass); } .h3-tile small.gold { color: var(--gold-text); } .h3-tile small.blue { color: var(--sky); }
.h3-tile.ev { background: linear-gradient(150deg, #5B3FD0, #3A2A9A); color: #fff; border-color: transparent; }
.h3-tile.ev .h3-tl, .h3-tile.ev small { color: rgba(255,255,255,.8); }
.h3-tl { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 12px; font-weight: 700; color: var(--muted); }
.h3-sec [data-copa-home]:not(:empty) { margin-top: 2px; }
.h3-card { padding: 12px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); }
.h3-face { position: relative; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--surface-2); overflow: hidden; display: grid; place-items: center; }
.h3-face .h3-head-av { width: 34px; height: 34px; }
.h3-face .on { position: absolute; right: 1px; bottom: 1px; width: 10px; height: 10px; border-radius: 50%; background: var(--grass); box-shadow: 0 0 0 2px var(--surface); }
.h3-ovr-s { flex: none; font-family: var(--display); font-weight: 900; font-size: 20px; color: var(--gold-text); }
.h3-season { display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line); color: var(--text); text-decoration: none; }
.h3-season:hover { text-decoration: none; border-color: var(--line-2); }
.h3-stats { display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; }
.h3-stats span { display: flex; flex-direction: column; font-size: 12px; color: var(--muted); }
.h3-stats b { font-family: var(--display); font-weight: 900; font-size: 24px; color: var(--text); }
.h3-more { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 13px; font-weight: 700; color: var(--gold-text); }
/* telas com abas: o título grande repetia o nome da aba */
.shell.v2 .area-head + .main > .page-head h1, .shell.v2 .area-head ~ .main > .page-head h1 { display: none; }
.shell.v2 .area-head ~ .main > .page-head { margin-bottom: 12px; }
.shell.v2 .area-head ~ .main > .page-head p { margin-top: 0; }
.cs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
.cs-box { padding: 14px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line); display: flex; flex-direction: column; gap: 12px; }
.cs-box h3 { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 16px; }
.cs-box h3 .ph-duotone { color: var(--gold-text); font-size: 20px; }
.cs-m { display: flex; flex-direction: column; gap: 6px; }
.cs-mt { display: flex; justify-content: space-between; gap: 8px; font-size: 14px; }
.cs-mt b.green { color: var(--grass); }
.cs-note { font-size: 13px; margin: 0; }
.h3-tiles > .h3-tile:last-child:nth-child(odd) { grid-column: 1 / -1; }

.shell.v2 .topbar { gap: 6px; }
.shell.v2 .topbar .pill { font-size: 14px; padding: 0 8px; gap: 4px; height: 34px; }
.shell.v2 .topbar .icon-btn.bell { position: relative; flex: none; width: 36px; height: 36px; }
.shell.v2 .topbar .bell .dot { position: absolute; top: -2px; right: -2px; }
@media (max-width: 430px) { .shell.v2 .topbar .plus-pill { display: none; } }

.h3-vits { gap: 4px; flex-wrap: nowrap; }
.h3-vits .h3-chip { padding: 5px 7px; font-size: 13px; background: rgba(0,0,0,.22); }

/* ---------- treino (layout novo) ---------- */
.tr2-status { display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: center; padding: 12px 14px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line); margin-bottom: 12px; }
.tr2-st { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.tr2-st small { font-size: 12px; font-weight: 700; color: var(--muted); }
.tr2-st b { font-size: 14px; }
.tr2-st .train-left { margin: 0; }
.tr2-st .bar { height: 8px; }
.tr2-drink { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 10px; border-radius: 12px; border: 1px solid var(--line); background: rgba(var(--fg), .04); color: var(--text); font: 800 13px var(--body); cursor: pointer; }
.tr2-drink .ph-duotone { font-size: 22px; color: var(--sky); }
.tr2-why { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 14px; background: rgba(var(--acc), .1); border: 1px solid rgba(var(--acc), .25); font-size: 14px; font-weight: 600; margin-bottom: 12px; }
.tr2-why span { flex: 1; } .tr2-why .ph-duotone { font-size: 22px; color: var(--gold-text); }
.tr2-why.bad { background: rgba(255,93,98,.1); border-color: rgba(255,93,98,.3); } .tr2-why.bad .ph-duotone { color: var(--red); }
.tr2-head { display: flex; flex-direction: column; gap: 2px; margin: 4px 0 10px; }
.tr2-head h2 { font-family: var(--display); font-weight: 900; font-size: 22px; margin: 0; }
.tr2-head span { font-size: 13px; color: var(--muted); }
.tr2-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 8px; }
.tr2-row { display: grid; grid-template-columns: 42px 1fr; gap: 10px 12px; padding: 12px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line); }
.tr2-row.drib { border-color: rgba(52,199,123,.45); background: linear-gradient(135deg, rgba(52,199,123,.08), transparent 60%), var(--surface); }
.tr2-ic { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: rgba(90,176,255,.13); }
.tr2-ic .ph-duotone { font-size: 22px; color: var(--sky); }
.tr2-row.drib .tr2-ic { background: rgba(52,199,123,.15); } .tr2-row.drib .tr2-ic .ph-duotone { color: var(--grass); }
.tr2-main { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.tr2-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.tr2-top b { font-size: 16px; display: inline-flex; align-items: center; gap: 6px; }
.tr2-val { font-family: var(--display); font-weight: 900; font-size: 28px; line-height: 1; white-space: nowrap; }
.tr2-val.sm { font-size: 16px; font-family: var(--body); font-weight: 800; color: var(--muted); }
.tr2-main .bar { height: 7px; }
.tr2-main small { font-size: 12.5px; color: var(--muted); }
.tr2-new { font-style: normal; font-size: 10.5px; font-weight: 800; padding: 2px 7px; border-radius: 999px; background: var(--grass); color: #fff; }
.tr2-btns { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tr2-btns .btn { width: 100%; justify-content: center; }
.tr2-foot { font-size: 13px; color: var(--muted); margin: 14px 0 0; line-height: 1.7; }
.tr2-tut { display: inline-flex; align-items: center; gap: 6px; margin-left: 4px; background: none; border: 0; color: var(--gold-text); font: 700 13px var(--body); cursor: pointer; padding: 0; }
/* atalhos no Início */
.h3-sc { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.h3-sc a { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 4px 10px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); color: var(--text); text-decoration: none; font-size: 12px; font-weight: 700; text-align: center; }
.h3-sc a:hover { text-decoration: none; border-color: var(--line-2); }
.h3-sc a .ph-duotone { font-size: 26px; color: var(--gold-text); }
.h3-sc .h3-n { position: absolute; top: 6px; right: 6px; }
button.h3-link { background: none; border: 0; cursor: pointer; font-family: var(--body); padding: 0; }
/* números da carreira: 5 colunas sem quebrar */
.statline:has(> div:nth-child(5)) { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 420px) { .statline:has(> div:nth-child(5)) b { font-size: 24px; } .statline:has(> div:nth-child(5)) span { font-size: 11px; } }
/* card do amigo: jogador de corpo inteiro, sem cortar a cabeça */
.fr-av.lg { width: 104px; height: 132px; padding-bottom: 6px; box-sizing: border-box; place-items: end center; }
.fr-av.lg .fr-svg { width: auto; height: 116px; margin: 0; }
/* layout novo: ajustes gerais nas telas antigas */
.shell.v2 .area-head ~ .main .page-head h1 { display: none; }
.shell.v2 .phone-tabs { display: none; } /* Celular e Redes já são abas da área Social */
/* abas internas das telas: sublinhado, para não confundir com as abas douradas da área */
.shell.v2 .main .tabs { gap: 18px; border-bottom: 1px solid var(--line); padding-bottom: 0; margin-bottom: 14px; }
.shell.v2 .main .tab { height: 40px; padding: 0 2px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: none; color: var(--muted); }
.shell.v2 .main .tab.active { background: none; color: var(--text); border-bottom-color: var(--gold); border-color: transparent transparent var(--gold); }
.shell.v2 .main .tab.active .ph-fill { color: var(--gold-text); }

/* ---------- vida (layout novo) ---------- */
.lv2 { display: flex; flex-direction: column; gap: 10px; max-width: 760px; }
.lv2-note { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: rgba(var(--fg), .04); border: 1px solid var(--line); font-size: 13.5px; color: var(--muted); }
.lv2-note span { flex: 1; } .lv2-note .ph-duotone { font-size: 20px; color: var(--gold-text); } .lv2-note b { color: var(--text); }
.lv2-list { display: flex; flex-direction: column; gap: 8px; }
.lv2-row { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); }
.lv2-ic { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(var(--acc), .12); }
.lv2-ic .ph-duotone { font-size: 21px; color: var(--gold-text); }
.lv2-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.lv2-main b { font-size: 14.5px; } .lv2-main small { font-size: 12.5px; color: var(--muted); }
.lv2-main .cost { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12px; font-weight: 700; color: var(--muted); }
.lv2-main .cost .green { color: var(--grass); } .lv2-main .cost .red { color: var(--red); }
.lv2-row .btn { flex: none; }
.lv2-drink, .lv2-shop { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); color: var(--text); text-decoration: none; }
.lv2-drink > .ph-duotone, .lv2-shop > .ph-duotone { font-size: 26px; color: var(--sky); flex: none; }
.lv2-drink > div, .lv2-shop > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.lv2-drink small, .lv2-shop small { font-size: 12.5px; color: var(--muted); }
.lv2-shop:hover { text-decoration: none; border-color: var(--line-2); } .lv2-shop > .ph-duotone { color: var(--gold-text); }
.lv2-style { display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line); }
.lv2-style > div:first-child { display: flex; align-items: baseline; justify-content: space-between; }
.lv2-style small { font-size: 13px; font-weight: 700; color: var(--muted); } .lv2-style > div:first-child b { font-family: var(--display); font-weight: 900; font-size: 28px; }
.lv2-kv { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--muted); }
.lv2-kv span { display: inline-flex; align-items: center; gap: 4px; } .lv2-kv b { color: var(--text); }
/* amigos (layout novo) */
.fr2 { display: flex; flex-direction: column; gap: 16px; max-width: 720px; }
.fr2-sec h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 16px; }
.fr2-sec h3 span { font-size: 13px; color: var(--muted); font-weight: 700; }
.fr2-sec h3 em { font-style: normal; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--red); color: #fff; font-size: 11.5px; display: inline-grid; place-items: center; }
.fr2-inv { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 16px; color: #fff; text-decoration: none; background: linear-gradient(135deg, #1E9E5C, #136B44); }
.fr2-inv:hover { text-decoration: none; filter: brightness(1.05); }
.fr2-inv > .ph-duotone { font-size: 30px; color: #FFE08A; flex: none; }
.fr2-inv > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fr2-inv small { font-size: 12.5px; color: rgba(255,255,255,.85); }
.fr2-inv .btn { flex: none; }
.shell.v2 .main a.tab { text-decoration: none; }
/* patrocínios (layout novo): números alinhados e cards de marca compactos */
.shell.v2 .sp-sum { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.shell.v2 .sp-sum > div { grid-template-columns: 28px 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 10px 12px; }
.shell.v2 .sp-sum > div .ph-duotone { grid-row: 1 / 3; font-size: 22px; }
.shell.v2 .sp-sum > div:last-child { grid-column: auto; }
.shell.v2 .sp-sum > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (min-width: 900px) { .shell.v2 .sp-sum { grid-template-columns: repeat(4, 1fr); } .shell.v2 .sp-sum > div:last-child:nth-child(odd) { grid-column: auto; } }
.shell.v2 .sp-card { grid-template-columns: 56px 1fr; gap: 12px; padding: 12px; }
.shell.v2 .sp-mark { min-height: 56px; height: 56px; font-size: 10.5px; padding: 4px; border-radius: 12px; }
.shell.v2 .sp-money b { font-size: 22px; }
/* copa: campeões numa linha cada (antes o texto ficava espremido numa coluna estreita) */
.c10-hist .rank-row { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; }
.c10-hist.top .rank-row { grid-template-columns: 34px 1fr auto; }
.c10-hist .rank-row > div { min-width: 0; display: flex; flex-direction: column; }
.c10-hist .rank-row small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* diretoria (layout novo) */
.bd2 { display: flex; flex-direction: column; gap: 10px; max-width: 760px; }
.bd2-h { font-family: var(--display); font-weight: 900; font-size: 20px; margin-top: 6px; }
.bd2-room .br-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.bd2-meet { margin-left: auto; font-size: 12.5px; font-weight: 800; padding: 5px 10px; border-radius: 999px; background: rgba(var(--fg), .06); color: var(--muted); }
.bd2-meet.on { background: rgba(52,199,123,.15); color: var(--grass); }
.bd2-room .board-asks { margin-top: 12px; }
.bd2-sit { display: flex; flex-direction: column; gap: 14px; }
.bd2-line { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.bd2-line > span:first-of-type { flex: 1; } .bd2-line .ph-duotone { font-size: 22px; color: var(--gold-text); flex: none; }
.bd2-more summary { cursor: pointer; font-weight: 700; font-size: 14px; color: var(--gold-text); }
.bd2-more .board-facts { margin-top: 10px; }
.shell.v2 .main .tabs { flex-wrap: nowrap; overflow-x: auto; }
.shell.v2 .main .tab { white-space: nowrap; flex: none; }

/* ---------- clima da partida no bloco do jogo (Início) ---------- */
.h3-hero { position: relative; overflow: hidden; isolation: isolate; }
.h3-hero > *:not(.wx-l) { position: relative; z-index: 1; }
.h3-wx { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; margin-top: -6px; padding: 5px 10px; border-radius: 999px; background: rgba(0,0,0,.22); font-size: 12.5px; font-weight: 800; color: #fff; backdrop-filter: blur(4px); }
.h3-wx .ph-duotone { font-size: 16px; color: #FFE08A; }
.wx-l { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.wx-l i { position: absolute; display: block; }
/* sol: brilho no canto que pulsa devagar */
.wx-sun i { top: -70px; right: -70px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(255,236,150,.55) 0 22%, rgba(255,220,110,.18) 40%, transparent 68%); animation: wxSun 6s ease-in-out infinite; }
@keyframes wxSun { 50% { transform: scale(1.12); opacity: .8; } }
/* noite: céu escuro, estrelas piscando e dois refletores */
.h3-hero.sky-night { background: linear-gradient(160deg, #13305A 0%, #0D1C3C 55%, #070F24 100%); }
.wx-night .st { inset: 0 0 40% 0; background: radial-gradient(circle, rgba(255,255,255,.9) .8px, transparent 1.4px) 0 0 / 23px 19px, radial-gradient(circle, rgba(255,255,255,.6) .7px, transparent 1.3px) 11px 9px / 31px 27px; animation: wxTw 3.2s ease-in-out infinite; }
@keyframes wxTw { 50% { opacity: .45; } }
.wx-night .lp { top: -20px; width: 70px; height: 220px; background: linear-gradient(180deg, rgba(255,250,215,.22), transparent 70%); filter: blur(2px); transform-origin: top center; animation: wxLamp 7s ease-in-out infinite; }
.wx-night .l1 { left: -10px; transform: rotate(-24deg); clip-path: polygon(40% 0, 60% 0, 100% 100%, 0 100%); }
.wx-night .l2 { right: -10px; transform: rotate(24deg); clip-path: polygon(40% 0, 60% 0, 100% 100%, 0 100%); animation-delay: -3.5s; }
@keyframes wxLamp { 50% { opacity: .65; } }
/* chuva: gotas inclinadas caindo; temporal com relâmpago */
.h3-hero.sky-rain { background: linear-gradient(160deg, #2D6B57 0%, #1B4A45 55%, #12253F 100%); }
.wx-rain .dr { inset: -40px -40px 0 -40px; background: repeating-linear-gradient(105deg, transparent 0 9px, rgba(205,225,255,.38) 9px 10px, transparent 10px 22px); background-size: 100% 60px; animation: wxRain .5s linear infinite; }
.wx-rain.drizzle .dr { opacity: .55; animation-duration: .8s; }
.wx-rain.storm .dr { opacity: 1; animation-duration: .35s; }
@keyframes wxRain { to { background-position: -16px 60px; } }
.wx-rain .fl { inset: 0; background: rgba(255,255,255,.85); opacity: 0; animation: wxFlash 6s infinite; }
@keyframes wxFlash { 0%, 89%, 93%, 100% { opacity: 0; } 90% { opacity: .55; } 91% { opacity: .1; } 92% { opacity: .4; } }
/* neve: flocos caindo em duas camadas */
.h3-hero.sky-snow { background: linear-gradient(160deg, #5C7FA6 0%, #3A5A84 55%, #1E3358 100%); }
.wx-snow .sn { inset: -60px 0 0 0; }
.wx-snow .sn.a { background: radial-gradient(circle, rgba(255,255,255,.95) 1.6px, transparent 2.2px) 0 0 / 34px 30px; animation: wxSnow 6s linear infinite; }
.wx-snow .sn.b { background: radial-gradient(circle, rgba(255,255,255,.7) 1.1px, transparent 1.7px) 12px 8px / 22px 24px; animation: wxSnow 9s linear infinite; }
.wx-snow.light .sn.b { display: none; }
.wx-snow.heavy .sn.a { animation-duration: 3.5s; } .wx-snow.heavy .sn.b { animation-duration: 5s; }
@keyframes wxSnow { to { background-position: 30px 240px; } }
.wx-snow .sn.b { animation-name: wxSnow2; } @keyframes wxSnow2 { to { background-position: -10px 248px; } }
@media (prefers-reduced-motion: reduce) { .wx-l i { animation: none !important; } }
:root[data-reduce="1"] .wx-l i { animation: none !important; }
/* estádio atrás do bloco do jogo: céu, arquibancada e gramado mudam com o clima */
.h3-hero.sky-sun { background: linear-gradient(180deg, #2F7FC4 0%, #3E95D6 38%, #2B6EA8 60%); --stand: #1D2E52; --roof: #0F1B36; --wall: #13305A; --g1: #2FA65E; --g2: #279552; --pole: #22304F; --lamp: #DDE6F2; }
.h3-hero.sky-night { --stand: #0F1A33; --roof: #070E20; --wall: #0B1A38; --g1: #1E7A47; --g2: #196A3D; --pole: #1A2440; --lamp: #FFF6C8; }
.h3-hero.sky-rain { --stand: #1E2B3E; --roof: #121B2A; --wall: #182638; --g1: #23704A; --g2: #1D6140; --pole: #233246; --lamp: #C9D6E6; }
.h3-hero.sky-snow { --stand: #2A3F60; --roof: #1C2D48; --wall: #22385A; --g1: #E8F0F8; --g2: #D6E3F0; --pole: #2A3B58; --lamp: #EAF2FF; }
.h3-hero.sky-rain { background: linear-gradient(180deg, #3E4C60 0%, #56657A 40%, #3A4658 60%); }
.h3-hero.sky-snow { background: linear-gradient(180deg, #8193AE 0%, #A7B6CB 40%, #7E8FAA 60%); }
.h3-hero.sky-night { background: linear-gradient(180deg, #050B1E 0%, #0E1C40 45%, #0A1430 60%); }
.wx-stad { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.sky-night .wx-stad .tw rect:last-child { filter: drop-shadow(0 0 6px #FFF3B0); }
/* leitura: véu escuro atrás do texto e dos botões */
.h3-hero.sky-sun::after, .h3-hero.sky-rain::after, .h3-hero.sky-snow::after, .h3-hero.sky-night::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(180deg, rgba(5,12,30,.35) 0%, rgba(5,12,30,.1) 35%, rgba(5,12,30,.15) 60%, rgba(5,12,30,.55) 100%); }
.sky-snow .h3-act { background: rgba(20,35,60,.35); }
.wx-sun i { z-index: 1; }
/* leitura por cima do estádio: textos com sombra e botões em vidro escuro */
.h3-hero[class*="sky-"] .h3-side b, .h3-hero[class*="sky-"] .h3-k, .h3-hero[class*="sky-"] .h3-skip { text-shadow: 0 1px 2px rgba(0,0,0,.6), 0 2px 10px rgba(0,0,0,.55); }
.h3-hero[class*="sky-"] .h3-side b { display: inline-block; padding: 2px 8px; border-radius: 8px; background: rgba(6,12,30,.45); }
.h3-hero[class*="sky-"] .h3-act { background: rgba(6,12,30,.58); border-color: rgba(255,255,255,.16); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.h3-hero[class*="sky-"] .h3-act:hover { background: rgba(6,12,30,.7); }
.h3-hero[class*="sky-"] .h3-act small { color: rgba(255,255,255,.88); }
.h3-hero[class*="sky-"] .h3-x small, .h3-hero[class*="sky-"] .h3-wx, .h3-hero[class*="sky-"] .h3-role, .h3-hero[class*="sky-"] .h3-warn { background: rgba(6,12,30,.6); }
.h3-hero[class*="sky-"] .h3-skip { background: rgba(6,12,30,.45); border-radius: 999px; padding: 6px 12px; }
.h3-hero[class*="sky-"]::after { background: linear-gradient(180deg, rgba(5,12,30,.4) 0%, rgba(5,12,30,.15) 30%, rgba(5,12,30,.3) 60%, rgba(5,12,30,.6) 100%) !important; }
.wx-night .lp { display: none; }
.sky-snow .h3-act { background: rgba(14,28,52,.62) !important; }
/* pré-jogo com o estádio e o clima da partida (layout novo) */
.pm-head.pm-sky { isolation: isolate; padding-bottom: 26px; }
.pm-head.pm-sky::before { display: none; }
.pm-head.pm-sky > *:not(.wx-l) { position: relative; z-index: 1; }
.pm-head.pm-sky::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(180deg, rgba(5,12,30,.45) 0%, rgba(5,12,30,.15) 35%, rgba(5,12,30,.3) 65%, rgba(5,12,30,.6) 100%); }
.pm-sky.sky-sun { background: linear-gradient(180deg, #2F7FC4 0%, #3E95D6 38%, #2B6EA8 60%); --stand: #1D2E52; --roof: #0F1B36; --wall: #13305A; --g1: #2FA65E; --g2: #279552; --pole: #22304F; --lamp: #DDE6F2; }
.pm-sky.sky-night { background: linear-gradient(180deg, #050B1E 0%, #0E1C40 45%, #0A1430 60%); --stand: #0F1A33; --roof: #070E20; --wall: #0B1A38; --g1: #1E7A47; --g2: #196A3D; --pole: #1A2440; --lamp: #FFF6C8; }
.pm-sky.sky-rain { background: linear-gradient(180deg, #3E4C60 0%, #56657A 40%, #3A4658 60%); --stand: #1E2B3E; --roof: #121B2A; --wall: #182638; --g1: #23704A; --g2: #1D6140; --pole: #233246; --lamp: #C9D6E6; }
.pm-sky.sky-snow { background: linear-gradient(180deg, #8193AE 0%, #A7B6CB 40%, #7E8FAA 60%); --stand: #2A3F60; --roof: #1C2D48; --wall: #22385A; --g1: #E8F0F8; --g2: #D6E3F0; --pole: #2A3B58; --lamp: #EAF2FF; }
.pm-sky .pm-vs .side b, .pm-sky .pm-round, .pm-sky .pm-comp { text-shadow: 0 1px 2px rgba(0,0,0,.6), 0 2px 10px rgba(0,0,0,.5); }
.pm-sky .pm-vs .side b { display: inline-block; padding: 2px 8px; border-radius: 8px; background: rgba(6,12,30,.45); }
.pm-wx { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 5px 12px; border-radius: 999px; background: rgba(6,12,30,.6); font-size: 13px; font-weight: 800; color: #fff; }
.pm-wx .ph-duotone { font-size: 16px; color: #FFE08A; }
/* abertura da partida com o estádio e o clima (layout novo) */
.mi-card.pm-sky { position: relative; overflow: hidden; isolation: isolate; }
.mi-card.pm-sky > *:not(.wx-l) { position: relative; z-index: 1; }
.mi-card.pm-sky::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(180deg, rgba(5,12,30,.45) 0%, rgba(5,12,30,.2) 35%, rgba(5,12,30,.45) 70%, rgba(5,12,30,.75) 100%); }
.mi-card.pm-sky .mi-t b, .mi-card.pm-sky .mi-comp { text-shadow: 0 1px 2px rgba(0,0,0,.6), 0 2px 10px rgba(0,0,0,.5); }
.mi-card.pm-sky .mi-meta > div { background: rgba(6,12,30,.6); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.mi-wx { display: flex; width: max-content; margin: 8px auto 0; }

/* ---------- torcida nos clássicos ---------- */
.tfx { position: fixed; inset: 0; z-index: 70; pointer-events: none; overflow: hidden; }
.tfx-smoke { position: absolute; bottom: -80px; width: 180px; height: 180px; margin-left: -90px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--c) 85%, transparent) 0%, color-mix(in srgb, var(--c) 45%, transparent) 45%, transparent 70%); filter: blur(10px); opacity: 0; animation: tfxSmoke 4.6s ease-out forwards; }
@keyframes tfxSmoke { 0% { transform: translateY(0) scale(.5); opacity: 0; } 15% { opacity: .85; } 100% { transform: translateY(-62vh) scale(2.4); opacity: 0; } }
.tfx-flare { position: absolute; bottom: 6%; width: 18px; height: 18px; border-radius: 50%; background: #FFF4E0; box-shadow: 0 0 18px 8px rgba(255,70,40,.95), 0 0 70px 30px rgba(255,40,20,.55), 0 0 160px 70px rgba(255,30,10,.25); animation: tfxFlare .12s steps(2) infinite alternate, tfxOut 4.8s ease-in forwards; }
.tfx-flare.l { left: 9%; } .tfx-flare.r { right: 9%; animation-delay: .05s, 0s; }
@keyframes tfxFlare { to { transform: scale(1.25); filter: brightness(1.3); } }
@keyframes tfxOut { 0%, 75% { opacity: 1; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .tfx { display: none; } }
:root[data-reduce="1"] .tfx { display: none; }
/* mosaico da torcida da casa na abertura */
.mosaic { position: absolute; left: 0; right: 0; bottom: 0; height: 56%; z-index: 1; display: grid; grid-template-columns: repeat(var(--cols), 1fr); grid-auto-rows: 1fr; gap: 2px; padding: 2px; pointer-events: none; }
.mosaic i { display: block; border-radius: 2px; transform: scaleY(0); transform-origin: bottom; animation: mosUp .45s ease-out forwards; box-shadow: inset 0 -2px 0 rgba(0,0,0,.15); }
@keyframes mosUp { to { transform: scaleY(1); } }
.mosaic-crest { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); animation: mosCrest .5s .7s ease-out forwards; }
.mosaic-crest .crest { width: 84px; height: 96px; filter: drop-shadow(0 6px 12px rgba(0,0,0,.45)); }
@keyframes mosCrest { to { transform: translate(-50%, -50%) scale(1); } }
.mosaic.drop i { animation: mosDown .35s ease-in forwards; }
@keyframes mosDown { from { transform: scaleY(1); } to { transform: scaleY(0); } }
.mi-card.cl .mi-meta, .mi-card.cl [data-ko] { position: relative; z-index: 2; }
.mi-card.cl .mi-vs { position: relative; z-index: 2; }
.mi-cl { display: flex; width: max-content; margin: 8px auto 0; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; background: #E5484D; color: #fff; font-size: 13px; font-weight: 800; position: relative; z-index: 2; }
/* fim do clássico: festa ou faixa de cobrança */
.fan-end { display: flex; align-items: center; gap: 12px; margin: 12px 0; padding: 14px; border-radius: 16px; }
.fan-end.win { background: linear-gradient(135deg, #1E9E5C, #136B44); color: #fff; }
.fan-end.win .ph-duotone { font-size: 30px; color: #FFE08A; flex: none; }
.fan-end.win small { display: block; color: rgba(255,255,255,.85); font-size: 13px; margin-top: 2px; }
.fan-end.loss { flex-direction: column; align-items: stretch; background: var(--surface); border: 1px solid var(--line); }
.fan-end .faixa { display: block; padding: 10px 12px; background: #F5F1E6; color: #B42318; border-top: 3px solid #1D1D1D; border-bottom: 3px solid #1D1D1D; font-family: var(--display); font-weight: 900; font-size: 24px; letter-spacing: .04em; text-align: center; transform: rotate(-1.2deg); box-shadow: 0 6px 14px rgba(0,0,0,.2); }
.fan-end.loss small { color: var(--muted); font-size: 13px; text-align: center; }
.mi-card.pm-sky > .mosaic { position: absolute; z-index: 1; }
.tfx-smoke { width: 240px; height: 240px; margin-left: -120px; bottom: -60px; }
.mi-card.pm-sky > .mosaic { z-index: 0; bottom: 30%; height: 34%; opacity: .8; }
.mi-card.pm-sky > .mosaic .mosaic-crest { display: none; }

/* ---------- torcida nos clássicos (prévia aprovada) ---------- */
.st-svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.st-svg .mz { transform-box: fill-box; transform-origin: bottom; animation: mzUp .4s ease-out both; }
@keyframes mzUp { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.st-svg .mzc { opacity: 0; animation: mzc .5s .75s ease-out forwards; }
@keyframes mzc { to { opacity: 1; } }
.st-svg .smk { transform-box: fill-box; transform-origin: center; animation: smk 4s ease-out both; }
.st-svg .smk.s2 { animation-delay: .35s; }
@keyframes smk { 0% { transform: translateY(30px) scale(.4); opacity: 0; } 25% { opacity: .75; } 100% { transform: translateY(-30px) scale(1.4); opacity: .35; } }
.st-svg .flr { animation: flr .12s steps(2) infinite alternate; }
@keyframes flr { to { opacity: .55; } }
/* abertura */
.mi-card.cl2 { padding: 0 !important; overflow: hidden; }
.mi-card.cl2 .mi-stage { position: relative; width: 100%; height: 260px; color: #fff; }
.mi-card.cl2 .mi-info { width: 100%; box-sizing: border-box; }
.mi-stage-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,12,30,.35), transparent 30%, transparent 70%, rgba(5,12,30,.55)); }
.mi-stage-top { position: absolute; top: 14px; left: 0; right: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.mi-stage-top .mi-cl { margin: 0; background: rgba(6,12,30,.65); }
.mi-tifo { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); z-index: 2; white-space: nowrap; padding: 6px 12px; border-radius: 999px; background: rgba(6,12,30,.7); font-size: 13px; font-weight: 800; color: #fff; opacity: 0; animation: mzc .4s 1s forwards; }
.mi-card.cl2 .mi-info { padding: 14px 16px 18px; }
/* placar */
.mx-board.cl-board > *:not(.cl-bg):not(.cl-goal) { position: relative; z-index: 2; }
.mx-board.cl-board .cl-bg, .mx-board.cl-board .cl-goal { position: absolute; inset: 0; z-index: 0; }
.mx-board.cl-board .cl-goal { z-index: 1; animation: mzc .3s both; }
.mx-board.cl-board .cl-goal.out { animation: clOut .5s forwards; }
@keyframes clOut { to { opacity: 0; } }
.cl-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,12,30,.4), rgba(5,12,30,.15) 40%, rgba(5,12,30,.55)); }
.cl-veil.sad { background: rgba(5,12,30,.55); }
.cl-goal b { position: absolute; left: 50%; top: 4px; transform: translateX(-50%); z-index: 3; font-family: var(--display); font-weight: 900; font-size: 34px; letter-spacing: .05em; color: #fff; text-shadow: 0 3px 12px rgba(0,0,0,.6); animation: bump .6s cubic-bezier(.2,1.6,.4,1); }
.mx-board.cl-board .mx-team b, .mx-board.cl-board .mx-team small { text-shadow: 0 1px 2px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.5); }
/* resultado */
.rx-hero.cl-hero > *:not(.cl-bg) { position: relative; z-index: 2; }
.rx-hero.cl-hero .cl-bg { position: absolute; inset: 0; z-index: 0; }
.cl-faixa { position: absolute !important; left: 16px; right: 16px; top: 44%; z-index: 3 !important; background: #F5F1E6; color: #B42318; border-top: 4px solid #1D1D1D; border-bottom: 4px solid #1D1D1D; text-align: center; font-family: var(--display); font-weight: 900; font-size: 26px; letter-spacing: .05em; padding: 6px 0; transform: rotate(-2deg); box-shadow: 0 8px 16px rgba(0,0,0,.35); animation: mzc .5s .3s both; }
@media (prefers-reduced-motion: reduce) { .st-svg * { animation: none !important; opacity: 1; } }
:root[data-reduce="1"] .st-svg * { animation: none !important; }
.rx-hero.cl-hero .cl-faixa { position: relative !important; left: auto; right: auto; top: auto; margin: 2px 4px 12px; }
.mx-board.cl-board { padding-top: 44px; }
.cl-goal b { top: 2px; font-size: 32px; }
.rx-hero.cl-hero .cl-faixa { font-size: 20px; white-space: nowrap; padding: 5px 8px; }

/* ---------- ajuda com o Craque ---------- */
.help-btn { flex: none; width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--gold); background: rgba(255,200,69,.16); color: var(--gold-text); font: 900 17px var(--body); display: grid; place-items: center; cursor: pointer; padding: 0; }
.help-btn:hover { background: rgba(255,200,69,.3); }
.tour { position: fixed; inset: 0; z-index: 95; }
.tour-block { position: absolute; inset: 0; }
.tour-hole { position: fixed; box-shadow: 0 0 0 9999px rgba(8,14,34,.74); outline: 3px solid #FFC845; outline-offset: 2px; transition: left .25s, top .25s, width .25s, height .25s; pointer-events: none; }
.tour-guy { position: fixed; left: 4px; bottom: calc(var(--nav-h, 70px) + 8px); width: 124px; height: 168px; object-fit: contain; object-position: center bottom; image-rendering: pixelated; filter: drop-shadow(0 8px 14px rgba(0,0,0,.45)); pointer-events: none; animation: tourIn .35s ease-out; }
.tour-bub { position: fixed; left: 118px; right: 12px; bottom: calc(var(--nav-h, 70px) + 70px); max-width: 420px; background: #fff; color: #0E1A3A; border-radius: 18px; padding: 14px 14px 12px; box-shadow: 0 12px 30px rgba(0,0,0,.35); animation: tourIn .3s ease-out; }
.tour-bub:before { content: ''; position: absolute; left: -10px; bottom: 26px; border: 10px solid transparent; border-right-color: #fff; border-left: 0; }
.tour.up .tour-guy { bottom: auto; top: 70px; }
.tour-guy.pop { animation: tourPose .28s ease-out; }
@keyframes tourPose { 0% { transform: translateY(6px) scale(.96); } 60% { transform: translateY(-3px) scale(1.02); } 100% { transform: none; } }
.tour.up .tour-bub { bottom: auto; top: 96px; }
.tour.up .tour-bub:before { bottom: auto; top: 26px; }
.tour-bub small { display: block; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #A86F00; margin-bottom: 4px; }
.tour-bub b { display: block; font-size: 16px; margin-bottom: 4px; }
.tour-bub p { margin: 0; font-size: 14px; line-height: 1.45; color: #33425F; }
.tour-ft { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.tour-dots { flex: 1; display: flex; gap: 4px; flex-wrap: wrap; }
.tour-dots i { width: 7px; height: 7px; border-radius: 4px; background: #D5DCE8; transition: width .2s; }
.tour-dots i.on { width: 18px; background: #FFC845; }
.tour-ft button { height: 34px; padding: 0 14px; border-radius: 10px; border: 0; font: 800 13px var(--body); cursor: pointer; }
.tour-ft .sk { background: none; color: #5A6B8F; }
.tour-ft .nx { background: #FFC845; color: #2B1F00; }
@keyframes tourIn { from { opacity: 0; transform: translateY(10px); } }
@media (min-width: 960px) { .tour-guy { left: 252px; bottom: 16px; } .tour-bub { left: 368px; bottom: 80px; } }
/* convite na primeira visita */
.tour-ask { position: fixed; left: 12px; right: 12px; bottom: calc(var(--nav-h, 70px) + 14px); z-index: 90; max-width: 460px; display: flex; align-items: flex-end; gap: 4px; animation: tourIn .35s ease-out; }
.tour-ask img { width: 84px; height: 116px; object-fit: contain; object-position: center bottom; flex: none; image-rendering: pixelated; filter: drop-shadow(0 6px 10px rgba(0,0,0,.35)); }
.tour-ask > div { flex: 1; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 12px; box-shadow: 0 10px 26px rgba(0,0,0,.25); margin-bottom: 14px; }
.tour-ask b { display: block; font-size: 15px; } .tour-ask span { display: block; font-size: 13px; color: var(--muted); margin-top: 2px; }
.tour-ask-b { display: flex; align-items: center; gap: 6px; margin-top: 10px; flex-wrap: wrap; }
.tour-ask-off { background: none; border: 0; color: var(--dim); font: 600 12px var(--body); cursor: pointer; padding: 4px; margin-left: auto; }
@media (min-width: 960px) { .tour-ask { left: 256px; bottom: 16px; } }
@media (prefers-reduced-motion: reduce) { .tour-guy, .tour-guy.pop, .tour-bub, .tour-ask { animation: none; } .tour-hole { transition: none; } }
body:has(.cookie-bar) .tour-ask { bottom: calc(var(--nav-h, 70px) + 150px); }

/* ---------- Sua opinião ---------- */
.op-wrap { display: flex; flex-direction: column; gap: 14px; max-width: 560px; }
.op-intro { display: flex; gap: 12px; align-items: flex-end; background: linear-gradient(135deg, #13265A, #0E1A3A); color: #fff; border-radius: 20px; padding: 14px 14px 0 8px; overflow: hidden; }
.op-intro img { width: 74px; image-rendering: pixelated; flex: none; margin-bottom: -2px; }
.op-intro div { padding-bottom: 14px; } .op-intro b { display: block; font-size: 16px; margin-bottom: 4px; } .op-intro span { font-size: 13.5px; opacity: .88; line-height: 1.4; }
.op-box { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 14px; }
.op-lab { font-size: 12.5px; font-weight: 800; color: var(--muted); margin: 0 0 8px; text-transform: uppercase; letter-spacing: .04em; }
.op-pick { display: flex; gap: 4px; }
.op-pick button { background: none; border: 0; padding: 2px; font-size: 40px; line-height: 1; color: var(--line-2); cursor: pointer; transition: transform .12s; }
.op-pick button .ph-fill { color: #F5B301; } .op-pick button .ph { color: var(--dim); }
.op-pick button:active { transform: scale(.9); }
.op-sl { font-size: 13px; color: var(--muted); font-weight: 600; margin-top: 4px; }
.op-box textarea { width: 100%; min-height: 120px; border: 1.5px solid var(--line-2); border-radius: 14px; padding: 12px; font: 500 15px/1.45 var(--body); color: var(--text); background: var(--input); resize: vertical; }
.op-cnt { text-align: right; font-size: 12px; color: var(--muted); margin-top: 4px; }
.op-ck { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.45; cursor: pointer; }
.op-ck input { width: 20px; height: 20px; margin-top: 1px; accent-color: var(--grass-2); flex: none; }
.op-done { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 22px 14px; }
.op-done img { width: 92px; image-rendering: pixelated; }
.op-done b { font-size: 19px; } .op-done span { color: var(--muted); font-size: 14px; line-height: 1.45; max-width: 380px; }
.op-mini { display: flex; gap: 10px; align-items: flex-start; }
.op-head { width: 46px; height: 46px; border-radius: 50%; flex: none; }
.op-mini b { font-size: 14px; } .op-mini small { display: block; color: var(--muted); font-size: 12px; } .op-mini p { margin: 4px 0 0; font-size: 13.5px; line-height: 1.45; }
.op-stars { color: #F5B301; font-size: 13px; white-space: nowrap; } .op-stars .ph { color: var(--dim); }
.op-blur { filter: blur(3px); }
.op-invite { position: relative; display: flex; gap: 10px; align-items: flex-end; background: linear-gradient(135deg, #13265A, #0E1A3A); color: #fff; border-radius: 20px; padding: 14px 40px 0 6px; overflow: hidden; }
.op-invite img { width: 70px; image-rendering: pixelated; flex: none; margin-bottom: -2px; }
.op-invite > div { padding-bottom: 14px; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.op-invite b { font-size: 15.5px; } .op-invite span { font-size: 13px; opacity: .88; line-height: 1.4; }
.op-x { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; border-radius: 50%; border: 0; background: rgba(255,255,255,.12); color: #fff; display: grid; place-items: center; cursor: pointer; }
/* Master > Avaliações */
.rvw-cols { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 20px; align-items: start; }
@media (max-width: 1000px) { .rvw-cols { grid-template-columns: 1fr; } }
.rvw-flt { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 10px; }
.rvw-flt .sp { flex: 1; }
.rvw { display: grid; grid-template-columns: 26px 46px minmax(0, 1fr) auto; gap: 12px; align-items: start; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 12px; margin-bottom: 8px; }
.rvw.sel { border-color: #F5B301; box-shadow: 0 0 0 2px rgba(245,179,1,.25); }
.rvw .cb { background: none; border: 0; padding: 0; font-size: 22px; color: var(--dim); margin-top: 12px; cursor: pointer; } .rvw.sel .cb { color: #F5B301; }
.rvw .cb:disabled { opacity: .3; cursor: not-allowed; }
.rvw .nm { font-weight: 800; font-size: 14px; } .rvw .em { font-size: 12px; color: var(--muted); }
.rvw p { margin: 4px 0 0; font-size: 13.5px; line-height: 1.45; overflow-wrap: anywhere; }
.rvw .ac { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; }
.rvw .ac > div { display: flex; gap: 6px; }
@media (max-width: 700px) {
  .rvw { grid-template-columns: 24px 42px minmax(0, 1fr); gap: 10px; }
  .rvw .ac { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 10px; }
  .rvw .ac > div { margin-left: auto; }
  .rvw .op-head { width: 42px; height: 42px; }
  .rvw-pan { position: static; }
  .rvw-pv { width: 216px; height: 384px; }
}
.rvw-tag { font-size: 11px; font-weight: 800; padding: 3px 8px; border-radius: 999px; background: rgba(52,199,123,.16); color: var(--ok-ink); white-space: nowrap; }
.rvw-tag.no { background: rgba(255,93,98,.14); color: var(--bad-ink); }
.rvw-pan { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 14px; position: sticky; top: 12px; }
.rvw-pan h3 { margin: 0 0 10px; font-size: 16px; }
.rvw-pv { width: 270px; height: 480px; border-radius: 16px; overflow: hidden; margin: 0 auto 10px; background: #000; }
.rvw-pv canvas { width: 100%; height: 100%; display: block; }
.rvw-hint { font-size: 12.5px; color: var(--muted); margin: 8px 0 12px; line-height: 1.4; }
.rvw-btns { display: flex; gap: 8px; } .rvw-btns .btn { flex: 1; }

/* ---------- Sugestões e erros ---------- */
.fb-tabs { margin-bottom: 14px; max-width: 560px; }
.fb-kind { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fb-kind button { background: var(--surface); border: 2px solid var(--line); border-radius: 16px; padding: 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: left; color: var(--text); cursor: pointer; font: inherit; }
.fb-kind button i { font-size: 26px; color: var(--dim); }
.fb-kind button b { font-size: 15px; } .fb-kind button small { font-size: 12px; color: var(--muted); line-height: 1.35; }
.fb-kind button.on.bug { border-color: var(--red); background: rgba(255,93,98,.08); } .fb-kind button.on.bug i { color: var(--red); }
.fb-kind button.on.idea { border-color: #E0A100; background: rgba(255,200,69,.10); } .fb-kind button.on.idea i { color: #E0A100; }
.op-box select.input { width: 100%; }
.op-box textarea[data-fbx] { width: 100%; min-height: 110px; border: 1.5px solid var(--line-2); border-radius: 14px; padding: 12px; font: 500 15px/1.45 var(--body); color: var(--text); background: var(--input); resize: vertical; }
.fb-shot { display: flex; gap: 10px; align-items: center; }
.fb-th { position: relative; width: 58px; height: 76px; border-radius: 10px; overflow: visible; flex: none; }
.fb-th img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; border: 1px solid var(--line-2); }
.fb-th button { position: absolute; top: -7px; right: -7px; width: 22px; height: 22px; border-radius: 50%; border: 0; background: #0E1A3A; color: #fff; display: grid; place-items: center; font-size: 12px; cursor: pointer; }
.fb-add { flex: 1; border: 1.5px dashed var(--line-2); border-radius: 12px; padding: 13px 12px; font-size: 14px; font-weight: 700; color: var(--muted); display: flex; gap: 8px; align-items: center; cursor: pointer; }
.fb-auto { font-size: 12.5px; color: var(--muted); display: flex; gap: 6px; align-items: flex-start; line-height: 1.4; margin: 0; }
.fb-it { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 12px 14px; }
.fb-it .h { display: flex; gap: 8px; align-items: center; margin-bottom: 4px; } .fb-it .h i { font-size: 18px; } .fb-it .h b { font-size: 14.5px; flex: 1; }
.fb-bug { color: var(--red); } .fb-idea { color: #E0A100; }
.fb-it p { margin: 0; font-size: 13.5px; line-height: 1.45; white-space: pre-line; overflow-wrap: anywhere; }
.fb-it small { display: block; font-size: 12px; color: var(--muted); margin-top: 6px; }
.fb-st { font-size: 11px; font-weight: 800; padding: 3px 8px; border-radius: 999px; white-space: nowrap; background: rgba(var(--fg), .08); color: var(--muted); }
.fb-st.an { background: rgba(90,176,255,.16); color: var(--sky-ink); } .fb-st.ok { background: rgba(52,199,123,.16); color: var(--ok-ink); }
.fb-st.pl { background: rgba(255,200,69,.18); color: var(--gold-text); } .fb-st.no { background: rgba(var(--fg), .06); color: var(--dim); }
.fb-reply { margin-top: 8px; background: rgba(var(--fg), .05); border-left: 3px solid var(--gold); border-radius: 8px; padding: 8px 10px; font-size: 13px; line-height: 1.45; white-space: pre-line; }
.fb-reply b { display: block; font-size: 12px; color: var(--muted); margin-bottom: 2px; }
/* Master > Sugestões e erros */
.fbm-flt { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 12px; }
.fbm-flt .sep { width: 1px; height: 22px; background: var(--line-2); margin: 0 4px; }
.fbm-flt form { margin-left: auto; } .fbm-flt input { width: 220px; }
.fbm-cols { display: grid; grid-template-columns: minmax(300px, 420px) minmax(0, 1fr); gap: 18px; align-items: start; }
@media (max-width: 1000px) { .fbm-cols { grid-template-columns: 1fr; } }
.fbm-li { width: 100%; text-align: left; font: inherit; color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 11px 12px; margin-bottom: 8px; display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; cursor: pointer; }
.fbm-li.on { border-color: #F5B301; box-shadow: 0 0 0 2px rgba(245,179,1,.25); }
.fbm-li > i { font-size: 20px; margin-top: 1px; }
.fbm-li .t { display: flex; gap: 6px; align-items: center; } .fbm-li .t b { font-size: 14px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fbm-li p { margin: 3px 0 0; font-size: 13px; color: var(--muted); line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.fbm-li small { font-size: 11.5px; color: var(--dim); }
.fbm-det { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 18px; position: sticky; top: 12px; }
.fbm-det .hd { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.fbm-det .hd svg { width: 52px; height: 52px; border-radius: 50%; flex: none; }
.fbm-det .hd b { font-size: 16px; } .fbm-det .hd small { display: block; color: var(--muted); font-size: 12.5px; }
.fbm-det .txt { font-size: 14.5px; line-height: 1.5; margin: 0 0 12px; white-space: pre-line; overflow-wrap: anywhere; }
.fbm-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; margin-bottom: 12px; }
.fbm-meta div { background: rgba(var(--fg), .04); border-radius: 10px; padding: 8px 10px; font-size: 12px; color: var(--muted); } .fbm-meta div b { display: block; color: var(--text); font-size: 13px; margin-top: 2px; overflow-wrap: anywhere; }
.fbm-img { display: inline-block; margin-bottom: 12px; } .fbm-img img { max-width: 220px; max-height: 300px; border-radius: 12px; border: 1px solid var(--line-2); display: block; }
.fbm-acts { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }
.fbm-rep textarea { width: 100%; min-height: 80px; font: 500 14px/1.45 var(--body); }
.fbm-rep .b { display: flex; gap: 8px; justify-content: space-between; align-items: center; margin-top: 8px; flex-wrap: wrap; }
.fbm-old { background: rgba(var(--fg), .04); border-left: 3px solid var(--gold); border-radius: 8px; padding: 8px 10px; font-size: 13px; margin-bottom: 10px; white-space: pre-line; }
.m-nav a em.m-nb { margin-left: auto; background: var(--red); color: #fff; font-style: normal; font-size: 11px; font-weight: 800; border-radius: 999px; padding: 1px 7px; }

/* jogo de volta: placar da ida (Início, pré-jogo, ao vivo e resultado) */
.h3-chiprow { display: flex; flex-wrap: wrap; gap: 6px; align-self: flex-start; margin-top: -6px; position: relative; z-index: 1; }
.h3-chiprow .h3-wx { margin-top: 0; }
.h3-leg .ph-duotone { color: #9FD3FF; }
.pm-leg { margin-left: 6px; } .pm-leg .ph-duotone { color: #9FD3FF; }
.mx-agg { font-size: 12px; font-weight: 700; color: rgba(255,255,255,.85); background: rgba(0,0,0,.28); padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
.mx-agg b { color: #FFC845; }
.cup-banner small { display: block; flex-basis: 100%; text-align: center; font-weight: 600; font-size: 13px; opacity: .9; margin-top: 2px; }
.cup-banner:has(small) { flex-wrap: wrap; }

/* vagas da liga nas copas (Tabelas) */
.table td.slot { box-shadow: inset 4px 0 0 var(--sl); }
.lg-slots { display: flex; flex-direction: column; gap: 7px; padding: 12px 18px 0; font-size: 13.5px; }
.lg-slots small { font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.lg-slots span { display: flex; align-items: center; gap: 8px; }
.lg-slots span i { width: 12px; height: 12px; border-radius: 4px; flex: none; }
.lg-slots span .ph-duotone { font-size: 15px; color: var(--gold-text); width: 12px; flex: none; text-align: center; }
.lg-slots b { min-width: 74px; }
.del-reasons { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.del-reasons .op-ck input { width: 18px; height: 18px; }
textarea.input { font-family: var(--body); }

/* Master > Contas excluídas */
.m-table.dl-table tbody td { vertical-align: top; white-space: nowrap; }
.dl-table td small { display: block; font-size: 12.5px; color: var(--muted); margin-top: 3px; white-space: normal; }
.m-table.dl-table td.dl-stay, .m-table.dl-table td.dl-car { white-space: normal; min-width: 160px; }
.dl-when { color: var(--muted); }
.dl-when small { color: var(--dim) !important; }
.m-table.dl-table td.dl-note { white-space: normal; min-width: 180px; }
.dl-table .dl-cmt { font-style: italic; }
.dl-prem { color: var(--gold-text); font-weight: 700; }
.dr-panel { margin-bottom: 16px; }
.dr-badge { display: inline-block; white-space: nowrap; margin-left: 6px; padding: 2px 9px; border-radius: 99px; background: var(--red, #D93A3A); color: #fff; font-size: 12px; font-weight: 800; vertical-align: middle; }
.dr-item { border-top: 1px solid var(--line); padding: 12px 0; }
.dr-item:first-of-type { border-top: 0; }
.dr-top { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.dr-top small { display: block; margin-top: 3px; font-size: 13px; color: var(--muted); }
.dr-msg { margin: 8px 0 0; font-size: 14px; }
.dr-note { margin: 6px 0 0; font-size: 13px; }
.dr-act { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
@media (max-width: 760px) {
  .dl-table thead { display: none; }
  .dl-table, .dl-table tbody { display: block; }
  .m-table.dl-table tbody tr { display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; padding: 12px 14px; border-bottom: 1px solid var(--line); }
  .m-table.dl-table tbody tr:last-child { border-bottom: 0; }
  .m-table.dl-table tbody td { display: block; padding: 0; border: 0; min-width: 0; white-space: normal; background: none; }
  .dl-table .dl-note { grid-column: 1; grid-row: 1; }
  .dl-table .dl-when { grid-column: 2; grid-row: 1; font-size: 12.5px; text-align: right !important; }
  .dl-table .dl-who, .dl-table .dl-car, .dl-table .dl-stay { grid-column: 1 / -1; font-size: 13.5px; }
}

/* Master > Gestão à vista */
.g-bar-top { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; justify-content: space-between; margin: 4px 0 14px; position: sticky; top: 0; z-index: 5; background: var(--bg); padding: 8px 0; }
.g-nav { display: flex; gap: 4px; flex-wrap: wrap; }
.g-nav a { font-size: 13px; font-weight: 700; color: var(--muted); padding: 6px 10px; border-radius: 99px; text-decoration: none; }
.g-nav a:hover { color: var(--text); background: rgba(var(--fg), .06); }
.g-ai { border-color: rgba(255, 200, 69, .45); }
.g-ai-sum { font-size: 15.5px; line-height: 1.55; margin: 0 0 12px; }
.g-ai-offer { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 200, 69, .12); margin-bottom: 12px; }
.g-ai-offer small { display: block; font-size: 12px; color: var(--muted); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.g-ai-offer b { font-size: 15px; }
.g-ai-offer p { grid-column: 1 / -1; margin: 0; font-size: 13.5px; color: var(--muted); }
.g-ai-list { display: grid; gap: 10px; }
.g-ai-item { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; }
.g-ai-n { width: 28px; height: 28px; border-radius: 50%; background: var(--gold); color: var(--gold-ink); display: grid; place-items: center; font-weight: 900; font-size: 14px; }
.g-ai-item p { margin: 3px 0; font-size: 14px; }
.g-ai-item small { color: var(--muted); font-size: 12.5px; display: inline-flex; gap: 5px; align-items: center; }
.g-imp { font-size: 11.5px; font-weight: 800; padding: 2px 8px; border-radius: 99px; vertical-align: 1px; background: rgba(var(--fg), .07); color: var(--muted); }
.g-imp-alto { background: rgba(23, 160, 92, .14); color: var(--grass, #17A05C); }
.g-imp-medio { background: rgba(255, 200, 69, .2); color: var(--gold-text); }
.g-ai-warn { margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: rgba(217, 58, 58, .08); font-size: 13.5px; }
.g-ai-warn p { margin: 2px 0; display: flex; gap: 6px; align-items: flex-start; }
.g-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 16px; }
.g-kpi { background: var(--bg-2); border: 1px solid var(--line); border-radius: 16px; padding: 14px 16px; display: grid; gap: 4px; min-width: 0; }
.g-kpi-h { font-size: 13px; font-weight: 700; color: var(--muted); display: flex; gap: 6px; align-items: center; }
.g-kpi-h .ph, .g-kpi-h i { color: var(--gold-text); }
.g-kpi b { font-family: var(--display); font-weight: 900; font-size: 30px; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.g-kpi-s { font-size: 12.5px; color: var(--muted); display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.g-delta { font-style: normal; font-weight: 800; font-size: 12px; padding: 1px 7px; border-radius: 99px; display: inline-flex; gap: 3px; align-items: center; background: rgba(var(--fg), .07); }
.g-delta.up { background: rgba(23, 160, 92, .14); color: var(--grass, #17A05C); }
.g-delta.down { background: rgba(217, 58, 58, .12); color: var(--red, #D93A3A); }
.g-legend { font-size: 12.5px; color: var(--muted); display: inline-flex; gap: 6px; align-items: center; }
.g-legend i { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }
.g-legend i.a { background: rgba(255, 200, 69, .75); }
.g-legend i.b { background: var(--grass, #17A05C); border-radius: 50%; margin-left: 8px; }
.g-combo { width: 100%; height: 240px; display: block; overflow: visible; }
.g-combo .g-grid { stroke: var(--line); stroke-width: 1; }
.g-combo .g-ax { font-size: 11px; fill: var(--muted); }
.g-combo .g-ax-b { fill: var(--grass, #17A05C); }
.g-combo .g-bar { fill: rgba(255, 200, 69, .7); }
.g-combo .g-line { fill: none; stroke: var(--grass, #17A05C); stroke-width: 2.5; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.g-combo .g-dot { fill: var(--grass, #17A05C); }
.g-combo .g-hit { fill: transparent; cursor: pointer; }
.g-combo .g-hit.m-tip-on { fill: rgba(var(--fg), .06); }
.g-answer { margin-top: 10px; padding: 12px 14px; border-radius: 14px; background: rgba(var(--fg), .04); }
.g-answer b { font-size: 15px; }
.g-answer p { margin: 4px 0 0; font-size: 14.5px; }
.g-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 12px; }
.g-facts div { border: 1px solid var(--line); border-radius: 14px; padding: 10px 12px; display: grid; gap: 2px; }
.g-facts b { font-family: var(--display); font-weight: 900; font-size: 24px; }
.g-facts span { font-size: 12.5px; color: var(--muted); line-height: 1.35; }
.g-h3 { font-size: 14px; font-weight: 800; margin: 0 0 10px; }
.g-explain p { font-size: 13.5px; color: var(--muted); margin: 0 0 8px; }
.g-seg { flex: none; }
.g-seg button { padding: 0 12px; min-height: 32px; font-size: 13px; }
.g-reco { margin-bottom: 14px; }
.g-reco-main { display: grid; grid-template-columns: 44px 1fr; gap: 12px; padding: 14px 16px; border-radius: 16px; background: linear-gradient(135deg, rgba(255, 200, 69, .18), rgba(255, 200, 69, .06)); border: 1px solid rgba(255, 200, 69, .4); }
.g-reco-main > .ph-duotone { font-size: 40px; color: var(--gold-text); }
.g-reco-main small { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--gold-text); }
.g-reco-main b { display: block; font-size: 19px; line-height: 1.3; margin-top: 2px; }
.g-reco-main b u { text-decoration: none; background: rgba(255, 200, 69, .45); padding: 0 4px; border-radius: 6px; }
.g-reco-main p { margin: 6px 0 0; font-size: 14px; color: var(--muted); line-height: 1.5; }
.g-heat { overflow-x: auto; padding-bottom: 4px; }
.g-heat-h, .g-heat-r { display: grid; grid-template-columns: 38px repeat(24, minmax(22px, 1fr)); gap: 3px; min-width: 640px; }
.g-heat-h span { font-size: 10.5px; color: var(--muted); text-align: left; }
.g-heat-r { margin-top: 3px; }
.g-heat-l { font-size: 12px; font-weight: 700; color: var(--muted); align-self: center; }
.g-heat-r i { height: 26px; border-radius: 5px; font-style: normal; font-size: 11px; font-weight: 800; display: grid; place-items: center; color: var(--gold-ink); background: rgba(255, 200, 69, calc(.08 + var(--t) * .92)); cursor: pointer; }
.g-heat-r i.z { background: rgba(var(--fg), .04); }
.g-heat-r i.m-tip-on { outline: 2px solid var(--text); }
.g-heat-k { display: flex; gap: 4px; align-items: center; justify-content: flex-end; margin-top: 8px; font-size: 11.5px; color: var(--muted); min-width: 640px; }
.g-heat-k i { width: 18px; height: 12px; border-radius: 3px; background: rgba(255, 200, 69, calc(.08 + var(--t) * .92)); }
.g-price { display: flex; gap: 10px; align-items: flex-end; overflow-x: auto; padding: 4px 2px 6px; }
.g-price-c { flex: 1; min-width: 96px; display: grid; justify-items: center; gap: 2px; padding: 10px 8px; border-radius: 14px; border: 1px solid var(--line); cursor: pointer; }
.g-price-c.best { border-color: #E5A800; background: rgba(255, 200, 69, .12); }
.g-price-c.base { border-style: dashed; }
.g-price-bar { height: 110px; width: 34px; display: flex; align-items: flex-end; }
.g-price-bar i { width: 100%; border-radius: 6px 6px 3px 3px; background: rgba(255, 200, 69, .75); }
.g-price-c.best .g-price-bar i { background: #E5A800; }
.g-price-c.base .g-price-bar i { background: rgba(var(--fg), .18); }
.g-price-c b { font-size: 14px; margin-top: 4px; }
.g-price-c em { font-style: normal; font-family: var(--display); font-weight: 900; font-size: 20px; margin-top: 4px; }
.g-price-c small { font-size: 11.5px; color: var(--muted); }
.g-offers td small { display: block; font-size: 12px; color: var(--muted); margin-top: 2px; white-space: normal; }
.g-offers td:first-child { white-space: normal; min-width: 220px; }
.g-offers tr.g-best td { background: rgba(255, 200, 69, .08); }
.g-off { display: inline !important; color: var(--grass, #17A05C) !important; font-weight: 800; }
@media (max-width: 900px) { .g-kpis, .g-facts { grid-template-columns: repeat(2, 1fr); } .g-nav { display: none; } .g-bar-top { position: static; } }
@media (max-width: 520px) { .g-kpi b { font-size: 24px; } .g-ai-offer { grid-template-columns: 1fr; } .g-reco-main { grid-template-columns: 1fr; } .g-reco-main > .ph-duotone { display: none; } .g-combo { height: 200px; } }
#g-momento .panel-head, #g-vendas .panel-head { flex-wrap: wrap; gap: 8px; }
@media (max-width: 520px) { #g-momento .panel-head .g-seg { width: 100%; } }
.g-offer { margin-top: 16px; }
.g-hook { display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 200, 69, .12); }
.g-hook > .ph-duotone { font-size: 34px; color: var(--gold-text); }
.g-hook small { display: block; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--gold-text); }
.g-hook b { font-size: 16px; }
.g-hook p { margin: 6px 0 0; font-size: 13.5px; color: var(--muted); }
.g-cert { font-size: 11.5px; font-weight: 800; padding: 2px 8px; border-radius: 99px; background: rgba(var(--fg), .07); color: var(--muted); white-space: nowrap; }
.g-cert-alta { background: rgba(23, 160, 92, .14); color: var(--grass, #17A05C); }
.g-cert-baixa { background: rgba(217, 58, 58, .1); color: var(--red, #D93A3A); }
.g-offer-f { margin-top: 14px; }
.g-offer-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.g-offer-row:has(> :nth-child(2):last-child) { grid-template-columns: 1fr 1fr; }
.g-offer-f small.dim { display: block; font-size: 12px; margin-top: 4px; }
.g-offer-ok { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: start; padding: 12px 14px; border-radius: 14px; background: rgba(23, 160, 92, .1); margin-bottom: 12px; }
.g-offer-ok > .ph-duotone { font-size: 34px; color: var(--grass, #17A05C); }
.g-offer-ok p { margin: 4px 0 0; font-size: 14px; }
@media (max-width: 600px) { .g-offer-row, .g-offer-row:has(> :nth-child(2):last-child) { grid-template-columns: 1fr; } }

/* Paredão (minigame do goleiro) */
.gk-overlay { position: fixed; inset: 0; z-index: 900; background: #0B1530; color: #F3F6FC; opacity: 0; transition: opacity .2s; padding: env(safe-area-inset-top, 0px) 0 env(safe-area-inset-bottom, 0px); }
.gk-overlay.in { opacity: 1; }
.gk-app { height: 100%; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 10px max(12px, env(safe-area-inset-left, 0px)) 10px max(12px, env(safe-area-inset-right, 0px)); box-sizing: border-box; }
.gk-hud { width: 100%; max-width: 520px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }
.gk-score { font-family: var(--display); font-weight: 900; font-size: 30px; line-height: 1; font-variant-numeric: tabular-nums; }
.gk-score small { display: block; font-family: var(--body); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #A3B4DA; }
.gk-dots { display: flex; gap: 5px; }
.gk-dots i { width: 11px; height: 11px; border-radius: 50%; background: rgba(255,255,255,.14); display: block; }
.gk-dots i.s { background: #34C77B; } .gk-dots i.g { background: #FF5D62; } .gk-dots i.m { background: #6B7BA6; } .gk-dots i.cur { outline: 2px solid #FFC845; outline-offset: 1px; }
.gk-streak { font-weight: 800; font-size: 13px; color: #FFC845; display: flex; gap: 4px; align-items: center; min-height: 18px; justify-content: center; }
.gk-hud-r { display: flex; justify-content: flex-end; gap: 6px; }
.gk-btn { width: 38px; height: 38px; border-radius: 12px; border: 1px solid rgba(255,255,255,.12); background: #13224A; color: #F3F6FC; display: grid; place-items: center; font-size: 19px; cursor: pointer; }
.gk-stage { position: relative; width: 100%; max-width: 520px; flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; }
.gk-stage canvas { display: block; border-radius: 18px; touch-action: none; background: #0d1a3c; max-width: 100%; }
.gk-say { width: 100%; max-width: 520px; min-height: 40px; display: flex; align-items: center; gap: 10px; font-size: 14.5px; color: #A3B4DA; }
.gk-say i { color: #FFC845; font-size: 20px; flex: none; }
.gk-say b { color: #F3F6FC; }
.gk-pop { position: absolute; left: 50%; top: 28%; transform: translate(-50%, -50%) scale(.6); font-family: var(--display); font-weight: 900; font-size: 52px; text-transform: uppercase; opacity: 0; pointer-events: none; text-shadow: 0 3px 0 rgba(0,0,0,.55), 0 0 18px rgba(0,0,0,.6); text-align: center; line-height: .95; white-space: nowrap; }
.gk-pop small { display: block; font-family: var(--body); font-size: 15px; font-weight: 800; margin-top: 6px; }
.gk-pop.on { animation: gkpop 1.2s ease-out forwards; }
@keyframes gkpop { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.6); } 15% { opacity: 1; transform: translate(-50%, -50%) scale(1.08); } 25% { transform: translate(-50%, -50%) scale(1); } 80% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -62%) scale(1); } }
.gk-sheet { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(8,14,34,.72); backdrop-filter: blur(3px); border-radius: 18px; }
.gk-sheet[hidden] { display: none; }
.gk-card { width: 100%; max-width: 360px; background: #13224A; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; padding: 20px; display: grid; gap: 12px; text-align: center; }
.gk-card p { margin: 0; color: #A3B4DA; font-size: 14px; }
.gk-card .btn[hidden] { display: none; }
.gk-kick { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #FFC845; }
.gk-big { font-family: var(--display); font-weight: 900; font-size: 64px; line-height: .9; color: #FFC845; font-variant-numeric: tabular-nums; }
.gk-tag { font-size: 11px; color: #A3B4DA; margin-top: -8px; }
.gk-res { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.gk-res div { border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 10px 4px; }
.gk-res b { display: block; font-family: var(--display); font-weight: 900; font-size: 26px; }
.gk-res span { font-size: 11px; color: #A3B4DA; font-weight: 700; }
@media (prefers-reduced-motion: reduce) { .gk-pop.on { animation-duration: .01s; } }
.gk-hero { background: radial-gradient(120% 90% at 100% 0%, #B86E12 0%, #0A1330 68%); }
.gk-hero .chal-score b { color: #FFC845; }
.gk-actions { display: grid; grid-template-columns: 1fr; gap: 8px; }

/* ---------- empresário 2.0: personagens, loja, Meu empresário, contraproposta ---------- */
.bubble { white-space: pre-line; }
.ph-acts { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.ag-face { display: block; image-rendering: pixelated; width: 100%; height: 100%; }
.ag-face.big { width: 92px; height: 92px; border-radius: 20px; background: var(--surface-2); flex: none; }
.ag-face.sm { width: 44px; height: 44px; border-radius: 12px; background: var(--surface-2); flex: none; }
.ag-face.xs { width: 22px; height: 22px; border-radius: 6px; background: var(--surface-2); flex: none; }
.agent2 { display: grid; grid-template-columns: 58px 1fr auto; gap: 12px; align-items: start; padding: 14px; border-radius: 16px; border: 1px solid var(--line); }
.agent2.on { border-color: var(--gold-text); background: rgba(var(--acc), .07); }
.ag2-face { width: 58px; height: 58px; border-radius: 14px; background: var(--surface-2); overflow: hidden; }
.ag2-n { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.ag2-n b { font-size: 16px; }
.ag2-tier { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--gold-text); }
.ag2-q { margin: 2px 0 8px; font-size: 13.5px; color: var(--muted); font-style: italic; }
.ag2-perks { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 13.5px; }
.ag2-perks li { display: flex; gap: 6px; align-items: flex-start; }
.ag2-perks li i { color: var(--grass); margin-top: 3px; flex: none; }
.ag2-perks li.fee i { color: var(--sky); }
.ag2-buy { display: grid; gap: 6px; justify-items: end; }
@media (max-width: 560px) { .agent2 { grid-template-columns: 58px 1fr; } .ag2-buy { grid-column: 1 / -1; grid-auto-flow: column; justify-content: start; justify-items: start; } }
.ag-hero { display: flex; gap: 16px; align-items: flex-start; }
.ag-hero h2 { font-family: var(--display); font-weight: 900; font-size: 34px; line-height: .95; margin: 2px 0; }
.ag-hero p { margin: 0; font-size: 13.5px; }
.ag-quote { margin-top: 8px !important; font-style: italic; color: var(--muted); font-size: 14.5px !important; }
.ag-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.ag-chips .chip { background: rgba(var(--fg), .06); display: inline-flex; gap: 4px; align-items: center; }
.ag-trust-n { font-family: var(--display); font-weight: 900; font-size: 30px; font-variant-numeric: tabular-nums; }
.ag-trust-l { font-weight: 800; font-size: 14px; margin-bottom: 8px; }
.ag-trust-l.hi, .ag-trust-l.ok { color: var(--ok-ink); } .ag-trust-l.lo { color: var(--gold-text); } .ag-trust-l.off { color: var(--bad-ink); }
.ag-meter { position: relative; height: 12px; border-radius: 999px; background: rgba(var(--fg), .08); overflow: hidden; }
.ag-meter i { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: var(--grass); }
.ag-meter i.lo { background: var(--gold); } .ag-meter i.off { background: var(--red); }
.ag-meter span { position: absolute; top: 0; bottom: 0; width: 2px; background: var(--bg-2); }
.ag-scale { display: flex; justify-content: space-between; gap: 6px; font-size: 11.5px; font-weight: 700; color: var(--dim); margin-top: 6px; }
.ag-goal { font-size: 17px; display: block; }
.ag-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.ag-stats div { border-radius: 12px; background: rgba(var(--fg), .05); padding: 10px 12px; }
.ag-stats b { display: block; font-family: var(--display); font-weight: 900; font-size: 21px; font-variant-numeric: tabular-nums; line-height: 1.1; }
.ag-stats b.pos { color: var(--ok-ink); } .ag-stats b.neg { color: var(--bad-ink); }
.ag-stats span { font-size: 12px; color: var(--muted); font-weight: 700; }
.ag-last { display: grid; grid-template-columns: 44px 1fr auto; gap: 12px; align-items: center; color: inherit; text-decoration: none; }
.ag-last b { display: block; font-size: 13px; } .ag-last span { font-size: 13.5px; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.th-av.ag { overflow: hidden; padding: 0; }
.th-av.ag .ag-face { width: 100%; height: 100%; }
.phone-top .th-av.sm { width: 32px; height: 32px; border-radius: 50%; flex: none; display: inline-block; }
.ask-btn { gap: 6px; }
.ask-head { display: flex; gap: 12px; align-items: center; }
.ask-head h3 { margin: 0; font-family: var(--display); font-weight: 900; font-size: 26px; }
.ask-say { margin: 12px 0; font-size: 15px; }
.ask-seg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ask-seg button { border: 1px solid var(--line-2); background: transparent; color: var(--text); border-radius: 14px; padding: 10px 4px; display: grid; gap: 2px; cursor: pointer; font: inherit; }
.ask-seg button b { font-family: var(--display); font-weight: 900; font-size: 22px; }
.ask-seg button small { font-size: 11.5px; font-weight: 700; color: var(--muted); }
.ask-seg button em { font-style: normal; font-size: 12px; color: var(--dim); font-variant-numeric: tabular-nums; }
.ask-seg button.on { border-color: var(--gold-text); background: rgba(var(--acc), .12); }
.ask-seg button:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.ask-note { display: flex; gap: 6px; align-items: flex-start; font-size: 13px; color: var(--muted); margin: 10px 0 0; }
.ask-note i { margin-top: 2px; flex: none; }
.rx-money .rm b.neg { color: var(--bad-ink); }