/* Bolsa de Jogadores — estilos */
/* reset base */
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
/* Layout: casca de "manager" esportivo — barra lateral de módulos, barra de jogadores fixa e painéis sobre um estádio noturno.
   Identidade deliberadamente escura (noite de estádio): tema único, cores explícitas. */
/* ===================== IDENTIDADE VISUAL — manager retrô-premium ===================== */
:root{
  --bg0:#050c09; --bg1:#0a1712; --panel:rgba(12,26,20,.90); --panel2:rgba(18,36,28,.94); --panel3:rgba(7,15,11,.92);
  --line:rgba(212,175,95,.22); --line2:rgba(212,175,95,.42); --gold:#d4af5f; --gold2:#f3d68f; --gold3:#9c7a35;
  --ink:#efe9da; --ink2:#cfc8b6; --muted:#93a59a; --faint:#62756a;
  --up:#43d17f; --down:#ff6157; --amber:#ffb547; --info:#6fc3ff; --grass:#1f6b3a; --grass2:#174f2c;
  --radius:7px; --side:64px; --side-open:236px; --head:64px;
  --f-head:"Barlow Condensed","Bahnschrift SemiCondensed","Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  --f-body:"Barlow","Segoe UI",system-ui,-apple-system,"Roboto","Helvetica Neue",Arial,sans-serif;
  --f-mono:"JetBrains Mono","Consolas","Cascadia Mono","Menlo","DejaVu Sans Mono","Courier New",monospace;
  --fs:14px;
  color-scheme:dark;
}
html.big{ --fs:16px; }
html.contrast{ --panel:rgba(4,10,7,.97); --panel2:rgba(8,18,13,.98); --panel3:rgba(2,6,4,.98); --line:rgba(243,214,143,.5); --muted:#c3d2c8; --ink2:#f2ecdf; }
*{ box-sizing:border-box; }
body{ margin:0; min-height:100%; }
body::before{ content:""; position:fixed; inset:0 0 auto; height:env(safe-area-inset-top,0px); z-index:40; background:var(--bg0); }
body{ background:var(--bg0); color:var(--ink); font:var(--fs)/1.45 var(--f-body); -webkit-font-smoothing:antialiased; overflow-x:hidden; font-variant-numeric:tabular-nums; }
button,input,select{ font:inherit; color:inherit; }
a{ color:var(--gold2); }
::selection{ background:rgba(212,175,95,.35); }
:focus-visible{ outline:2px solid var(--gold2); outline-offset:2px; }
.sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* ---------- fundo de estádio ---------- */
#bg{ position:fixed; inset:0; z-index:0; pointer-events:none; }
#bg svg{ width:100%; height:100%; display:block; }
#bgdim{ position:fixed; inset:0; z-index:1; pointer-events:none; background:radial-gradient(ellipse at 50% 30%, rgba(4,10,7,.15), rgba(3,7,5,.72) 70%); transition:background .6s; }
body.in-game #bgdim{ background:linear-gradient(180deg, rgba(3,8,6,.9), rgba(3,8,6,.66) 42%, rgba(3,8,6,.82)); }
/* feixes de luz em camadas próprias: só a opacidade anima (composição na GPU, sem repintar o estádio) */
.beam-layer{ position:absolute; inset:0; will-change:opacity; animation:beamPulse 4.5s ease-in-out infinite; }
.beam-layer.b2{ animation-delay:-2.25s; }
@keyframes beamPulse{ 0%,100%{ opacity:.55 } 50%{ opacity:1 } }

/* ---------- telas ---------- */
.screen{ position:relative; z-index:2; min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); display:none; }
.screen.active{ display:block; }
#screen-menu.active{ display:flex; align-items:center; justify-content:center; padding-block:32px; padding-left:max(16px, env(safe-area-inset-left,0px)); padding-right:max(16px, env(safe-area-inset-right,0px)); }

/* ---------- menu principal ---------- */
.menu-card{ width:min(560px,100%); text-align:center; }
.emblem{ width:118px; height:118px; margin:0 auto 6px; filter:drop-shadow(0 6px 18px rgba(0,0,0,.6)); }
.title{ font:700 clamp(34px,6vw,58px)/0.95 var(--f-head); letter-spacing:.06em; text-transform:uppercase; margin:6px 0 4px;
  background:linear-gradient(180deg,#fff6d8 0%,var(--gold2) 38%,var(--gold) 62%,var(--gold3) 100%); -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow:0 2px 0 rgba(0,0,0,.25); }
.subtitle{ font:600 13px var(--f-head); letter-spacing:.32em; text-transform:uppercase; color:var(--muted); margin-bottom:18px; }
.led{ background:#040705; border:1px solid #1d2a22; border-radius:4px; box-shadow:inset 0 0 18px rgba(0,0,0,.9), 0 0 0 3px rgba(0,0,0,.35); padding:9px 0; overflow:hidden; position:relative;
  font:700 15px var(--f-mono); color:var(--amber); text-shadow:0 0 6px rgba(255,181,71,.8), 0 0 14px rgba(255,140,0,.35); letter-spacing:.08em; white-space:nowrap; }
.led::after{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg, rgba(0,0,0,.35) 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, rgba(0,0,0,.3) 0 1px, transparent 1px 3px); pointer-events:none; }
/* a duração real é calculada em net.js pela largura do texto (velocidade constante) */
.ticker{ display:inline-block; padding-left:14px; animation:tick 40s linear infinite; will-change:transform; }
.ticker .u{ color:var(--up); text-shadow:0 0 6px rgba(67,209,127,.7); } .ticker .d{ color:var(--down); text-shadow:0 0 6px rgba(255,97,87,.7); }
@keyframes tick{ from{ transform:translateX(0) } to{ transform:translateX(-50%) } }
.menu-buttons{ display:grid; gap:10px; margin:22px auto 10px; width:min(360px,100%); }
.save-info{ font-size:12px; color:var(--muted); margin-top:-4px; }

/* ---------- botões ---------- */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--line2); background:linear-gradient(180deg,rgba(40,62,50,.95),rgba(20,36,28,.95));
  color:var(--ink); padding:9px 16px; border-radius:5px; cursor:pointer; font:600 calc(var(--fs) - 1px)/1.2 var(--f-head); letter-spacing:.05em; text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 2px 6px rgba(0,0,0,.35); transition:transform .08s, filter .15s, border-color .15s; white-space:nowrap; }
