:root{
  --green:#027d24;
  --gold:#c78c26;
  --dark:#002f28;
  --white:#ffffff;
  --blue:#1d4dff;
  --red:#e82c00;
  --soft:#f3f7f4;
  --muted:#6a6f76;
  --line:#dbe3dd;
  --shadow:0 20px 50px rgba(0,47,40,.16);
  --radius:24px;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Proxima Nova",Inter,Arial,Helvetica,sans-serif;color:#111827;background:#1439dc;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.page-bg{min-height:100vh;background:
  radial-gradient(circle at 12% 10%,rgba(255,255,255,.16),transparent 22%),
  linear-gradient(160deg,#ecf6ff 0 24%,#fff 24% 75%,#1d39d6 75% 100%);position:relative;overflow:hidden}
.page-bg:before,.page-bg:after{content:"";position:fixed;z-index:0;pointer-events:none;background:rgba(255,255,255,.12);transform:skewX(-8deg)}
.page-bg:before{width:420px;height:160px;left:8%;bottom:-30px}.page-bg:after{width:240px;height:120px;right:9%;bottom:30px;background:rgba(255,255,255,.1)}
.site-header,.container,.site-footer{position:relative;z-index:1}.site-header{max-width:1180px;margin:0 auto;padding:22px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:150px;max-width:42vw;height:auto}.brand-text{font-weight:900;letter-spacing:.02em;color:var(--dark);display:none}.main-nav{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);padding:8px;border:1px solid rgba(0,47,40,.08);border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.main-nav a{padding:10px 14px;border-radius:999px;color:var(--dark);font-weight:800}.main-nav a.active,.main-nav a:hover{background:var(--dark);color:#fff}.menu-toggle{display:none;border:0;background:var(--dark);color:#fff;border-radius:14px;padding:10px 13px;font-size:20px}
.container{max-width:1180px;margin:0 auto;padding:12px 22px 60px}.hero-card{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:18px 0 26px;padding:34px;border-radius:32px;background:linear-gradient(135deg,var(--dark),#035c3b 52%,var(--green));color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-card:before{content:"";position:absolute;right:120px;top:-80px;width:260px;height:260px;border-radius:50%;border:26px solid rgba(255,255,255,.12)}
.hero-copy{position:relative;z-index:1}.hero-card h1,.page-title h1{margin:8px 0;font-size:clamp(2rem,5vw,4.5rem);line-height:.95;text-transform:uppercase;letter-spacing:.04em}.hero-card p,.page-title p{font-size:1.08rem;max-width:680px;color:rgba(255,255,255,.88)}.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--dark);font-weight:900;border-radius:999px;padding:8px 13px;box-shadow:0 8px 20px rgba(0,0,0,.08)}.football-badge{font-size:92px;filter:drop-shadow(0 18px 20px rgba(0,0,0,.2));animation:floatball 3s ease-in-out infinite}@keyframes floatball{50%{transform:translateY(-10px) rotate(8deg)}}
.layout-grid{display:grid;grid-template-columns:320px 1fr;gap:22px}.side-card,.guess-card,.empty-card,.table-card,.filter-card,.podium-card,.history-card,.admin-form-card,.info-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.side-card{padding:22px;height:max-content}.side-card h2,.table-card h2{margin:0 0 16px;color:var(--dark)}.match-list{display:grid;gap:10px}.mini-match{display:block;border:1px solid var(--line);padding:14px;border-radius:18px;background:#f8faf8}.mini-match span{display:block;font-weight:900;color:var(--dark)}.mini-match small{color:var(--muted)}.mini-match.active{border-color:var(--green);box-shadow:inset 0 0 0 2px rgba(2,125,36,.12)}.mini-match.locked{opacity:.7}
.guess-card{padding:28px}.match-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.match-headline h2{font-size:1.45rem;margin:0 0 6px;text-transform:uppercase;letter-spacing:.03em}.match-headline p{margin:0;color:var(--muted)}.timer-badge{background:#3158ff;color:#fff;padding:12px 18px;border-radius:0;font-weight:1000;text-transform:uppercase;white-space:nowrap}.timer-badge.closed{background:#555}
.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:20px 0 26px}.team-box{text-align:center;display:grid;justify-items:center;gap:8px}.team-box strong{font-size:1.55rem;text-transform:uppercase;letter-spacing:.01em;color:#050505;line-height:1.05;max-width:220px}.team-box .country-name{font-weight:950}.team-box span:last-child{font-weight:800;color:var(--muted)}.flag-img{width:150px;height:86px;object-fit:cover;border:3px solid #e5e7eb;border-radius:8px;background:#f8fafc}.flag-emoji{font-size:74px;line-height:1;display:grid;place-items:center;width:150px;height:86px;border:3px solid #e5e7eb;border-radius:8px;background:#f8fafc}
.score-inputs{display:flex;align-items:center;gap:16px}.score-control{display:grid;gap:8px;justify-items:center}.score-control button{border:0;background:transparent;font-size:38px;line-height:1;color:#222;cursor:pointer}.score-control button:last-child{color:#777}.score-control input{width:92px;height:98px;border:0;background:transparent;text-align:center;font-size:5rem;font-weight:1000;color:#000;appearance:textfield}.score-control input::-webkit-outer-spin-button,.score-control input::-webkit-inner-spin-button{appearance:none;margin:0}.score-sep{font-size:2rem;font-weight:900;color:#777}.oracle-card{border:2px solid #e1e5e2;padding:22px;margin:20px 0;border-radius:4px}.oracle-title{font-weight:1000;color:#06175f;text-transform:uppercase;letter-spacing:.03em;margin-bottom:16px}.bar{height:18px;background:#ddd;border-radius:0;display:flex;overflow:hidden}.bar span.home{background:#0a9e47}.bar span.draw{background:#cfd3d8}.bar span.away{background:#ff3b30}.oracle-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:16px 0}.oracle-grid span{display:grid;color:#06175f}.oracle-grid strong{font-size:1.4rem}.oracle-card p{font-size:1.05rem;color:#333;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr)}label{display:grid;gap:7px;font-weight:900;color:var(--dark)}input,select{border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fff;outline:none;width:100%}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(2,125,36,.12)}label small{font-weight:600;color:var(--muted)}.submit-btn,.filter-card button,.admin-btn{border:0;background:var(--red);color:#fff;font-weight:1000;border-radius:0;padding:18px 24px;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:52px}.submit-btn{width:100%;font-size:1.25rem;margin-top:18px}.submit-btn:disabled{background:#aaa;cursor:not-allowed}.alert{padding:14px 16px;border-radius:18px;margin:16px 0;border:1px solid}.success{background:#edfdf2;color:#075a25;border-color:#b9e8c7}.error{background:#fff1f0;color:#9b1c00;border-color:#ffc7bd}.warning{background:#fff8e6;color:#744700;border-color:#ffe1a3}
.page-title{background:linear-gradient(135deg,var(--dark),#014b36);color:#fff;border-radius:32px;padding:32px;margin:18px 0 24px;box-shadow:var(--shadow)}.page-title .pill{background:rgba(255,255,255,.14);color:#fff}.filter-card{padding:18px;margin-bottom:20px;display:grid;grid-template-columns:1.4fr 1fr 1fr auto auto;gap:12px;align-items:end}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--dark);font-weight:900;padding:12px 14px}.table-card{padding:20px}.table-responsive{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--dark);font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;background:#f8faf8}td small{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:32px!important}.ranking-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.podium-card{padding:24px;text-align:center}.podium-card .medal{font-size:42px}.podium-card h2{margin:8px 0 4px;color:var(--dark)}.podium-card p{margin:0 0 12px;color:var(--muted)}.podium-card strong{font-size:1.5rem;color:var(--green)}.place-1{transform:translateY(-6px);border-color:rgba(199,140,38,.55)}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.history-card{padding:20px}.history-top{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-weight:800}.history-score{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:18px 0}.history-score>div{display:grid;justify-items:center;gap:8px}.history-score .flag-emoji{font-size:42px;width:78px;height:52px}.history-score .flag-img{width:78px;height:52px}.history-score b{font-size:1.8rem;color:var(--dark)}.history-score .country-name{font-size:.95rem;text-align:center;line-height:1.08;max-width:120px;color:var(--dark)}.history-card p{font-weight:900;margin:0}.history-card a{display:inline-flex;margin-top:14px;color:var(--green);font-weight:900}.site-footer{text-align:center;color:#fff;padding:24px;margin-top:30px}
.login-body{min-height:100vh;background:linear-gradient(135deg,#002f28,#027d24);display:grid;place-items:center;padding:22px}.login-card{width:min(440px,100%);background:#fff;border-radius:30px;padding:32px;box-shadow:var(--shadow);display:grid;gap:16px}.login-logo{width:180px}.login-card h1{margin:0;color:var(--dark)}.login-card p{margin:0;color:var(--muted)}.admin-body{background:#f1f6f3;color:#111827}.admin-topbar{position:sticky;top:0;z-index:2;background:var(--dark);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;box-shadow:0 10px 24px rgba(0,0,0,.12)}.admin-topbar small{display:block;color:rgba(255,255,255,.7)}.admin-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-nav a{padding:9px 12px;border-radius:999px;font-weight:900;color:#fff}.admin-nav a.active,.admin-nav a:hover{background:#fff;color:var(--dark)}.admin-container{max-width:1220px;margin:0 auto;padding:26px 22px 60px}.admin-title h1{margin:0;color:var(--dark);font-size:2.2rem}.admin-title p{margin:6px 0 20px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:#fff;border-radius:22px;padding:22px;box-shadow:var(--shadow);border:1px solid var(--line)}.stat-card span{display:block;color:var(--muted);font-weight:900}.stat-card strong{font-size:2.4rem;color:var(--dark)}.admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.admin-form-card{padding:22px;margin-bottom:22px}.admin-form{display:grid;gap:18px}.admin-form fieldset{border:1px solid var(--line);border-radius:20px;padding:18px;margin:0;display:grid;gap:12px}.admin-form legend{font-weight:1000;color:var(--dark);padding:0 8px}.info-box{padding:16px;background:#fffdf5;color:#5b3d00}.actions-cell{display:flex;align-items:center;gap:12px}.actions-cell form{margin:0}.link-danger{border:0;background:transparent;color:#b91c1c;font-weight:900;cursor:pointer;padding:0}.admin-form-card h2{margin-top:0;color:var(--dark)}
@media(max-width:900px){.site-header{align-items:flex-start}.menu-toggle{display:block}.main-nav{display:none;position:absolute;right:22px;top:74px;border-radius:18px;flex-direction:column;align-items:stretch;min-width:210px}.main-nav.open{display:flex}.layout-grid{grid-template-columns:1fr}.scoreboard{grid-template-columns:1fr;gap:16px}.score-inputs{justify-content:center}.match-headline{flex-direction:column}.filter-card{grid-template-columns:1fr}.ranking-grid,.history-grid,.stats-grid{grid-template-columns:1fr}.form-grid,.form-grid.three,.form-grid.two{grid-template-columns:1fr}.admin-topbar{position:static;align-items:flex-start;flex-direction:column}.hero-card{align-items:flex-start}.football-badge{font-size:58px}.flag-emoji,.flag-img{width:120px;height:76px}.team-box strong{font-size:1.25rem;max-width:180px}.score-control input{font-size:4rem;width:76px}.guess-card{padding:20px}.oracle-grid{grid-template-columns:1fr}.brand-logo{width:128px}}
@media(max-width:520px){.container{padding-inline:14px}.site-header{padding-inline:14px}.hero-card,.page-title{padding:24px;border-radius:24px}.hero-card{flex-direction:column}.hero-card h1,.page-title h1{font-size:2.3rem}.score-inputs{gap:8px}.score-control button{font-size:30px}.score-control input{font-size:3.4rem;width:64px;height:80px}.timer-badge{white-space:normal}.admin-container{padding-inline:14px}}

.goal-scorers {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(2, 125, 36, 0.08);
    color: var(--dark);
    font-size: 0.92rem;
    line-height: 1.45;
}

.prize-note, .prize-hero {
    margin-top: 10px;
    padding: 12px 14px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(199, 140, 38, 0.18), rgba(2, 125, 36, 0.12));
    border: 1px solid rgba(199, 140, 38, 0.35);
    color: var(--dark);
    font-weight: 800;
    line-height: 1.4;
}

.prize-hero {
    margin-bottom: 18px;
    font-size: 1rem;
}

.admin-form textarea {
    width: 100%;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 14px;
    padding: 12px;
    font-family: inherit;
    resize: vertical;
}


.flag-inline,.flag-inline-emoji{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:3px;border:1px solid #d7dce2;background:#fff;overflow:hidden;flex:0 0 auto}
.flag-inline{object-fit:cover;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.flag-inline-emoji{font-size:14px;line-height:1}
.team-inline-label{display:inline-flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap}
.scoreboard.compact-flags{grid-template-columns:1fr auto 1fr;gap:28px;align-items:center}
.compact-team{min-height:40px}
.compact-team .country-name{font-size:1.55rem;line-height:1.12;text-transform:none;letter-spacing:0;max-width:none}
.compact-history-score{gap:18px}
.compact-history-score>div{display:flex;align-items:center;justify-content:center;gap:8px}
.compact-history-score .country-name{font-size:1.1rem;max-width:none}
.history-center-score{display:grid!important;justify-items:center;gap:2px}
.history-center-score small{font-weight:900;color:var(--muted);letter-spacing:.08em}
.history-center-score b{font-size:2rem}
.match-row-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.match-row-inline .versus{font-weight:900;color:var(--muted)}
@media(max-width:900px){.compact-team .country-name{font-size:1.2rem}.compact-history-score{grid-template-columns:1fr;gap:10px}.history-center-score b{font-size:1.7rem}.team-inline-label{justify-content:center}}

/* Atualização: nomes completos + bandeiras pequenas no estilo placar */
.mini-fixture-line{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    font-weight:1000;
    color:var(--dark);
    line-height:1.25;
}
.mini-fixture-line b{
    color:var(--green);
    font-size:.9rem;
    margin:0 2px;
}
.flag-inline,.flag-inline-emoji{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:18px;
    border-radius:2px;
    border:1px solid #d7dce2;
    background:#fff;
    overflow:hidden;
    flex:0 0 auto;
    vertical-align:middle;
}
.flag-inline{object-fit:cover;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.flag-inline-emoji{font-size:14px;line-height:1}
.team-inline-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    justify-content:center;
    flex-wrap:wrap;
}
.team-inline-label .country-name,
.compact-team .country-name{
    text-transform:none!important;
    letter-spacing:0!important;
}
.history-grid{
    grid-template-columns:1fr;
    gap:12px;
}
.history-card{
    border-radius:18px;
}
.history-score.fixture-result-row{
    display:grid;
    grid-template-columns:minmax(180px,1fr) auto auto auto minmax(180px,1fr);
    gap:10px;
    align-items:center;
    margin:14px 0 8px;
}
.fixture-team{
    display:flex!important;
    align-items:center;
    gap:7px;
    min-width:0;
    font-size:1.05rem;
    color:var(--dark);
    font-weight:800;
}
.fixture-team.home{justify-content:flex-end;text-align:right}
.fixture-team.away{justify-content:flex-start;text-align:left}
.fixture-team span:not(.flag-inline-emoji){overflow:hidden;text-overflow:ellipsis;white-space:normal}
.fixture-result-row strong{
    font-size:1.55rem;
    line-height:1;
    color:var(--dark);
    font-weight:1000;
}
.fixture-status{
    font-size:.82rem;
    font-weight:900;
    color:#64748b;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.match-row-inline{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}
.match-row-inline .versus{
    font-weight:900;
    color:var(--muted);
}
@media(max-width:680px){
    .mini-fixture-line{font-size:.92rem}
    .history-score.fixture-result-row{
        grid-template-columns:1fr auto auto auto 1fr;
        gap:6px;
    }
    .fixture-team{font-size:.9rem;gap:5px}
    .fixture-result-row strong{font-size:1.25rem}
    .fixture-status{font-size:.72rem}
    .flag-inline,.flag-inline-emoji{width:24px;height:17px}
}


/* Atualização: bandeiras grandes no palpite + enquete estilo Instagram */
.scoreboard-flags{grid-template-columns:1fr auto 1fr;gap:28px;align-items:center}
.team-box-flag{gap:12px}
.team-box-flag .country-name{font-size:1.45rem;line-height:1.1;text-transform:none;letter-spacing:0;max-width:220px}
.flag-img{width:170px;height:108px;object-fit:contain;border:3px solid #d9dde4;border-radius:8px;background:#fff;padding:10px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.flag-emoji{font-size:72px;line-height:1;display:grid;place-items:center;width:170px;height:108px;border:3px solid #d9dde4;border-radius:8px;background:#fff}
.poll-card{border-radius:8px}
.poll-track{height:18px;background:#eceef2;border-radius:999px;display:flex;overflow:hidden;margin:10px 0 16px}
.poll-track .poll-home{background:#0a9e47}
.poll-track .poll-away{background:#ff3b30}
.poll-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.poll-option{display:grid;gap:4px;color:#06175f}
.poll-option.right{text-align:right}
.poll-option .poll-name{font-size:1rem;line-height:1.2}
.poll-option strong{font-size:1.8rem;line-height:1;color:#06175f}
.draw-chip{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:8px 12px;border-radius:999px;background:#f1f3f6;color:#42526b;font-weight:900}
.poll-card p{margin-top:12px}
@media(max-width:900px){
  .scoreboard-flags{grid-template-columns:1fr;gap:16px}
  .flag-img,.flag-emoji{width:138px;height:88px}
  .team-box-flag .country-name{font-size:1.15rem;max-width:180px}
  .poll-grid{grid-template-columns:1fr}
  .poll-option.right{text-align:left}
}


/* =========================================================
   Estética Serwath - fundo verde escuro, dourado e cards limpos
   ========================================================= */
:root{
  --green:#027d24;
  --gold:#c78c26;
  --gold-light:#f2c96b;
  --dark:#002f28;
  --dark-2:#001f1b;
  --white:#ffffff;
  --blue:#3158ff;
  --red:#e82c00;
  --soft:#f6f7f6;
  --muted:#66706d;
  --line:#dfe6e2;
  --shadow:0 22px 55px rgba(0,0,0,.24);
  --radius:26px;
}

body{
  background:var(--dark-2);
  color:#101827;
  font-family:"Proxima Nova", Inter, Arial, Helvetica, sans-serif;
}

.page-bg{
  min-height:100vh;
  background:
    radial-gradient(circle at 50% -10%, rgba(199,140,38,.18), transparent 28%),
    radial-gradient(circle at 20% 30%, rgba(2,125,36,.22), transparent 28%),
    linear-gradient(135deg, #005235 0%, #002f28 46%, #001f1b 100%);
  overflow:hidden;
}

.page-bg:before{
  width:520px;
  height:520px;
  border-radius:50%;
  left:-180px;
  bottom:-220px;
  background:rgba(255,255,255,.045);
  transform:none;
}

.page-bg:after{
  width:620px;
  height:620px;
  border-radius:50%;
  right:-240px;
  top:-260px;
  bottom:auto;
  background:rgba(199,140,38,.08);
  transform:none;
}

.site-header{
  max-width:1180px;
  padding:22px 22px 12px;
  flex-direction:column;
  justify-content:center;
  gap:16px;
}

.brand{
  justify-content:center;
}

.brand-logo{
  width:300px;
  max-width:80vw;
  background:#fff;
  border-radius:0 0 24px 24px;
  padding:10px 18px;
  box-shadow:0 6px 0 rgba(199,140,38,.85), 0 22px 50px rgba(0,0,0,.22);
}

.brand-text{
  display:none;
}

.main-nav{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:none;
  backdrop-filter:blur(14px);
}

.main-nav a{
  color:#fff;
  font-weight:900;
}

.main-nav a.active,
.main-nav a:hover{
  background:linear-gradient(135deg, var(--gold), var(--gold-light));
  color:var(--dark);
}

.container{
  max-width:1180px;
  padding-top:8px;
}

.hero-card{
  margin:6px auto 24px;
  padding:8px 16px 22px;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#fff;
  justify-content:center;
  text-align:center;
}

.hero-card:before{
  display:none;
}

.hero-copy{
  margin:0 auto;
}

.hero-card .pill{
  background:transparent;
  color:var(--gold-light);
  box-shadow:none;
  padding:0;
  border-radius:0;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.hero-card h1{
  margin:8px 0 6px;
  color:var(--gold);
  font-size:clamp(3rem, 8vw, 5.7rem);
  line-height:.9;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.035em;
  text-shadow:0 4px 0 rgba(0,0,0,.12);
}

.hero-card p{
  color:#fff;
  font-size:1.16rem;
  max-width:720px;
  margin:0 auto;
}

.football-badge{
  display:none;
}

.side-card,
.guess-card,
.empty-card,
.table-card,
.filter-card,
.podium-card,
.history-card,
.admin-form-card,
.info-box{
  background:rgba(255,255,255,.97);
  border:1px solid rgba(255,255,255,.75);
  border-radius:28px;
  box-shadow:0 24px 60px rgba(0,0,0,.18);
}

.side-card,
.guess-card{
  padding:28px;
}

.side-card h2,
.table-card h2,
.page-title h1,
.match-headline h2,
.admin-title h1{
  color:var(--dark);
  font-weight:1000;
}

.layout-grid{
  align-items:start;
}

.match-headline h2{
  color:#121827;
}

.timer-badge{
  background:linear-gradient(135deg, var(--gold), var(--gold-light));
  color:var(--dark);
  border-radius:0;
  box-shadow:0 10px 24px rgba(199,140,38,.24);
}

.timer-badge.closed{
  background:#66706d;
  color:#fff;
}

.mini-match{
  background:#fbfcfb;
  border:1px solid #dfe8e2;
  border-radius:20px;
}

.mini-match.active{
  border-color:var(--gold);
  box-shadow:inset 0 0 0 2px rgba(199,140,38,.20), 0 10px 20px rgba(0,0,0,.06);
}

.mini-fixture-line{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  font-weight:1000;
  color:var(--dark);
  line-height:1.25;
  font-size:.95rem;
}

.mini-fixture-line b{
  color:var(--gold);
  font-size:1rem;
}

/* Bandeiras pequenas na lateral */
.mini-match .flag-inline,
.mini-match .flag-inline-emoji{
  width:24px !important;
  height:17px !important;
  border:1px solid #d7dce2;
  border-radius:2px;
  object-fit:cover !important;
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  overflow:hidden;
  flex:0 0 auto;
  padding:0 !important;
}

/* Bandeiras principais */
.scoreboard-flags{
  grid-template-columns:1fr auto 1fr;
  gap:28px;
  align-items:center;
}

.team-box-flag{
  gap:12px;
}

.team-box-flag .country-name{
  font-size:1.45rem;
  line-height:1.1;
  color:#050505;
  text-transform:none;
  letter-spacing:0;
  max-width:230px;
  font-weight:1000;
}

.flag-img{
  width:132px !important;
  height:84px !important;
  object-fit:contain !important;
  border:2px solid #d9dde4;
  border-radius:7px;
  background:#fff;
  padding:6px;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}

.flag-emoji{
  width:132px !important;
  height:84px !important;
  font-size:58px;
  border:2px solid #d9dde4;
  border-radius:7px;
  background:#fff;
}

.score-control input{
  color:#000;
  font-weight:1000;
}

.oracle-card,
.poll-card{
  border:1px solid #e1e5e2;
  border-radius:12px;
  background:#fff;
}

.oracle-title{
  color:#06175f;
}

.poll-track{
  height:18px;
  background:#eceef2;
  border-radius:999px;
  display:flex;
  overflow:hidden;
  margin:10px 0 16px;
}

.poll-track .poll-home{background:#0a9e47}
.poll-track .poll-away{background:#ff3b30}

.poll-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-items:start;
}

.poll-option{
  display:grid;
  gap:4px;
  color:#06175f;
}

.poll-option.right{
  text-align:right;
}

.poll-option .poll-name{
  font-size:1rem;
  line-height:1.2;
}

.poll-option strong{
  font-size:1.8rem;
  line-height:1;
  color:#06175f;
}

.draw-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:14px;
  padding:8px 12px;
  border-radius:999px;
  background:#f1f3f6;
  color:#42526b;
  font-weight:900;
}

.submit-btn,
.filter-card button,
.admin-btn{
  background:linear-gradient(135deg, var(--gold), var(--gold-light));
  color:var(--dark);
  border-radius:12px;
  min-height:58px;
  box-shadow:0 14px 28px rgba(199,140,38,.22);
}

.submit-btn:hover,
.filter-card button:hover,
.admin-btn:hover{
  filter:brightness(1.03);
}

input,select,textarea{
  border-color:#dce4df;
  border-radius:14px;
}

input:focus,
select:focus,
textarea:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(199,140,38,.18);
}

/* Histórico com bandeiras padronizadas */
.history-grid{
  grid-template-columns:repeat(3,1fr);
}

.history-score{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:18px;
  align-items:center;
  margin:18px 0;
}

.history-score > div{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-width:120px;
  text-align:center;
}

.history-score .flag-img,
.history-score .flag-emoji{
  width:86px !important;
  height:58px !important;
  object-fit:contain !important;
  display:block;
  background:#fff;
  border:1px solid #d7dce2;
  border-radius:5px;
  padding:4px;
  box-sizing:border-box;
}

.history-score .country-name{
  font-size:.98rem !important;
  line-height:1.15;
  max-width:130px;
  text-align:center;
  color:var(--dark);
  font-weight:900;
  text-transform:none;
  letter-spacing:0;
}

.history-score b{
  font-size:1.8rem;
  color:var(--dark);
  min-width:60px;
  text-align:center;
}

.page-title{
  background:rgba(255,255,255,.97);
  color:var(--dark);
}

.page-title .pill{
  background:linear-gradient(135deg, var(--gold), var(--gold-light));
  color:var(--dark);
}

.page-title p{
  color:#43514d;
}

/* ADM também na identidade Serwath */
.admin-body{
  background:
    radial-gradient(circle at 50% -10%, rgba(199,140,38,.18), transparent 28%),
    linear-gradient(135deg, #005235 0%, #002f28 60%, #001f1b 100%);
}

.admin-topbar{
  background:rgba(0,47,40,.96);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.admin-nav a.active,
.admin-nav a:hover{
  background:linear-gradient(135deg, var(--gold), var(--gold-light));
  color:var(--dark);
}

.stat-card,
.admin-form-card,
.table-card{
  border-radius:26px;
}

.site-footer{
  color:rgba(255,255,255,.86);
}

@media(max-width:900px){
  .site-header{
    padding-top:16px;
  }

  .brand-logo{
    width:230px;
    border-radius:0 0 20px 20px;
  }

  .main-nav{
    background:rgba(255,255,255,.96);
  }

  .main-nav a{
    color:var(--dark);
  }

  .hero-card h1{
    font-size:3.2rem;
  }

  .layout-grid{
    grid-template-columns:1fr;
  }

  .scoreboard-flags{
    grid-template-columns:1fr;
    gap:16px;
  }

  .flag-img,
  .flag-emoji{
    width:108px !important;
    height:70px !important;
  }

  .mini-match .flag-inline,
  .mini-match .flag-inline-emoji{
    width:22px !important;
    height:16px !important;
  }

  .history-grid{
    grid-template-columns:1fr;
  }

  .history-score .flag-img,
  .history-score .flag-emoji{
    width:76px !important;
    height:50px !important;
  }

  .poll-grid{
    grid-template-columns:1fr;
  }

  .poll-option.right{
    text-align:left;
  }
}

@media(max-width:520px){
  .hero-card h1{
    font-size:2.7rem;
  }

  .brand-logo{
    width:205px;
  }

  .side-card,
  .guess-card{
    padding:22px;
  }

  .mini-fixture-line{
    font-size:.9rem;
  }
}


/* Histórico: bandeiras em cima e nomes embaixo + prêmio em destaque */
.stacked-history-row{
  grid-template-columns: minmax(130px,1fr) auto minmax(130px,1fr) !important;
  gap: 18px !important;
  align-items: center !important;
}
.history-team{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  text-align:center !important;
}
.history-team.home,
.history-team.away{
  justify-content:center !important;
  text-align:center !important;
}
.stacked-history-row .flag-img,
.stacked-history-row .flag-emoji{
  width:74px !important;
  height:50px !important;
  object-fit:contain !important;
  background:#fff;
  border:1px solid #d7dce2;
  border-radius:5px;
  padding:4px;
}
.stacked-history-row .country-name{
  font-size:1rem !important;
  font-weight:1000 !important;
  color:var(--dark);
  max-width:130px;
  line-height:1.15;
}
.history-center-score{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:160px;
}
.history-center-score strong{
  font-size:1.6rem !important;
  font-weight:1000;
}
.history-center-score .fixture-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:110px;
  padding:6px 10px;
  border-radius:999px;
  background:#eef2f7;
  color:#64748b;
  font-weight:1000;
  letter-spacing:.08em;
}
.prize-note.mega-prize{
  margin-top:14px;
  padding:16px 18px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(255,225,125,.95), rgba(199,140,38,.95));
  border:2px solid #ffd45a;
  color:#2b1c00;
  font-weight:1000;
  font-size:1.06rem;
  line-height:1.45;
  box-shadow:0 12px 30px rgba(199,140,38,.28);
  position:relative;
}
.prize-note.mega-prize::before{
  content:'PRÊMIO DE R$ 500';
  display:inline-flex;
  margin-bottom:10px;
  padding:6px 10px;
  border-radius:999px;
  background:#fff8d6;
  border:1px solid rgba(43,28,0,.12);
  color:#7a4d00;
  font-size:.78rem;
  font-weight:1000;
  letter-spacing:.08em;
}
.prize-note.mega-prize::after{
  content:'🔥 HOJE';
  position:absolute;
  right:14px;
  top:12px;
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:#e82c00;
  color:#fff;
  font-size:.72rem;
  font-weight:1000;
  letter-spacing:.06em;
}
@media(max-width:900px){
  .stacked-history-row{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .history-center-score{
    min-width:0;
  }
  .prize-note.mega-prize::after{
    position:static;
    margin-left:8px;
  }
}


/* Ajustes finais: logo oficial + centralização do histórico */
.brand-logo{
  width: 420px !important;
  max-width: 92vw;
  object-fit: contain;
  background:#fff !important;
  border-radius: 0 0 24px 24px;
  padding: 12px 18px !important;
  box-shadow: 0 6px 0 rgba(199,140,38,.85), 0 22px 50px rgba(0,0,0,.22);
}

.history-card{
  display:flex;
  flex-direction:column;
}

.stacked-history-row{
  width:100%;
  max-width: 560px;
  margin: 16px auto 10px !important;
  display:grid !important;
  grid-template-columns: minmax(120px,1fr) 180px minmax(120px,1fr) !important;
  align-items:center !important;
  justify-items:center !important;
  gap: 14px !important;
}

.history-team{
  width:100%;
  max-width:150px;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  text-align:center !important;
}

.history-team .country-name{
  display:block;
  width:100%;
  text-align:center !important;
}

.history-center-score{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  width:100%;
  min-width:180px;
}

.history-center-score strong,
.history-center-score .fixture-status{
  text-align:center;
}

.stacked-history-row .flag-img,
.stacked-history-row .flag-emoji{
  width:76px !important;
  height:52px !important;
}

.prize-note.mega-prize{
  text-align:center;
  font-size:1.12rem;
  padding:18px 20px;
}

.prize-note.mega-prize::before{
  display:flex;
  justify-content:center;
  width:fit-content;
  margin:0 auto 10px;
}

.prize-note.mega-prize::after{
  right:50%;
  transform:translateX(50%);
  top:-12px;
}

@media(max-width:900px){
  .brand-logo{width:300px !important;}
  .stacked-history-row{
    max-width:100%;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .history-team{max-width:none;}
  .history-center-score{
    min-width:0;
    flex-wrap:wrap;
  }
}