*{box-sizing:border-box}:root{--bg:#0b0b0d;--bg2:#111216;--surface:#17181d;--surface2:#202129;--surface3:#282a34;--line:#353744;--text:#f7f7f8;--muted:#a8abb6;--accent:#ff6500;--accent2:#e95600;--yellow:#ffb000;--green:#21cf74;--red:#ff6464;--shadow:0 12px 34px rgba(0,0,0,.32)}html,body{margin:0;background:radial-gradient(circle at top right,rgba(255,101,0,.11),transparent 25%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px max(16px,calc((100vw - 1120px)/2));background:rgba(10,10,12,.95);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;min-width:0}.brand-mark{width:42px;height:42px;border-radius:11px;background:linear-gradient(180deg,#ff7b21,var(--accent));display:grid;place-items:center;color:#1b0b00;font-weight:1000;box-shadow:0 0 0 3px rgba(255,101,0,.12)}.brand strong{display:block;font-size:21px;line-height:1.05}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.top-actions{display:flex;gap:8px;align-items:center}.top-link{color:var(--text);text-decoration:none;border:1px solid var(--line);padding:9px 13px;border-radius:11px;background:#15161b;font-weight:800}.top-link:hover{border-color:var(--accent);color:#ff9a5c}.shell{width:min(1120px,calc(100% - 24px));margin:18px auto 54px}.hero,.panel,.game,.ranking-card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.005)),var(--surface);border:1px solid rgba(255,255,255,.07);border-radius:18px;box-shadow:var(--shadow)}.hero{padding:22px;background:linear-gradient(120deg,rgba(255,101,0,.13),transparent 42%),var(--surface)}.compact-hero h1{margin-bottom:4px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:900;color:#ff7b21;text-transform:uppercase}h1{margin:7px 0 9px;font-size:clamp(28px,4vw,42px);line-height:1.02}h2{margin:5px 0 8px}p{color:var(--muted);line-height:1.45}.round-info,.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.metric{background:var(--surface2);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:13px}.metric span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.metric strong{font-size:18px}.balance{text-align:right;padding:7px 10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#15161b}.balance span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.balance strong{font-size:16px}.deadline{color:#ff9a5c;font-weight:800;margin-bottom:0}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:22px 0 10px}.section-head p{margin:0}.games{display:grid;gap:11px}.game{padding:14px}.game-top{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;margin-bottom:10px}.teams-hero{display:grid;grid-template-columns:1fr 54px 1fr;gap:10px;align-items:center}.team-card{display:flex;align-items:center;gap:11px;min-height:76px;padding:11px 13px;border-radius:15px;background:var(--surface2);border:1px solid rgba(255,255,255,.06)}.team-card-away{justify-content:space-between}.team-emblem{width:52px;height:52px;min-width:52px;border-radius:14px;display:grid;place-items:center;background:#262832;border:1px solid rgba(255,255,255,.07)}.team-logo-big{width:38px;height:38px;object-fit:contain}.team-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.team-meta-away{align-items:flex-end;text-align:right}.team-side-label{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-weight:800}.team-name-lg{font-size:20px;line-height:1.1;font-weight:950;word-break:break-word}.vs-big{display:grid;place-items:center}.vs-big span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#2b261d;border:1px solid rgba(255,176,0,.28);color:var(--yellow);font-size:18px;font-weight:1000}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.choice{border:1px solid var(--line);background:var(--surface2);color:var(--text);padding:9px 7px;border-radius:12px;font-weight:900;min-height:58px}.choice small{display:block;color:var(--muted);font-size:9px;margin-bottom:3px}.choice-radio{display:grid;place-items:center;text-align:center;cursor:pointer;position:relative}.choice-radio input{position:absolute;opacity:0;pointer-events:none}.choice-radio.selected{background:linear-gradient(180deg,#ff7a1c,var(--accent2));color:#160800;border-color:#ff7a1c;box-shadow:0 0 0 2px rgba(255,101,0,.14)}.choice-radio.selected small{color:#562000}.favorite-game{border-color:rgba(255,101,0,.75);box-shadow:0 0 0 1px rgba(255,101,0,.15),var(--shadow)}.favorite-badge{display:inline-flex;margin-bottom:9px;padding:5px 8px;border-radius:999px;background:rgba(255,101,0,.14);border:1px solid rgba(255,101,0,.28);color:#ff9b5e;font-size:9px;font-weight:900;letter-spacing:.08em}.ticket-tabs{display:flex;gap:7px;overflow:auto;padding:2px 0 10px}.ticket-tab{white-space:nowrap;text-decoration:none;color:var(--text);padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);font-weight:800;font-size:13px}.ticket-tab.active{background:var(--accent);border-color:var(--accent);color:#1b0900}.ticket-tab.new{border-style:dashed}.round-submit{position:sticky;bottom:10px;z-index:8;margin-top:14px;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(18,18,22,.95);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;gap:10px}.round-submit>div{display:grid;gap:2px}.round-submit small{color:var(--muted)}.primary{border:0;border-radius:11px;padding:11px 15px;background:linear-gradient(180deg,#ff7a1c,var(--accent2));color:#1b0900;font-weight:950}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{border:1px solid var(--line);border-radius:11px;padding:10px 14px;background:var(--surface2);color:var(--text);font-weight:850;text-decoration:none}.full{width:100%;margin-top:12px}.form-row{display:grid;gap:6px;margin-top:11px}.form-row label{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.form-row small{color:var(--muted);font-size:11px}input,select{width:100%;background:#101116;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,101,0,.12)}.alert{padding:12px 14px;border-radius:12px;margin:12px 0;border:1px solid var(--line);background:var(--surface2)}.alert.ok{border-color:rgba(33,207,116,.28);color:#baffd4;background:rgba(33,207,116,.07)}.alert.error{border-color:rgba(255,100,100,.28);color:#ffd1d1;background:rgba(255,100,100,.07)}.ranking-card{padding:14px;margin-top:12px}.ranking-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.ranking-head small{color:var(--muted)}.rank-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.05)}.rank-row:last-of-type{border-bottom:0}.rank-pos{font-size:20px}.rank-row>span:last-child{font-weight:900;color:#ff9a5c}.my-rank{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:12px}.auth-shell{max-width:520px}.auth-card{padding:22px}.auth-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:16px}.auth-links a{color:#ff9352;text-decoration:none;font-weight:800;font-size:13px}.admin-menu{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}.admin-menu a{padding:11px 8px;text-align:center;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);text-decoration:none;font-weight:850;font-size:12px}.admin-list{padding:18px;margin-top:14px}.scenario-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.scenario-row span{color:var(--muted)}.scenario-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.scenario-options>div{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.scenario-options small,.scenario-options span{color:var(--muted);font-size:11px}.table-wrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse}th,td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;font-size:12px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.users-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.user-admin-card{padding:16px}.user-admin-head{display:flex;justify-content:space-between;gap:10px}.user-admin-head small{display:block;color:var(--muted);margin-top:3px}.status-pill{font-size:9px;font-weight:900;padding:5px 8px;border-radius:999px;background:rgba(33,207,116,.12);color:#70f0a8}.status-pill.pending{background:rgba(255,176,0,.12);color:#ffd36d}.user-data{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.user-data span{color:var(--muted);font-size:10px}.user-data strong{display:block;color:var(--text);font-size:12px;margin-top:2px;word-break:break-word}.admin-actions{display:flex;gap:8px;margin-top:12px}.admin-actions form{margin:0}.saldo-form{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.empty{padding:30px;text-align:center;color:var(--muted)}
@media(max-width:820px){.round-info,.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-menu{grid-template-columns:repeat(2,1fr)}.users-grid{grid-template-columns:1fr}}
@media(max-width:700px){.shell{width:calc(100% - 14px);margin-top:8px}.topbar{padding:8px 9px}.brand-mark{width:36px;height:36px;border-radius:10px}.brand strong{font-size:17px}.brand small{display:none}.top-link{padding:8px 10px;border-radius:10px;font-size:13px}.balance{display:none}.hero{padding:14px;border-radius:15px}.compact-hero h1{font-size:28px}.round-info{gap:6px}.metric{padding:10px;border-radius:12px}.metric strong{font-size:15px}.game{padding:10px;border-radius:15px}.game-top{margin-bottom:7px}.teams-hero{grid-template-columns:1fr;gap:6px}.team-card{min-height:58px;padding:8px 10px;border-radius:12px}.team-emblem{width:42px;height:42px;min-width:42px;border-radius:11px}.team-logo-big{width:31px;height:31px}.team-name-lg{font-size:17px}.team-side-label{font-size:8px}.team-card-away{justify-content:flex-start}.team-meta-away{order:2;align-items:flex-start;text-align:left}.team-card-away .team-emblem{order:1}.vs-big span{width:34px;height:34px;font-size:14px}.choices{gap:5px;margin-top:7px}.choice{min-height:49px;padding:7px 4px;font-size:11px;border-radius:10px}.choice small{font-size:8px}.section-head{margin-top:16px}.section-head h2{font-size:18px}.section-head p{font-size:12px}.round-submit{padding:9px;bottom:6px}.round-submit .primary{padding:10px 11px;font-size:12px}.ranking-card{padding:10px}.ranking-head small{display:none}.rank-row{padding:6px 1px;font-size:12px}.rank-pos{font-size:17px}.scenario-options{grid-template-columns:1fr}.scenario-row{display:grid}.user-data{grid-template-columns:1fr}.admin-menu{grid-template-columns:1fr 1fr}}


/* =========================================================
   AJUSTES ATUAIS DO BOLAO.ONLINE
   ========================================================= */

/* Confronto em um único card grande */
.teams-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  width:100%;
  padding:12px 14px;
  border-radius:15px;
  background:var(--surface2);
  border:1px solid rgba(255,255,255,.07);
}
.teams-hero .team-card{
  width:100%;
  min-width:0;
  min-height:64px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.teams-hero .team-card:first-child{
  justify-self:stretch;
  justify-content:flex-start;
  text-align:left;
}
.teams-hero .team-card:first-child .team-meta{
  align-items:flex-start;
  text-align:left;
}
.teams-hero .team-card-away{
  justify-self:stretch;
  justify-content:flex-end;
  text-align:right;
}
.teams-hero .team-card-away .team-meta-away{
  align-items:flex-end;
  text-align:right;
}
.teams-hero .team-card-away .team-emblem{
  margin-left:10px;
}
.teams-hero .vs-big{
  position:relative;
  z-index:2;
  min-width:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:center;
}
.teams-hero .final-score{
  min-width:86px;
  padding:7px 10px;
  border-radius:13px;
  background:#181818;
  border:1px solid rgba(255,101,0,.55);
  text-align:center;
}
.teams-hero .final-score small{
  display:block;
  color:#ff7a18;
  font-size:8px;
  letter-spacing:.08em;
  font-weight:900;
}
.teams-hero .final-score strong{
  display:block;
  color:#fff;
  font-size:22px;
  line-height:1;
}
.teams-hero .final-score b{color:#ff7a18}

/* Saldo semanal líquido */
.week-balance-note{
  display:block;
  margin-top:4px;
  font-size:9px;
  line-height:1.15;
  color:#9aa8bf;
  font-weight:600;
}

/* Usuários e saldos */
.users-wrap{max-width:1000px;margin:0 auto}
.user-card{padding:18px;margin-bottom:14px}
.user-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.user-name{font-size:19px;font-weight:900}
.user-login{font-size:12px;color:#aab5c7;margin-top:3px}
.status-badge{border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900}
.st-admin,.st-ok{
  background:rgba(0,230,108,.12);
  color:#00e66c;
  border:1px solid rgba(0,230,108,.25)
}
.st-pending{
  background:rgba(255,139,67,.12);
  color:#ff8b43;
  border:1px solid rgba(255,139,67,.28)
}
.st-off{
  background:rgba(255,102,111,.12);
  color:#ff666f;
  border:1px solid rgba(255,102,111,.28)
}
.user-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px 18px;
  margin-top:15px
}
.user-grid span{display:block;color:#9aa8bf;font-size:11px}
.user-grid strong{display:block;color:#fff;margin-top:3px;word-break:break-word}
.saldo-box{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08)
}
.saldo-current{
  font-size:24px;
  font-weight:900;
  margin:4px 0 12px
}
.saldo-control{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap
}
.saldo-step{
  min-width:70px;
  height:42px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  font-weight:900;
  font-size:15px;
  cursor:pointer
}
.saldo-step.plus{background:#ff6f0b;color:#111}
.saldo-step.minus{background:#252a34;color:#fff}
.saldo-preview{
  min-width:180px;
  padding:9px 12px;
  border-radius:10px;
  background:#11151d;
  border:1px solid rgba(255,255,255,.10)
}
.saldo-preview small{display:block;color:#9aa8bf;font-size:10px}
.saldo-preview strong{display:block;margin-top:2px;font-size:18px;color:#fff}
.saldo-update{height:42px}
.saldo-form{margin:0}
.user-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.user-actions form{margin:0}

@media(max-width:700px){
  .teams-hero{
    grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);
    gap:6px;
    padding:9px 8px;
  }
  .teams-hero .team-card{min-height:50px;gap:7px}
  .teams-hero .team-emblem{
    width:38px;height:38px;min-width:38px;border-radius:10px
  }
  .teams-hero .team-logo-big{width:29px;height:29px}
  .teams-hero .team-name-lg{font-size:14px;line-height:1.08}
  .teams-hero .team-side-label{font-size:7px}
  .teams-hero .vs-big{min-width:64px}
  .teams-hero .final-score{min-width:62px;padding:6px 4px}
  .teams-hero .final-score small{font-size:6px}
  .teams-hero .final-score strong{font-size:16px}

  .user-grid{grid-template-columns:1fr}
  .saldo-control{display:grid;grid-template-columns:1fr 1fr}
  .saldo-preview{grid-column:1/-1;width:100%}
  .saldo-update{grid-column:1/-1;width:100%}
  .saldo-step{width:100%}
}

/* Android/WebView: evita que o cabeçalho fique sob a barra de status */
@media (max-width:700px){
  .topbar{
    padding-top:calc(26px + env(safe-area-inset-top, 0px));
  }
}