:root{
  --bg:#050807; --bg2:#07110f; --side:#0b1214; --card:#101719; --card2:#111d1b;
  --line:rgba(255,255,255,.10); --line2:rgba(28,220,143,.25);
  --text:#f5f7f6; --muted:#9aa4a6; --green:#16c784; --green2:#08e083; --gold:#f6c744;
  --red:#ff5f67; --orange:#ffb020; --shadow:0 24px 60px rgba(0,0,0,.35);
  --radius:18px; --radius2:14px;
}
*{box-sizing:border-box} html,body{min-height:100%;margin:0} body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(900px 500px at 15% -10%,rgba(22,199,132,.18),transparent 60%),linear-gradient(135deg,#061017,#050807 55%,#030504);color:var(--text);overflow-x:hidden} a{color:inherit;text-decoration:none} img,svg{max-width:100%}.muted{color:var(--muted)}.small,small{font-size:12px;color:var(--muted)}
.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#11191b,#071011);border-right:1px solid var(--line);padding:22px 18px;display:flex;flex-direction:column;z-index:40}.side-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.brand-cup{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,rgba(246,199,68,.25),rgba(22,199,132,.16));display:grid;place-items:center;font-size:29px;border:1px solid rgba(246,199,68,.3);box-shadow:0 0 35px rgba(22,199,132,.13)}.side-brand strong{display:block;font-size:22px;line-height:1}.side-brand span{display:block;color:#d6e2dc;font-size:12px;font-weight:800;text-transform:uppercase;margin-top:4px}.side-nav{display:flex;flex-direction:column;gap:9px}.side-nav a{display:flex;align-items:center;gap:14px;padding:15px 16px;border-radius:18px;color:#a9b0b6;font-weight:850;border:1px solid transparent;transition:.18s}.side-nav a span{font-size:20px;width:25px;text-align:center}.side-nav a:hover,.side-nav a.active{color:#58ffb0;background:linear-gradient(135deg,rgba(22,199,132,.22),rgba(22,199,132,.08));border-color:rgba(22,199,132,.35);box-shadow:inset 4px 0 0 var(--green)}.side-bottom{margin-top:auto}.level-card{display:none;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));padding:14px;display:flex;align-items:center;gap:12px;margin-bottom:18px}.level-medal{font-size:31px}.level-card span,.level-card small{display:block;color:var(--muted)}.level-card strong{display:block}.logout{display:flex;padding:13px 14px;border-radius:14px;color:#b7bec3;font-weight:800}.logout:hover{background:rgba(255,255,255,.06)}
.main-area{min-width:0}.app-topbar{height:86px;border-bottom:1px solid var(--line);background:rgba(8,14,16,.76);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30}.user-box{display:flex;align-items:center;gap:14px}.avatar{width:50px;height:50px;border-radius:18px;background:rgba(22,199,132,.16);border:1px solid rgba(22,199,132,.38);display:grid;place-items:center;color:#57ffae;font-weight:1000}.user-box span{display:block;color:var(--muted);font-size:14px}.user-box strong{display:block;font-size:17px}.top-actions{display:flex;gap:10px;align-items:center}.cup-pill,.install-btn{padding:13px 22px;border-radius:16px;border:1px solid rgba(246,199,68,.45);background:rgba(246,199,68,.12);color:#ffd75d;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.install-btn{cursor:pointer;color:#fff;background:rgba(22,199,132,.15);border-color:rgba(22,199,132,.4);text-transform:none}.page-wrap{padding:22px 28px 40px;max-width:1500px;margin:0 auto}.mobile-menu{display:none;position:fixed;top:14px;left:14px;z-index:70;width:45px;height:45px;border-radius:14px;border:1px solid var(--line);background:#11191b;color:white;font-size:22px}
.hero{position:relative;overflow:hidden;border:1px solid var(--line2);border-radius:22px;background:linear-gradient(110deg,rgba(6,18,14,.96),rgba(12,49,35,.86)),radial-gradient(600px 220px at 75% 50%,rgba(246,199,68,.20),transparent);box-shadow:var(--shadow);padding:26px;margin-bottom:18px}.hero h1{margin:0;font-size:clamp(30px,4vw,54px);line-height:.98;text-transform:uppercase;max-width:700px}.hero h1 b{color:var(--gold)}.hero p{margin:12px 0 0;color:#cfd8d4;font-weight:700}.layout-2{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.right-stack{position:sticky;top:108px;display:flex;flex-direction:column;gap:16px}.card{background:linear-gradient(145deg,rgba(22,29,31,.95),rgba(10,16,18,.95));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:16px;min-width:0}.card-title{font-size:20px;font-weight:1000;margin:0 0 12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.h1{font-size:25px;margin:0;font-weight:1000}.h2{font-size:17px;margin:0;font-weight:950}.sep{height:1px;background:var(--line);margin:14px 0}.badge,.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#dbe3e0;font-size:12px;font-weight:850}.pill.good{background:rgba(22,199,132,.15);border-color:rgba(22,199,132,.4);color:#5cffb0}.pill.warn{background:rgba(246,199,68,.14);border-color:rgba(246,199,68,.42);color:#ffe08a}.pill.bad{background:rgba(255,95,103,.13);border-color:rgba(255,95,103,.38);color:#ffb3b8}
.round-bar{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);padding:11px;display:flex;gap:10px;overflow:auto;margin-bottom:12px}.date-tab{min-width:112px;text-align:center;border-radius:14px;padding:12px 10px;border:1px solid transparent;background:rgba(255,255,255,.04);font-weight:950;color:#cbd3d1}.date-tab small{display:block;font-size:11px;text-transform:uppercase}.date-tab.active{background:rgba(22,199,132,.18);border-color:rgba(22,199,132,.45);color:#fff;box-shadow:0 0 24px rgba(22,199,132,.12)}.progress-card{padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);margin-bottom:14px}.progress-info{display:flex;justify-content:space-between;font-weight:900}.progress-line{height:9px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:10px}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:99px}
.match-card{display:grid;grid-template-columns:1fr 300px 1fr 170px;gap:18px;align-items:center;border:1px solid rgba(246,199,68,.28);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:18px;margin-bottom:14px}.team{text-align:center}.flag{width:66px;height:45px;object-fit:cover;border-radius:4px;box-shadow:0 6px 20px rgba(0,0,0,.24);background:linear-gradient(135deg,#1b2326,#0a1012);display:inline-grid;place-items:center;font-size:18px;font-weight:1000;color:#b8c2c0;border:1px solid rgba(255,255,255,.08)}.team strong{display:block;margin-top:8px}.score-zone{text-align:center}.match-meta{font-weight:900;color:#dfe8e4;margin-bottom:12px}.score-inputs{display:flex;align-items:center;justify-content:center;gap:10px}.score-box{display:flex;align-items:center;gap:5px}.score-btn{width:39px;height:39px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:#e8eeee;font-size:20px;cursor:pointer}.score-btn:hover{border-color:rgba(22,199,132,.45);color:#65ffb5}.pred{width:56px;height:46px;text-align:center;padding:0;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:white;font-size:24px;font-weight:1000}.x{color:#899396;font-weight:900}.match-actions{text-align:center;border-left:1px solid var(--line);padding-left:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,var(--green2),var(--green));color:#062016;border:1px solid rgba(22,199,132,.5);box-shadow:0 10px 26px rgba(22,199,132,.20);font-weight:1000;cursor:pointer}.btn.secondary{background:rgba(255,255,255,.06);color:#fff;border-color:var(--line);box-shadow:none}.btn.small{padding:8px 11px;font-size:12px;border-radius:11px}.btn.warn{background:rgba(246,199,68,.15);border-color:rgba(246,199,68,.4);color:#ffdf79;box-shadow:none}.deadline{display:block;margin-top:8px;color:var(--muted);font-size:12px}.deadline b{display:block;color:#5cffb0;font-size:16px}.result-pill{font-weight:1000;font-size:18px;color:#ffd75d}.rowmsg{min-height:16px;margin-top:8px;text-align:center;color:var(--muted);font-size:12px}
.rank-list{display:flex;flex-direction:column;gap:9px}.rank-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.rank-pos{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-weight:1000;color:#dfe8e4}.rank-row:nth-child(1) .rank-pos{background:linear-gradient(135deg,#ffe17a,#e6a900);color:#201400}.rank-row:nth-child(2) .rank-pos{background:linear-gradient(135deg,#f3f4f6,#9ca3af);color:#111}.rank-row:nth-child(3) .rank-pos{background:linear-gradient(135deg,#ffb079,#b65a1f);color:#111}.rank-name{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-points{font-weight:1000;color:#fff}.rank-link{margin-top:10px;width:100%}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}.table th{font-size:12px;color:var(--muted);text-transform:uppercase;background:rgba(255,255,255,.035)}.table tr:last-child td{border-bottom:0}.num{text-align:right!important} input,select{width:100%;padding:11px 13px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);outline:none}select option{background:#101719;color:white}label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:800}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#101719;border:1px solid var(--line);border-radius:15px;padding:12px 16px;box-shadow:var(--shadow);display:none;z-index:99}.toast.show{display:block}.toast.good{border-color:rgba(22,199,132,.45)}.toast.bad{border-color:rgba(255,95,103,.45)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-page .card{width:min(460px,100%)}
@media(max-width:1180px){.layout-2{grid-template-columns:1fr}.right-stack{position:static}.match-card{grid-template-columns:1fr 270px 1fr}.match-actions{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:14px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px}}
@media(max-width:900px){.mobile-menu{display:block}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-285px;transition:.22s;width:260px}.sidebar.open{left:0}.app-topbar{padding-left:70px;height:auto;min-height:78px;gap:10px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.cup-pill{display:none}.page-wrap{padding:16px}.hero{padding:20px}.match-card{grid-template-columns:1fr;gap:14px}.score-zone{order:3}.match-actions{order:4}.team{display:grid;place-items:center}.grid>.col-3,.grid>.col-4,.grid>.col-6,.grid>.col-8{grid-column:span 12}.form-row{grid-template-columns:1fr}}

.page-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;background:linear-gradient(145deg,rgba(16,23,25,.98),rgba(8,14,16,.98))}.eyebrow{display:block;color:#5cffb0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:1000;margin-bottom:6px}.rules-grid{margin-bottom:2px}.rule-card{height:100%;margin-bottom:0}.rule-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-weight:800}.rule-row:last-child{border-bottom:0}.rule-row span{color:#dce5e1}.rule-row b{color:#5cffb0;font-size:18px;white-space:nowrap}.prize-card p{margin:0;color:#dce5e1;font-weight:800;line-height:1.45}.prize-percent{font-size:56px;line-height:1;font-weight:1000;color:var(--gold);margin-bottom:10px;text-shadow:0 10px 30px rgba(246,199,68,.18)}
@media(max-width:900px){.page-intro{display:block}.page-intro .pill{margin-top:12px}.rules-grid .col-6{grid-column:span 12}}

/* Comparação de palpites */
.compare-layout{align-items:start}.compare-round-card{height:100%;display:flex;flex-direction:column;gap:10px}.compare-round-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.compare-round-top strong{font-size:17px;line-height:1.25}.compare-locked{text-align:center;max-width:760px;margin:40px auto;padding:34px}.lock-icon{font-size:54px;margin-bottom:10px}.compare-tools{position:sticky;top:102px;z-index:10}.compare-note{margin-top:10px}.compare-match{padding:0;overflow:hidden}.compare-match-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(22,199,132,.08),rgba(255,255,255,.02))}.compare-teams{display:flex;align-items:center;gap:16px;font-weight:1000}.compare-teams>div{display:flex;align-items:center;gap:8px}.mini-flag{width:38px!important;height:27px!important;border-radius:4px}.flag-text{display:inline-grid;place-items:center;background:#11191b;color:#dfe8e4;font-size:11px;border:1px solid var(--line)}.compare-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.compare-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:14px}.compare-user{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.04);padding:12px;transition:.16s}.compare-user-name{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}.compare-score{font-size:24px;font-weight:1000;color:#fff}.compare-score span{color:var(--muted);font-size:16px}.compare-score.empty{color:var(--muted)}.good-text{color:#5cffb0!important}.compare-user.muted-duel{opacity:.28}.compare-user.duel-a{opacity:1;border-color:rgba(22,199,132,.65);background:rgba(22,199,132,.13);box-shadow:0 0 0 1px rgba(22,199,132,.18)}.compare-user.duel-b{opacity:1;border-color:rgba(246,199,68,.72);background:rgba(246,199,68,.12);box-shadow:0 0 0 1px rgba(246,199,68,.18)}
@media(max-width:900px){.compare-tools{position:static}.compare-match-head{display:block}.compare-meta{justify-content:flex-start;margin-top:12px}.compare-teams{justify-content:center;flex-wrap:wrap}.compare-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}}