.btn:hover{ filter:brightness(1.15); border-color:var(--gold); }
.btn:active{ transform:translateY(1px); }
.btn[disabled]{ opacity:.45; cursor:not-allowed; filter:none; }
.btn.gold{ background:linear-gradient(180deg,#f6dc96,#d4af5f 55%,#a7802f); color:#1a1408; border-color:#f6dc96; text-shadow:0 1px 0 rgba(255,255,255,.35); }
.btn.big{ padding:13px 20px; font-size:16px; }
.btn.danger{ background:linear-gradient(180deg,#7a2620,#4a1410); border-color:#c2483f; }
.btn.ghost{ background:transparent; box-shadow:none; }
.btn.sm{ padding:5px 10px; font-size:12px; }
.btn svg{ width:16px; height:16px; flex:none; }
.chip{ display:inline-flex; align-items:center; gap:4px; border:1px solid var(--line); background:rgba(255,255,255,.04); border-radius:999px; padding:3px 10px; font-size:12px; cursor:pointer; color:var(--ink2); }
.chip:hover{ border-color:var(--gold); color:var(--ink); }

/* ---------- formulários ---------- */
.field{ display:flex; flex-direction:column; gap:4px; }
.field label{ font:600 11px var(--f-head); letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.input,select.input{ background:rgba(0,0,0,.35); border:1px solid var(--line); border-radius:5px; padding:8px 10px; min-width:0; }
.input:focus{ border-color:var(--gold); outline:none; box-shadow:0 0 0 2px rgba(212,175,95,.2); }
select.input option{ background:#0c1712; }
.field .input{ width:100%; }
.filters > *{ min-width:0; }
.err{ color:var(--down); font-size:12.5px; min-height:1em; }

/* ---------- cadastro ---------- */
.setup-card{ width:min(620px,100%); }
.setup-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:16px 0; }
.setup-slot{ display:flex; align-items:center; gap:10px; background:rgba(0,0,0,.25); border:1px solid var(--line); border-left:4px solid var(--c); border-radius:6px; padding:10px; }
.setup-slot .avatar{ flex:none; }
@media (max-width:560px){ .setup-grid{ grid-template-columns:1fr; } }

/* ---------- painéis ---------- */
.panel{ background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:var(--radius); box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 12px 32px rgba(0,0,0,.35); position:relative; min-width:0; }
.panel::before,.panel::after{ content:""; position:absolute; top:8px; width:5px; height:5px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#f3e2b0,#7d6430); opacity:.55; }
.panel::before{ left:8px; } .panel::after{ right:8px; }
.panel-h{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 18px 9px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.panel-h h2,.panel-h h3{ margin:0; font:700 13px var(--f-head); letter-spacing:.16em; text-transform:uppercase; color:var(--gold2); }
.panel-b{ padding:14px 18px; }
.panel-b.tight{ padding:8px 10px; }
.grid{ display:grid; gap:16px; align-content:start; }
.g2{ grid-template-columns:repeat(2,minmax(0,1fr)); } .g3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.g-main{ grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
@media (max-width:1100px){ .g-main,.g3{ grid-template-columns:1fr; } }
@media (max-width:760px){ .g2{ grid-template-columns:1fr; } }
.page-title{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:2px 0 14px; flex-wrap:wrap; }
.page-title h1{ margin:0; font:700 26px/1 var(--f-head); letter-spacing:.08em; text-transform:uppercase; color:var(--ink); }
.page-title .sub{ color:var(--muted); font-size:13px; margin-top:4px; }
.kpis{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin-bottom:16px; }
.kpi{ background:linear-gradient(180deg,rgba(22,42,33,.92),rgba(10,21,16,.92)); border:1px solid var(--line); border-radius:var(--radius); padding:11px 14px; }
.kpi .k{ font:600 11px var(--f-head); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.kpi .v{ font:700 22px/1.2 var(--f-mono); color:var(--ink); margin-top:2px; }
.kpi .s{ font-size:12px; color:var(--muted); }
.kpi.hl .v{ color:var(--gold2); }

/* ---------- tabelas ---------- */
.tbl-wrap{ overflow-x:auto; }
table.tbl{ width:100%; border-collapse:collapse; font-size:calc(var(--fs) - 1px); }
.tbl th{ text-align:left; font:600 11px var(--f-head); letter-spacing:.12em; text-transform:uppercase; color:var(--gold); padding:7px 8px; border-bottom:1px solid var(--line2); white-space:nowrap; position:sticky; top:0; background:rgba(10,22,17,.98); }
.tbl td{ padding:7px 8px; border-bottom:1px solid rgba(212,175,95,.08); vertical-align:middle; }
.tbl tbody tr:nth-child(even){ background:rgba(255,255,255,.022); }
.tbl tbody tr:hover{ background:rgba(212,175,95,.07); }
.tbl .num,.num{ text-align:right; font-family:var(--f-mono); white-space:nowrap; }
.tbl tr.click{ cursor:pointer; }
.tbl tr.me td:first-child{ box-shadow:inset 3px 0 0 var(--gold); }
.pos-tag{ display:inline-block; min-width:34px; text-align:center; font:700 10.5px var(--f-head); letter-spacing:.08em; border-radius:3px; padding:2px 5px; }
.pos-ATA{ background:#5a1e1a; color:#ffb4ab; } .pos-MEI{ background:#1c3d5c; color:#a9d6ff; } .pos-DEF{ background:#2b4a21; color:#c6f0a6; }
.up{ color:var(--up); } .down{ color:var(--down); } .flat{ color:var(--muted); } .muted{ color:var(--muted); } .gold{ color:var(--gold2); }
.tag{ display:inline-block; border:1px solid var(--line); border-radius:3px; padding:1px 6px; font:600 10.5px var(--f-head); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2); background:rgba(0,0,0,.25); }
.tag.up{ border-color:rgba(67,209,127,.4); color:var(--up); } .tag.gold{ border-color:var(--line2); color:var(--gold2); background:rgba(212,175,95,.1); text-transform:none; letter-spacing:.02em; font-family:var(--f-mono); font-weight:700; } .tag.down{ border-color:rgba(255,97,87,.4); color:var(--down); } .tag.amber{ border-color:rgba(255,181,71,.45); color:var(--amber); }
.dot{ display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:-1px; box-shadow:0 0 0 1px rgba(255,255,255,.25); }
.crest{ display:inline-block; width:14px; height:16px; vertical-align:-3px; margin-right:5px; }
.linkish{ color:var(--gold2); cursor:pointer; text-decoration:underline; text-decoration-color:rgba(243,214,143,.35); text-underline-offset:2px; background:none; border:0; padding:0; font:inherit; }
.linkish:hover{ text-decoration-color:var(--gold2); }
.form-pill{ display:inline-block; width:16px; height:16px; line-height:16px; text-align:center; font:700 10px var(--f-head); border-radius:3px; margin-right:2px; color:#08110c; }
.form-pill.V{ background:var(--up); } .form-pill.E{ background:#c9c3b0; } .form-pill.D{ background:var(--down); }

/* ---------- casca do jogo ---------- */
#screen-game{ padding-left:var(--side); }
body.side-pinned #screen-game{ padding-left:var(--side-open); }
.sidebar{ position:fixed; z-index:30; left:0; top:0; bottom:0; width:var(--side); padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); background:linear-gradient(180deg,rgba(6,14,10,.97),rgba(10,22,16,.97)); border-right:1px solid var(--line);
  display:flex; flex-direction:column; transition:width .22s ease, box-shadow .22s; overflow:hidden; }
.sidebar:hover,.sidebar:focus-within,body.side-pinned .sidebar,.sidebar.open{ width:var(--side-open); box-shadow:12px 0 40px rgba(0,0,0,.55); }
body.side-pinned .sidebar{ box-shadow:none; }
.side-brand{ height:var(--head); display:flex; align-items:center; gap:10px; padding:0 13px; border-bottom:1px solid var(--line); flex:none; }
.side-brand svg{ width:38px; height:38px; flex:none; }
.side-brand .t{ font:700 15px/1 var(--f-head); letter-spacing:.08em; text-transform:uppercase; color:var(--gold2); white-space:nowrap; opacity:0; transition:opacity .15s; }
.sidebar:hover .side-brand .t,.sidebar:focus-within .side-brand .t,body.side-pinned .side-brand .t{ opacity:1; }
.side-nav{ flex:1; overflow-y:auto; overflow-x:hidden; padding:8px 0; }
.nav-btn{ display:flex; align-items:center; gap:14px; width:100%; border:0; background:transparent; padding:10px 20px; cursor:pointer; color:var(--ink2); text-align:left; position:relative; white-space:nowrap; font:600 13px var(--f-head); letter-spacing:.08em; text-transform:uppercase; }
.nav-btn svg{ width:24px; height:24px; flex:none; opacity:.85; }
.nav-btn:hover{ background:rgba(212,175,95,.08); color:var(--ink); }
.nav-btn.active{ color:var(--gold2); background:linear-gradient(90deg,rgba(212,175,95,.18),transparent); }
.nav-btn.active::before{ content:""; position:absolute; left:0; top:6px; bottom:6px; width:3px; background:var(--gold); border-radius:0 2px 2px 0; }
.nav-btn .lbl{ opacity:0; transition:opacity .15s; }
.sidebar:hover .lbl,.sidebar:focus-within .lbl,body.side-pinned .lbl,.sidebar.open .lbl{ opacity:1; }
.nav-badge{ position:absolute; left:36px; top:5px; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:var(--down); color:#fff; font:700 10px/17px var(--f-body); text-align:center; }
.side-foot{ border-top:1px solid var(--line); padding:8px 0; flex:none; }
.side-sim{ margin:6px 10px 4px; width:calc(100% - 20px); padding:10px 0; justify-content:flex-start; padding-left:10px; overflow:hidden; }
.side-sim .lbl{ opacity:0; transition:opacity .15s; }
.sidebar:hover .side-sim .lbl,.sidebar:focus-within .side-sim .lbl,body.side-pinned .side-sim .lbl{ opacity:1; }
.topbar{ position:sticky; top:env(safe-area-inset-top,0px); z-index:20; min-height:var(--head); display:flex; align-items:center; gap:12px; padding-block:8px; padding-left:max(18px, env(safe-area-inset-left,0px)); padding-right:max(18px, env(safe-area-inset-right,0px)); background:linear-gradient(180deg,rgba(5,12,9,.96),rgba(9,20,15,.93)); border-bottom:1px solid var(--line); flex-wrap:wrap; backdrop-filter:blur(6px); }
.round-badge{ display:flex; flex-direction:column; align-items:flex-start; background:#040705; border:1px solid #23312a; border-radius:4px; padding:4px 10px; box-shadow:inset 0 0 12px rgba(0,0,0,.8); }
.round-badge .k{ font:600 9.5px var(--f-head); letter-spacing:.2em; color:var(--muted); text-transform:uppercase; }
.round-badge .v{ font:700 18px/1 var(--f-mono); color:var(--amber); text-shadow:0 0 8px rgba(255,181,71,.6); }
.inv-tabs{ display:flex; gap:6px; flex:1; flex-wrap:wrap; min-width:0; }
.inv-tab{ display:flex; align-items:center; gap:8px; border:1px solid var(--line); background:rgba(255,255,255,.03); border-radius:6px; padding:5px 10px 5px 6px; cursor:pointer; min-width:0; max-width:220px; position:relative; }
.inv-tab:hover{ border-color:var(--gold); }
.inv-tab.active{ background:linear-gradient(180deg,rgba(212,175,95,.22),rgba(212,175,95,.06)); border-color:var(--c); box-shadow:inset 0 -3px 0 var(--c); }
.inv-tab .nm{ font:700 13px/1.1 var(--f-head); letter-spacing:.04em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.inv-tab .bal{ font:600 12px var(--f-mono); color:var(--muted); display:block; }
.inv-tab.active .bal{ color:var(--gold2); }
.inv-tab .ub{ position:absolute; top:-6px; right:-6px; min-width:16px; height:16px; border-radius:8px; background:var(--down); color:#fff; font:700 10px/16px var(--f-body); text-align:center; padding:0 4px; }
.avatar{ width:30px; height:30px; border-radius:50%; display:inline-grid; vertical-align:middle; place-items:center; background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 75%, #fff), var(--c) 60%, color-mix(in srgb, var(--c) 55%, #000)); color:#08110c; font:800 13px var(--f-head); flex:none; box-shadow:0 0 0 2px rgba(0,0,0,.4); }
.top-actions{ display:flex; align-items:center; gap:8px; }
.icon-btn{ position:relative; width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--line); border-radius:6px; background:rgba(255,255,255,.03); cursor:pointer; }
.icon-btn:hover{ border-color:var(--gold); }
.icon-btn svg{ width:20px; height:20px; }
.icon-btn .nav-badge{ left:auto; right:-6px; top:-6px; }
#sim-btn{ min-width:150px; }
#sim-btn.busy{ pointer-events:none; filter:saturate(.5); }
.main{ padding-block:20px 60px; padding-left:max(22px, env(safe-area-inset-left,0px)); padding-right:max(22px, env(safe-area-inset-right,0px)); max-width:1680px; }
.view-enter{ animation:viewIn .22s ease-out; }
@keyframes viewIn{ from{ opacity:.35; transform:translateY(5px) } to{ opacity:1; transform:none } }

/* ---------- mercado ---------- */
.filters{ display:grid; grid-template-columns:minmax(180px,2fr) repeat(5,minmax(120px,1fr)); gap:10px; margin-bottom:14px; }
@media (max-width:1200px){ .filters{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:620px){ .filters{ grid-template-columns:1fr 1fr; } }
.cards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px; }
.acard{ background:linear-gradient(180deg,rgba(20,40,31,.95),rgba(9,19,14,.95)); border:1px solid var(--line); border-radius:var(--radius); padding:12px 13px 11px; cursor:pointer; position:relative; overflow:hidden; transition:transform .12s, border-color .12s, box-shadow .12s; }
.acard:hover{ transform:translateY(-2px); border-color:var(--gold); box-shadow:0 10px 24px rgba(0,0,0,.45); }
.acard::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg,var(--c1),var(--c2)); }
.acard .top{ display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.acard .nm{ font:700 15.5px/1.15 var(--f-head); letter-spacing:.02em; }
.acard .club{ font-size:12px; color:var(--muted); margin-top:2px; }
.force{ flex:none; width:40px; height:40px; border-radius:6px; display:grid; place-items:center; font:800 17px var(--f-mono); color:#16110a; background:linear-gradient(180deg,#f6dc96,#c9a14f); box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); }
.force.f2{ background:linear-gradient(180deg,#d9e6dd,#97a99c); } .force.f3{ background:linear-gradient(180deg,#d7b48e,#9a6e46); }
.acard .mid{ display:flex; align-items:flex-end; justify-content:space-between; gap:8px; margin:10px 0 6px; }
.acard .q{ font:700 20px/1 var(--f-mono); } .acard .ql{ font-size:10.5px; color:var(--muted); letter-spacing:.08em; text-transform:uppercase; font-family:var(--f-head); }
.acard .meta{ display:flex; flex-wrap:wrap; gap:5px; align-items:center; font-size:11.5px; }
.acard .mine{ margin-top:8px; padding-top:7px; border-top:1px dashed var(--line); display:flex; justify-content:space-between; font-size:12px; }

.spark{ width:96px; height:30px; }
.empty{ padding:30px; text-align:center; color:var(--muted); }

/* ---------- atleta ---------- */
.ath-head{ display:flex; gap:18px; align-items:center; flex-wrap:wrap; padding:16px 18px; }
.ath-head .bigforce{ width:68px; height:68px; font-size:28px; border-radius:10px; }
.ath-head h1{ margin:0; font:700 30px/1 var(--f-head); letter-spacing:.04em; }
.ath-head .info{ color:var(--muted); margin-top:5px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.statbar{ display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); border-top:1px solid var(--line); }
.statbar > div{ padding:10px 16px; border-right:1px solid rgba(212,175,95,.1); }
.statbar .k{ font:600 10.5px var(--f-head); letter-spacing:.14em; color:var(--muted); text-transform:uppercase; }
.statbar .v{ font:700 18px var(--f-mono); }
.own-bar{ display:flex; height:16px; border-radius:4px; overflow:hidden; border:1px solid var(--line); background:#0a110d; }
.own-bar > span{ display:block; height:100%; }
.legend{ display:flex; flex-wrap:wrap; gap:6px 14px; font-size:12px; margin-top:8px; }
.preview{ background:rgba(0,0,0,.28); border:1px solid var(--line); border-radius:6px; padding:10px 12px; margin-top:10px; }
.preview .row{ display:flex; justify-content:space-between; gap:10px; padding:3px 0; font-size:13px; }
.preview .row b{ font-family:var(--f-mono); font-weight:700; }
.preview .row.total{ border-top:1px solid var(--line); margin-top:4px; padding-top:7px; font-size:14px; }
.warn{ background:rgba(255,97,87,.1); border:1px solid rgba(255,97,87,.45); color:#ffd2cd; border-radius:6px; padding:9px 12px; font-size:13px; }
.note{ background:rgba(255,181,71,.08); border:1px solid rgba(255,181,71,.35); color:#ffe2b5; border-radius:6px; padding:9px 12px; font-size:13px; }
.chart{ width:100%; height:auto; display:block; }
.chart text{ font-family:var(--f-mono); }

/* ---------- leilões ---------- */
.lots{ display:grid; grid-template-columns:repeat(auto-fill,minmax(285px,1fr)); gap:12px; }
.lot{ background:linear-gradient(180deg,rgba(22,40,31,.95),rgba(8,17,13,.95)); border:1px solid var(--line); border-radius:var(--radius); padding:12px 14px; position:relative; }
.lot.empty-lot{ opacity:.55; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:150px; border-style:dashed; }
.lot .no{ position:absolute; top:-1px; left:-1px; background:linear-gradient(180deg,#f6dc96,#c9a14f); color:#1a1408; font:800 13px var(--f-mono); padding:3px 9px; border-radius:var(--radius) 0 6px 0; }
.lot .lhead{ padding-left:34px; display:flex; justify-content:space-between; gap:8px; }
.lot .pct{ font:800 24px/1 var(--f-mono); color:var(--gold2); }
.lot .rows{ margin:10px 0; font-size:12.5px; display:grid; grid-template-columns:1fr auto; gap:3px 10px; }
.lot .rows span:nth-child(even){ text-align:right; font-family:var(--f-mono); }
.lot .bidrow{ display:flex; gap:6px; }
.lot .bidrow .input{ flex:1; width:0; }
.lot.lead{ border-color:var(--up); box-shadow:0 0 0 1px rgba(67,209,127,.25) inset; }
.lot.outbid{ border-color:rgba(255,181,71,.6); }

/* ---------- inbox ---------- */
.inbox{ display:grid; grid-template-columns:minmax(260px,380px) minmax(0,1fr); gap:16px; }
@media (max-width:900px){ .inbox{ grid-template-columns:1fr; } }
.msg-list{ max-height:68vh; overflow-y:auto; }
.msg-item{ display:block; width:100%; text-align:left; border:0; border-bottom:1px solid rgba(212,175,95,.09); background:transparent; padding:10px 14px 10px 18px; cursor:pointer; position:relative; }
.msg-item:hover{ background:rgba(212,175,95,.06); }
.msg-item.sel{ background:rgba(212,175,95,.13); }
.msg-item.unread::before{ content:""; position:absolute; left:6px; top:16px; width:7px; height:7px; border-radius:50%; background:var(--amber); box-shadow:0 0 6px var(--amber); }
.msg-item .s{ font-weight:600; font-size:13px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.msg-item.unread .s{ color:var(--ink); font-weight:800; }
.msg-item .m{ font-size:11.5px; color:var(--muted); display:flex; gap:8px; margin-top:2px; }
.msg-item .x{ font-size:12px; color:var(--faint); display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:2px; }
.msg-body{ font-size:14px; line-height:1.6; }
.msg-body ul{ margin:6px 0; padding-left:20px; } .msg-body li{ margin:2px 0; }
.msg-from{ display:flex; align-items:center; gap:10px; padding-bottom:10px; margin-bottom:12px; border-bottom:1px solid var(--line); }
.cat-mercado{ color:var(--info); } .cat-leilao{ color:var(--amber); } .cat-esporte{ color:var(--up); } .cat-rodada{ color:var(--gold2); } .cat-temporada{ color:#e9a4ff; }

/* ---------- partidas ---------- */
.matches{ display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:8px; }
.match{ background:rgba(0,0,0,.28); border:1px solid rgba(212,175,95,.12); border-radius:5px; }
.match summary{ list-style:none; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px; padding:7px 10px; cursor:pointer; font-size:13px; }
.match summary::-webkit-details-marker{ display:none; }
.match .h{ text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .match .a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.score{ background:#040705; border:1px solid #23312a; border-radius:3px; padding:2px 8px; font:700 15px var(--f-mono); color:var(--amber); text-shadow:0 0 6px rgba(255,181,71,.55); min-width:56px; text-align:center; }
.match .evs{ padding:2px 12px 9px; font-size:12px; color:var(--ink2); border-top:1px dashed rgba(212,175,95,.12); }
.match .evs div{ padding:2px 0; }
.match.has-asset{ border-color:rgba(212,175,95,.35); }
.league-tabs{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
.league-tab{ border:1px solid var(--line); background:rgba(255,255,255,.03); border-radius:5px; padding:7px 12px; cursor:pointer; font:600 13px var(--f-head); letter-spacing:.06em; text-transform:uppercase; display:flex; gap:8px; align-items:center; }
.league-tab.active{ border-color:var(--gold); color:var(--gold2); background:rgba(212,175,95,.12); }
.flag{ display:inline-block; width:18px; height:12px; border-radius:2px; box-shadow:0 0 0 1px rgba(255,255,255,.2); }

/* ---------- modais e toasts ---------- */
.modal-back{ position:fixed; inset:0; z-index:100; background:rgba(2,5,3,.72); display:flex; align-items:center; justify-content:center; padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px)); animation:fadeIn .15s; }
.modal{ width:min(560px,100%); max-height:90vh; overflow:auto; background:linear-gradient(180deg,#14281f,#0a1611); border:1px solid var(--line2); border-radius:9px; box-shadow:0 30px 80px rgba(0,0,0,.7); animation:popIn .18s ease-out; }
.modal.wide{ width:min(780px,100%); }
.modal-h{ padding:14px 18px; border-bottom:1px solid var(--line); font:700 16px var(--f-head); letter-spacing:.1em; text-transform:uppercase; color:var(--gold2); }
.modal-b{ padding:16px 18px; }
.modal-f{ padding:12px 18px; border-top:1px solid var(--line); display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
@keyframes fadeIn{ from{ opacity:0 } } @keyframes popIn{ from{ opacity:0; transform:translateY(10px) scale(.98) } }
#toasts{ position:fixed; right:calc(18px + env(safe-area-inset-right,0px)); bottom:calc(18px + env(safe-area-inset-bottom,0px)); left:calc(16px + env(safe-area-inset-left,0px)); z-index:200; display:flex; flex-direction:column; gap:8px; align-items:flex-end; pointer-events:none; }
.toast{ pointer-events:auto; background:linear-gradient(180deg,#183327,#0d1d16); border:1px solid var(--line2); border-left:4px solid var(--up); color:var(--ink); padding:10px 14px; border-radius:6px; box-shadow:0 10px 30px rgba(0,0,0,.5); font-size:13.5px; max-width:380px; animation:toastIn .2s ease-out; }
.toast.error{ border-left-color:var(--down); } .toast.info{ border-left-color:var(--amber); }
@keyframes toastIn{ from{ opacity:0; transform:translateX(20px) } }
.sim-overlay{ position:fixed; inset:0; z-index:150; display:flex; align-items:center; justify-content:center; background:rgba(2,5,3,.6); }
.sim-overlay .led{ width:min(420px,90vw); text-align:center; font-size:18px; padding:18px; }
.blink{ animation:blink 1s steps(2) infinite; } @keyframes blink{ 50%{ opacity:.25 } }

.help h3{ font:700 15px var(--f-head); letter-spacing:.08em; text-transform:uppercase; color:var(--gold2); margin:18px 0 6px; }
.help ol{ padding-left:22px; } .help li{ margin:6px 0; }
.switch{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid rgba(212,175,95,.1); }
.switch input{ width:18px; height:18px; accent-color:var(--gold); }

/* ---------- partida online ---------- */
.lobby-box{ margin:18px auto 0; width:min(420px,100%); text-align:left; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:var(--radius); padding:16px 18px; display:flex; flex-direction:column; gap:8px; }
.lobby-box ~ .menu-buttons{ width:min(420px,100%); }
.lobby-h{ margin:0; font:700 15px var(--f-head); letter-spacing:.12em; text-transform:uppercase; color:var(--gold2); text-wrap:balance; }
.seat-list{ list-style:none; margin:4px 0 0; padding:0; display:grid; gap:6px; }
.seat-row{ display:flex; align-items:center; gap:10px; padding:6px 8px; border:1px solid var(--line); border-radius:6px; background:rgba(0,0,0,.25); }
.seat-row .sn{ flex:1; min-width:0; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.seat-row.free{ border-style:dashed; opacity:.75; }
.inv-tab.free{ border-style:dashed; opacity:.62; }
.inv-tab.free .avatar{ filter:grayscale(.7); }
.inv-tab .nm small{ font:600 9.5px var(--f-head); letter-spacing:.12em; text-transform:uppercase; color:var(--gold); margin-left:3px; }
.dotline{ display:flex; align-items:center; gap:5px; font:600 9.5px var(--f-head); letter-spacing:.12em; text-transform:uppercase; }
.on-dot{ width:7px; height:7px; border-radius:50%; background:var(--faint); flex:none; }
.on-dot.on{ background:var(--up); box-shadow:0 0 6px var(--up); }
.dotline .rd{ color:var(--up); } .dotline .nr{ color:var(--muted); }
.btn.is-ready{ background:linear-gradient(180deg,#2f7d4f,#1d5434); color:#eafff1; border-color:#58d38b; text-shadow:none; }
.sync{ font:600 12px var(--f-mono); color:var(--amber); white-space:nowrap; }
.sync::before{ content:"● "; animation:blink 1s steps(2) infinite; }
body.net-busy [data-act="buy-review"],body.net-busy [data-act="sell-review"],body.net-busy [data-act="bid"],body.net-busy [data-act="ready"],body.net-busy [data-act="force-round"]{ pointer-events:none; opacity:.55; }
.feed{ list-style:none; margin:0; padding:2px 6px; display:grid; gap:2px; }
.feed li{ display:flex; gap:8px; align-items:baseline; padding:5px 4px; border-bottom:1px solid rgba(212,175,95,.08); font-size:13px; }
.feed li .dot{ flex:none; transform:translateY(1px); }
.feed li:last-child{ border-bottom:0; }

/* ---------- responsivo ---------- */
@media (max-width:760px){
  #screen-game,body.side-pinned #screen-game{ padding-left:0; padding-bottom:64px; }
  .sidebar,.sidebar:hover,.sidebar:focus-within{ top:auto; bottom:0; right:0; width:auto; height:calc(60px + env(safe-area-inset-bottom,0px)); padding-top:0; flex-direction:row; border-right:0; border-top:1px solid var(--line); box-shadow:0 -8px 24px rgba(0,0,0,.5); }
  .side-brand,.side-foot,.nav-btn .lbl,#pin-btn{ display:none; }
  .side-nav{ display:flex; overflow-x:auto; padding:0; }
  .nav-btn{ flex:none; width:auto; padding:0 14px; justify-content:center; }
  .nav-btn.active::before{ left:6px; right:6px; top:auto; bottom:0; width:auto; height:3px; }
  .nav-badge{ left:28px; }
  .main{ padding-block:14px 40px; padding-left:max(16px, env(safe-area-inset-left,0px)); padding-right:max(16px, env(safe-area-inset-right,0px)); }
  .topbar{ padding-block:8px; padding-left:max(16px, env(safe-area-inset-left,0px)); padding-right:max(16px, env(safe-area-inset-right,0px)); }
  #toasts{ bottom:calc(76px + env(safe-area-inset-bottom,0px)); }
  #sim-btn{ min-width:0; }
  #sim-btn{ padding:8px 12px; }
  .inv-tabs{ order:3; flex-basis:100%; flex-wrap:nowrap; overflow-x:auto; padding-bottom:2px; }
  .inv-tab{ flex:none; max-width:170px; }
  .top-actions{ margin-left:auto; }
  .page-title h1{ font-size:21px; }
}
@media (prefers-reduced-motion:reduce){ *,*::before,*::after{ animation:none !important; transition:none !important; } }
html.reduce-motion *,html.reduce-motion *::before,html.reduce-motion *::after{ animation:none !important; transition:none !important; }

/* ---------- V2: participantes, bots, Mercado de anúncios ---------- */
#screen-setup.active{ display:flex; align-items:center; justify-content:center; padding-block:32px; padding-left:max(16px, env(safe-area-inset-left,0px)); padding-right:max(16px, env(safe-area-inset-right,0px)); }
.panel{ scroll-margin-top:84px; }
.grid > *{ min-width:0; }
.tag.bot{ border-color:rgba(197,140,255,.38); color:#d9bcff; background:rgba(120,80,170,.12); }
.avatar.bot{ border-radius:7px; background:linear-gradient(180deg,#5d6b63,#3a4640); color:#dfe6e1; }
.inv-link{ text-align:left; }
.pager{ display:flex; gap:10px; align-items:center; justify-content:center; padding:10px 6px 4px; flex-wrap:wrap; }
.filters.f4{ grid-template-columns:minmax(180px,2fr) repeat(3,minmax(120px,1fr)); }
@media (max-width:900px){ .filters.f4{ grid-template-columns:1fr 1fr; } }
.bid-hist{ margin-top:8px; }
.bid-hist summary{ cursor:pointer; color:var(--muted); font-size:12px; }
.lbl-sm{ font:600 11px var(--f-head); letter-spacing:.12em; text-transform:uppercase; margin-bottom:4px; }
h3.mh{ font:700 13px var(--f-head); letter-spacing:.14em; text-transform:uppercase; color:var(--gold2); margin:16px 0 6px; }
.count-pick{ display:flex; gap:6px; flex-wrap:wrap; }
.count-pick .chip{ min-width:42px; justify-content:center; font:700 14px var(--f-mono); padding:6px 12px; }
.count-pick .chip.on{ border-color:var(--gold); color:#1a1408; background:linear-gradient(180deg,#f6dc96,#c9a14f); }
.mix{ display:flex; gap:8px; flex-wrap:wrap; font-size:12.5px; color:var(--muted); margin-top:6px; }
.lobby-box .field select{ width:100%; }
body.net-busy [data-act="buy-listing"],body.net-busy [data-act="list-review"],body.net-busy [data-act="qs-review"],body.net-busy [data-act="edit-listing"],body.net-busy [data-act="cancel-listing"]{ pointer-events:none; opacity:.55; }
@media (max-width:760px){ .lot .bidrow{ flex-wrap:wrap; } .lot .bidrow .input{ width:auto; min-width:0; } }

/* =====================================================================
   V3 — temas, escala, densidade, proporção, bandeiras, ao vivo, leilão em
   fases, Scout, configuração da partida e painel da economia
   ===================================================================== */
:root{ --zoom:1; --accent:var(--gold); --frame:none; }
body{ zoom:var(--zoom); }
html.dense-compact .panel-b{ padding:9px 12px; } html.dense-compact .tbl td{ padding:4px 6px; } html.dense-compact .kpi{ padding:7px 10px; } html.dense-compact .grid{ gap:10px; }
html.dense-large .panel-b{ padding:18px 22px; } html.dense-large .tbl td{ padding:10px 10px; } html.dense-large .kpi{ padding:14px 18px; }
html[data-aspect] .main{ max-width:min(1680px, calc(var(--frame) - var(--side))); margin-inline:auto; }
html[data-aspect="16-9"]{ --frame:calc(100vh * 16 / 9); } html[data-aspect="16-10"]{ --frame:calc(100vh * 16 / 10); } html[data-aspect="4-3"]{ --frame:calc(100vh * 4 / 3); }
/* tema azul noturno */
html[data-theme="azul"]{ --bg0:#040915; --bg1:#0a1428; --panel:rgba(10,20,40,.92); --panel2:rgba(16,30,58,.95); --panel3:rgba(6,12,26,.94); --line:rgba(120,170,255,.22); --line2:rgba(120,170,255,.42); --gold:#7fb2ff; --gold2:#bcd6ff; --gold3:#3d6db8; --muted:#93a3c0; --faint:#5d6c88; }
html[data-theme="azul"] #bgdim{ background:linear-gradient(180deg, rgba(3,7,18,.92), rgba(3,7,18,.75)); }
html[data-theme="azul"] .btn.gold{ background:linear-gradient(180deg,#cfe0ff,#7fb2ff 55%,#3d6db8); color:#06122a; border-color:#cfe0ff; }
/* tema preto e amarelo */
html[data-theme="preto"]{ --bg0:#000000; --bg1:#0b0b0b; --panel:rgba(14,14,14,.95); --panel2:rgba(22,22,22,.97); --panel3:rgba(8,8,8,.96); --line:rgba(255,214,0,.25); --line2:rgba(255,214,0,.5); --gold:#ffd400; --gold2:#ffe866; --gold3:#a88b00; --muted:#b3ad94; --faint:#77725e; }
html[data-theme="preto"] #bgdim{ background:rgba(0,0,0,.9); }
html[data-theme="preto"] .btn.gold{ background:linear-gradient(180deg,#fff27a,#ffd400 55%,#b89600); color:#111; border-color:#fff27a; }
/* tema claro */
html[data-theme="claro"]{ color-scheme:light; --bg0:#eef1ea; --bg1:#e2e7dd; --panel:rgba(255,255,255,.96); --panel2:rgba(250,251,247,.98); --panel3:rgba(244,246,240,.98); --line:rgba(60,80,60,.18); --line2:rgba(60,80,60,.32); --gold:#8a6a1f; --gold2:#6d5210; --gold3:#b58f3a; --ink:#17221b; --ink2:#2e3b33; --muted:#5b6b61; --faint:#7c8a80; --up:#0f8a46; --down:#c8312a; --amber:#a86400; --info:#1d6fb0; }
html[data-theme="claro"] #bg{ opacity:.12; } html[data-theme="claro"] #bgdim{ background:rgba(238,241,234,.86); }
html[data-theme="claro"] .sidebar,html[data-theme="claro"] .topbar{ background:linear-gradient(180deg,#ffffff,#f1f4ee); }
html[data-theme="claro"] .kpi,html[data-theme="claro"] .acard,html[data-theme="claro"] .lot,html[data-theme="claro"] .modal,html[data-theme="claro"] .lobby-box,html[data-theme="claro"] .mcard,html[data-theme="claro"] .au-lot,html[data-theme="claro"] .scard{ background:#ffffff; }
html[data-theme="claro"] .tbl th{ background:#f3f5ef; }
html[data-theme="claro"] .btn{ background:linear-gradient(180deg,#ffffff,#eef1ea); color:var(--ink); }
html[data-theme="claro"] .btn.gold{ background:linear-gradient(180deg,#f3d68f,#d4af5f); color:#1a1408; }
html[data-theme="claro"] .btn.danger{ background:linear-gradient(180deg,#e8695f,#b8362d); color:#fff; }
html[data-theme="claro"] .input,html[data-theme="claro"] select.input{ background:#fff; }
html[data-theme="claro"] select.input option{ background:#fff; }
html[data-theme="claro"] .led,html[data-theme="claro"] .score,html[data-theme="claro"] .round-badge,html[data-theme="claro"] .clock{ background:#14201a; }
html[data-theme="claro"] .preview,html[data-theme="claro"] .match{ background:rgba(0,0,0,.035); }
html[data-theme="claro"] .title{ background:linear-gradient(180deg,#b58f3a,#6d5210); -webkit-background-clip:text; background-clip:text; }
html[data-theme="claro"] .ticker .u{ color:#43d17f; } html[data-theme="claro"] .ticker .d{ color:#ff6157; }
html[data-theme="claro"] .avatar{ color:#0b140f; }
/* bandeiras e selos */
.flagc{ display:inline-block; width:18px; height:12px; vertical-align:-1px; border-radius:2px; overflow:hidden; box-shadow:0 0 0 1px rgba(0,0,0,.35); flex:none; }
.flagc svg{ display:block; width:100%; height:100%; }
.badge-bot{ display:inline-block; font:800 9.5px var(--f-head); letter-spacing:.12em; padding:1px 5px; border-radius:3px; background:#3c2f55; color:#e6d4ff; border:1px solid rgba(197,140,255,.5); vertical-align:1px; }
.lock{ display:inline-flex; align-items:center; gap:3px; font:600 11px var(--f-head); letter-spacing:.06em; color:var(--amber); }
.lock svg{ width:12px; height:12px; }
.cond{ display:inline-block; font:700 10px var(--f-head); letter-spacing:.08em; text-transform:uppercase; padding:1px 6px; border-radius:3px; border:1px solid var(--line); }
.cond.inj{ color:#ffb4ab; border-color:rgba(255,97,87,.5); background:rgba(255,97,87,.12); } .cond.sus{ color:#ffd38a; border-color:rgba(255,181,71,.5); } .cond.rest{ color:#a9d6ff; border-color:rgba(111,195,255,.5); } .cond.ok{ color:var(--up); border-color:rgba(67,209,127,.4); }
.pos-GK{ background:#4a3b12; color:#ffe39a; }
.fatbar{ display:inline-block; width:46px; height:6px; border-radius:3px; background:rgba(255,255,255,.1); overflow:hidden; vertical-align:middle; }
.fatbar > span{ display:block; height:100%; background:linear-gradient(90deg,#43d17f,#ffb547 60%,#ff6157); }
/* configuração da partida */
.setup-card.v3{ width:min(980px,100%); }
.setup-grid.v3{ grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); }
.hum-row{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) 80px; gap:8px; align-items:end; flex:1; }
.range-row{ display:grid; grid-template-columns:minmax(0,1fr) 92px; gap:10px; align-items:center; }
.range-row input[type=range]{ width:100%; accent-color:var(--gold); }
.econ-prev{ display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px; }
.econ-prev .kpi .v{ font-size:18px; }
details.adv summary{ cursor:pointer; color:var(--muted); font:600 12px var(--f-head); letter-spacing:.1em; text-transform:uppercase; }
/* sobreposições: ao vivo e leilão */
#overlay-root:empty{ display:none; }
.ov{ position:fixed; inset:0; z-index:90; background:linear-gradient(180deg,#030805,#06100b); overflow:auto; padding:max(14px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px)); }
html[data-theme="claro"] .ov{ background:rgba(238,241,234,.98); }
.ov-in{ max-width:1500px; margin:0 auto; }
.ov-h{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:14px; }
.ov-h h2{ margin:0; font:700 22px var(--f-head); letter-spacing:.1em; text-transform:uppercase; color:var(--gold2); }
.clock{ background:#040705; border:1px solid #23312a; border-radius:6px; padding:8px 16px; box-shadow:inset 0 0 14px rgba(0,0,0,.8); font:800 34px/1 var(--f-mono); color:var(--amber); text-shadow:0 0 10px rgba(255,181,71,.6); min-width:130px; text-align:center; }
.clock small{ display:block; font:600 10px var(--f-head); letter-spacing:.2em; color:var(--muted); text-shadow:none; margin-top:4px; }
.progress{ flex:1; min-width:160px; height:8px; border-radius:4px; background:rgba(255,255,255,.08); overflow:hidden; }
.progress > span{ display:block; height:100%; background:linear-gradient(90deg,var(--gold3),var(--gold2)); }
.live-grid{ display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:16px; }
@media (max-width:980px){ .live-grid{ grid-template-columns:1fr; } }
.mcards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:12px; }
.mcard{ background:linear-gradient(180deg,rgba(22,40,31,.95),rgba(8,17,13,.95)); border:1px solid var(--line); border-radius:var(--radius); padding:10px 12px; }
.mcard .mh{ display:grid; grid-template-columns:1fr auto 1fr; gap:8px; align-items:center; font:700 14px var(--f-head); }
.mcard .mh .h{ text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .mcard .mh .a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mcard .comp{ font-size:11px; color:var(--muted); text-align:center; margin:2px 0 6px; }
.prow{ display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px; align-items:center; padding:5px 0; border-top:1px dashed rgba(212,175,95,.15); font-size:13px; }
.prow .nm{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.prow .ic{ font-size:13px; white-space:nowrap; }
.rt{ display:inline-block; min-width:38px; text-align:center; font:800 13px var(--f-mono); padding:2px 6px; border-radius:4px; color:#08110c; background:#c9c3b0; transition:background .4s; }
.rt.r1{ background:#ff6157; } .rt.r2{ background:#ffb547; } .rt.r3{ background:#c9c3b0; } .rt.r4{ background:#8fdc9b; } .rt.r5{ background:#43d17f; } .rt.r6{ background:#2fb5ff; color:#04101c; }
.flash{ animation:flashIn 1.6s ease-out; }
@keyframes flashIn{ 0%{ box-shadow:0 0 0 2px var(--gold2), 0 0 24px rgba(243,214,143,.6); } 100%{ box-shadow:none; } }
.scorelist{ display:grid; gap:4px; font-size:12.5px; }
.scorelist .sr{ display:grid; grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr); gap:6px; align-items:center; padding:3px 6px; border-radius:4px; background:rgba(0,0,0,.25); }
.scorelist .sr .h{ text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .scorelist .sr .a{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.scorelist .sr b{ text-align:center; font-family:var(--f-mono); color:var(--amber); }
.scorelist .sr.goal{ background:rgba(212,175,95,.18); }
.absent{ display:flex; flex-wrap:wrap; gap:6px; }
.absent .ab{ display:inline-flex; gap:6px; align-items:center; font-size:12px; padding:3px 8px; border:1px solid var(--line); border-radius:999px; }
/* leilão em fases */
.phases{ display:flex; gap:6px; align-items:center; }
.phases .ph{ font:700 11px var(--f-head); letter-spacing:.12em; text-transform:uppercase; padding:5px 10px; border-radius:999px; border:1px solid var(--line); color:var(--muted); }
.phases .ph.on{ border-color:var(--gold); color:#1a1408; background:linear-gradient(180deg,#f6dc96,#c9a14f); }
.phases .ph.done{ color:var(--up); border-color:rgba(67,209,127,.4); }
.au-lots{ display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:12px; }
.au-lot{ background:linear-gradient(180deg,rgba(22,40,31,.95),rgba(8,17,13,.95)); border:1px solid var(--line); border-radius:var(--radius); padding:12px 14px; position:relative; }
.au-lot.lead{ border-color:var(--up); } .au-lot.bidding{ border-color:var(--gold); }
.au-lot .no{ position:absolute; top:-1px; left:-1px; background:linear-gradient(180deg,#f6dc96,#c9a14f); color:#1a1408; font:800 13px var(--f-mono); padding:3px 9px; border-radius:var(--radius) 0 6px 0; }
.au-lot .top{ padding-left:34px; display:flex; justify-content:space-between; gap:10px; }
.au-lot .pct{ font:800 24px/1 var(--f-mono); color:var(--gold2); }
.au-lot .rows{ margin:10px 0; font-size:12.5px; display:grid; grid-template-columns:1fr auto; gap:3px 10px; }
.au-lot .rows span:nth-child(even){ text-align:right; font-family:var(--f-mono); }
.form5{ display:flex; gap:3px; }
.form5 span{ display:inline-block; min-width:28px; text-align:center; font:700 11px var(--f-mono); padding:2px 3px; border-radius:3px; background:rgba(255,255,255,.08); }
.turn-card{ max-width:520px; margin:12vh auto 0; text-align:center; }
.turn-card .big{ font:800 30px var(--f-head); letter-spacing:.08em; text-transform:uppercase; color:var(--gold2); margin:12px 0; }
/* Scout */
.scards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:12px; }
.scard{ background:linear-gradient(180deg,rgba(22,40,31,.95),rgba(8,17,13,.95)); border:1px solid var(--line); border-radius:var(--radius); padding:12px 14px; }
.scard .hd{ display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
.scard .lvl{ font:700 10.5px var(--f-head); letter-spacing:.12em; text-transform:uppercase; }
.slot-empty{ border:1px dashed var(--line); border-radius:var(--radius); padding:24px; text-align:center; color:var(--muted); }
.mini-stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-top:8px; }
.mini-stats div{ background:rgba(0,0,0,.25); border-radius:5px; padding:5px 6px; text-align:center; }
.mini-stats b{ display:block; font:700 14px var(--f-mono); }
.mini-stats span{ font-size:10.5px; color:var(--muted); }
.stage-chip{ display:inline-flex; align-items:center; gap:6px; font:700 11px var(--f-head); letter-spacing:.12em; text-transform:uppercase; padding:4px 10px; border-radius:999px; border:1px solid var(--line2); color:var(--gold2); }
.stage-chip.live{ color:#fff; background:#b3261e; border-color:#ff6157; }
.stage-chip.auc{ color:#1a1408; background:linear-gradient(180deg,#f6dc96,#c9a14f); }
.timeline-car{ list-style:none; margin:0; padding:0; display:grid; gap:4px; font-size:13px; }
.timeline-car li{ display:grid; grid-template-columns:120px minmax(0,1fr) auto; gap:8px; padding:5px 0; border-bottom:1px solid rgba(212,175,95,.1); }
.live-mini{ position:fixed; right:max(16px, env(safe-area-inset-right,0px)); bottom:max(16px, env(safe-area-inset-bottom,0px)); z-index:95; font:700 13px var(--f-head); letter-spacing:.1em; text-transform:uppercase; color:#fff; background:#b3261e; border:1px solid #ff6157; border-radius:999px; padding:9px 16px; box-shadow:0 8px 24px rgba(0,0,0,.5); cursor:pointer; }
label.check{ display:flex; gap:8px; align-items:center; font-size:13.5px; cursor:pointer; }
label.check input{ width:17px; height:17px; accent-color:var(--gold); }
.lvl.up{ color:var(--up); } .lvl.gold{ color:var(--gold2); } .lvl.muted{ color:var(--muted); }
.form5 .up{ color:var(--up); } .form5 .down{ color:var(--down); } .form5 .muted{ color:var(--muted); }
.cond.ok{ color:#a6e3b8; border-color:rgba(67,209,127,.35); }
.au-lot .err{ font-size:12.5px; margin-top:4px; }
.ov .panel{ margin:0; }
@media (max-width:640px){ .hum-row{ grid-template-columns:1fr 1fr; } .hum-row .field:first-child{ grid-column:1 / -1; } .ov-h h2{ font-size:18px; } .clock{ font-size:26px; } .mcards,.au-lots,.scards{ grid-template-columns:1fr; } }
.lobby-box{ width:min(560px,100%); }
.lobby-box ~ .menu-buttons{ width:min(560px,100%); }

/* ---------- barras de rolagem: finas, na cor do tema ---------- */
/* padrão atual (Chrome 121+, Edge, Firefox); a cor acompanha o tema escolhido */
*{ scrollbar-width:thin; }
html{ scrollbar-color:var(--line2) transparent; }
/* navegadores WebKit (Safari) e versões antigas do Chrome */
::-webkit-scrollbar{ width:8px; height:8px; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{ background:transparent; }
::-webkit-scrollbar-thumb{ background-color:var(--line2); border:2px solid transparent; background-clip:padding-box; border-radius:8px; }
::-webkit-scrollbar-thumb:hover{ background-color:var(--gold3); }
/* menu lateral: a barra só aparece com o mouse em cima (ou navegando pelo teclado) */
.side-nav{ scrollbar-color:transparent transparent; }
.side-nav:hover, .side-nav:focus-within{ scrollbar-color:var(--line2) transparent; }
.side-nav::-webkit-scrollbar{ width:5px; height:5px; }
.side-nav::-webkit-scrollbar-thumb{ background-color:transparent; border:0; }
.side-nav:hover::-webkit-scrollbar-thumb, .side-nav:focus-within::-webkit-scrollbar-thumb{ background-color:var(--line2); }