:root{--verde:#00a23f;--verde-d:#007a2e;--amarelo:#ffdf00;--azul:#1c4fd8;--bg:#0a0e14;--bg2:#0f1620;--card:#161d28;--card2:#1b2430;--line:#283344;--txt:#eef3f8;--muted:#93a1b3;--soft:#6b7787;--ok:#36c46b;--err:#ff5d52;--gold:#ffd54a;--money:#4ade80;--shadow:0 8px 28px #00000073;--r:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0;padding:0}body{background:radial-gradient(1100px 520px at 50% -200px,#00a23f33,transparent 70%), radial-gradient(900px 450px at 90% 0,#1c4fd81a,transparent 70%), var(--bg);color:var(--txt);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.app{max-width:780px;margin:0 auto;padding:0 14px 96px}.muted{color:var(--muted)}.soft{color:var(--soft)}.small{font-size:.8rem}.center{text-align:center}.hidden{display:none!important}.hdr{text-align:center;background:linear-gradient(135deg,var(--verde),var(--verde-d) 70%);border-bottom:5px solid var(--amarelo);box-shadow:var(--shadow);margin:0 -14px 16px;padding:22px 16px 18px;position:relative;overflow:hidden}.hdr:after{content:"⚽";opacity:.07;font-size:160px;position:absolute;top:-26px;right:-18px;transform:rotate(-15deg)}.hdr h1{letter-spacing:.3px;text-shadow:0 2px 8px #0000004d;margin:0;font-size:1.4rem;font-weight:800}.hdr .sub{opacity:.95;background:#0000002e;border-radius:30px;margin-top:6px;padding:6px 13px;font-size:.8rem;display:inline-block}.hdr .cd{background:var(--amarelo);color:#3a2f00;border-radius:30px;margin-top:11px;padding:6px 15px;font-size:.84rem;font-weight:700;display:inline-block;box-shadow:0 3px 10px #00000040}.hdr .back{color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:none;background:#00000040;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}h2{align-items:center;gap:8px;margin:0 0 12px;font-size:1.08rem;font-weight:700;display:flex}label{color:var(--muted);margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}input,select{border:1.5px solid var(--line);color:var(--txt);background:#0b1119;border-radius:11px;width:100%;padding:12px;font-family:inherit;font-size:1rem;transition:all .15s}input:focus,select:focus{border-color:var(--amarelo);outline:none;box-shadow:0 0 0 3px #ffdf0026}input:disabled{opacity:.6}button{background:linear-gradient(180deg,#ffe94d,var(--amarelo));color:#3a2f00;cursor:pointer;border:none;border-radius:11px;padding:13px 18px;font-family:inherit;font-size:.96rem;font-weight:800;transition:all .12s;box-shadow:0 4px 14px #ffdf0038}button:active{transform:translateY(1px)scale(.99)}button:hover{filter:brightness(1.06)}button.ghost{color:var(--muted);border:1.5px solid var(--line);box-shadow:none;background:0 0;font-weight:600}button.green{background:linear-gradient(180deg,var(--verde),var(--verde-d));color:#fff;box-shadow:0 4px 14px #00a23f4d}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.grow{flex:1;min-width:120px}.hint{color:var(--soft);margin-top:8px;font-size:.78rem;line-height:1.5}.msg{min-height:1.1em;margin-top:10px;font-size:.86rem;font-weight:600}.msg.ok{color:var(--ok)}.msg.err{color:var(--err)}.flag{object-fit:cover;vertical-align:middle;border-radius:4px;box-shadow:0 1px 4px #00000080}.avatar{background:linear-gradient(180deg,var(--card2),#0d1119);border:1.5px solid var(--line);object-fit:cover;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.mcard{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-left:4px solid var(--line);cursor:pointer;box-shadow:var(--shadow);border-radius:16px;margin-bottom:12px;padding:13px 16px;transition:all .16s}.mcard:hover{border-color:#36506e;transform:translateY(-2px)}.mcard.s-open{border-left-color:var(--ok)}.mcard.s-live{border-left-color:var(--err)}.mcard.s-locked{border-left-color:var(--soft)}.mcard.s-finished{border-left-color:var(--amarelo)}.mcard.s-tbd{opacity:.5;cursor:default;border-left-color:var(--soft)}.mcard.s-tbd:hover{border-color:var(--line);transform:none}.mc-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mc-phase{color:var(--soft);text-transform:uppercase;letter-spacing:.6px;font-size:.66rem;font-weight:800}.mc-teams{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:12px 0 6px;font-size:1.06rem;font-weight:800;line-height:1.3;display:flex}.mc-teams .flag{border-radius:5px;width:39px;height:28px}.mc-x{color:var(--soft);font-size:.9rem;font-weight:700}.mc-score{text-align:center;color:var(--amarelo);margin:2px 0 4px;font-size:1.8rem;font-weight:900;line-height:1}.mc-score small{color:var(--soft);margin:0 5px;font-size:1.1rem}.mc-date{text-align:center;color:var(--muted);margin-top:2px;font-size:.78rem}.mc-foot{text-align:center;color:var(--muted);border-top:1px solid var(--line);margin-top:9px;padding-top:9px;font-size:.8rem}.mc-foot .voted{color:var(--ok);font-weight:700}.mc-foot .notv{color:var(--gold);font-weight:700}.mc-foot .win{color:var(--money);font-weight:700}.badge{white-space:nowrap;letter-spacing:.3px;border-radius:30px;padding:3px 9px;font-size:.64rem;font-weight:800}.badge.open{color:#46d97d;background:#36c46b29;border:1px solid #36c46b66}.badge.closed{color:#ff7a71;background:#ff5d5224;border:1px solid #ff5d5259}.badge.done{color:var(--gold);background:#ffd54a29;border:1px solid #ffd54a66}.badge.live{color:#ff7a71;background:#ff5d5233;border:1px solid #ff5d5280;animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.55}}.tag{color:var(--muted);font-size:.7rem}.tag.voted{color:var(--ok)}.tag.notvoted{color:var(--gold)}.scoreboard{justify-content:space-around;align-items:center;gap:8px;margin:6px 0 4px;display:flex}.tcol{text-align:center;flex:1;min-width:0}.tcol .nm{margin-top:6px;font-size:.95rem;font-weight:800}.vsbox{text-align:center}.vsbox .big{color:var(--amarelo);font-size:2rem;font-weight:900;line-height:1}.vsbox .lbl{color:var(--muted);font-size:.7rem}.pickscore{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:14px 0;display:flex}.votescore{justify-content:center;align-items:flex-start;gap:10px;margin:16px 0;display:flex}.vcol{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;max-width:150px;display:flex}.vname{text-align:center;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:100%;font-size:.9rem;font-weight:800;line-height:1.2;display:flex;overflow:hidden}.vx{align-self:center;margin-top:36px}.stepper{flex-direction:column;align-items:center;gap:8px;display:flex}.stepper .num{text-align:center;background:#0b1119;border-radius:12px;width:60px;height:58px;padding:0;font-size:1.8rem;font-weight:900}.stepbtns{gap:8px;display:flex}.stepbtns button{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:1.3rem;display:flex}.xsep{color:var(--soft);font-size:1.3rem;font-weight:800}.sclabel{margin:14px 0 8px;font-size:.9rem;font-weight:700}.picks{flex-wrap:wrap;gap:8px;min-height:8px;margin-bottom:10px;display:flex}.pick{color:var(--money);background:#4ade801f;border:1px solid #4ade8073;border-radius:30px;align-items:center;gap:6px;padding:4px 8px 4px 4px;font-size:.85rem;font-weight:700;display:inline-flex}.pick b{cursor:pointer;color:var(--err);padding:0 2px;font-size:1.05rem}.squad{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;max-height:320px;padding:2px;display:grid;overflow:auto}.pl{border:1.5px solid var(--line);cursor:pointer;text-align:center;background:#0b1119;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:9px 5px;transition:all .1s;display:flex}.pl:hover{border-color:var(--amarelo)}.pl.on{border-color:var(--money);background:#4ade8014}.pl .pn{color:var(--txt);text-overflow:ellipsis;white-space:nowrap;max-width:78px;font-size:.72rem;font-weight:600;line-height:1.15;overflow:hidden}.pl .cnt{font-size:.66rem;font-weight:800}.customrow{gap:8px;margin-top:10px;display:flex}.pool{text-align:center;color:var(--money);background:#4ade8014;border:1px solid #4ade8040;border-radius:10px;margin-top:12px;padding:10px;font-size:.9rem;font-weight:700}.ptbox{text-align:center;border:1px dashed var(--line);border-radius:10px;margin-top:10px;padding:10px;font-size:.92rem}.ptbox.win{color:var(--money);background:#4ade801f;border-color:#4ade8080;font-weight:800}.real{text-align:center;margin:8px 0;font-size:.92rem}.real b{color:var(--amarelo)}.live{border:1px solid var(--line);background:#0b1119;border-radius:12px;margin-top:6px;padding:12px}.ev{align-items:center;gap:8px;padding:4px 0;font-size:.86rem;display:flex}.live .min{color:var(--amarelo);width:38px;font-weight:800}.livecard{border-color:#ff5d5259}.livedot{background:var(--err);border-radius:50%;width:10px;height:10px;animation:1.3s infinite lpulse;display:inline-block}@keyframes lpulse{0%{box-shadow:0 0 #ff5d5280}70%{box-shadow:0 0 0 8px #ff5d5200}to{box-shadow:0 0 #ff5d5200}}.lboard{justify-content:space-around;align-items:center;gap:8px;margin:6px 0 14px;display:flex}.lteam{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;font-size:.9rem;font-weight:800;display:flex}.lmid{text-align:center;min-width:92px}.lscore{color:var(--amarelo);font-size:2rem;font-weight:900;line-height:1}.lscore i{color:var(--soft);margin:0 4px;font-size:1.2rem;font-style:normal}.lstatus{color:var(--err);margin-top:3px;font-size:.74rem;font-weight:700}.tl-title{color:var(--txt);margin:6px 0 8px;font-size:.85rem;font-weight:800}.timeline{flex-direction:column;display:flex}.tl-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:7px 0;display:flex}.tl-row:last-child{border-bottom:none}.tl-row.adv{text-align:right;flex-direction:row-reverse}.tl-row.period{color:var(--muted);background:#ffffff05;border-bottom:none;justify-content:center;font-size:.8rem}.tl-row.period .tl-min{min-width:auto;color:var(--soft)}.tl-min{color:var(--amarelo);min-width:34px;font-weight:800}.tl-txt{overflow-wrap:break-word;flex:1;font-size:.9rem}.statbox{border:1px solid var(--line);background:#0b1119;border-radius:12px;overflow:hidden}.statrow{border-bottom:1px solid var(--line);grid-template-columns:52px 1fr 52px;align-items:center;padding:8px 10px;display:grid}.statrow:last-child{border-bottom:none}.statrow .sv{text-align:center;font-size:.9rem;font-weight:800}.statrow .sl{text-align:center;color:var(--muted);font-size:.76rem}.podium{justify-content:center;align-items:flex-end;gap:10px;margin:6px 0 18px;display:flex}.pod{text-align:center;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:14px 14px 0 0;flex:1;max-width:130px;padding:12px 8px}.pod .nm{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.pod .pt{font-size:.8rem}.pod.p1{border-color:var(--gold);border-bottom:4px solid var(--gold);order:2;padding-bottom:26px}.pod.p2{border-bottom:4px solid #b9c4d0;order:1;padding-bottom:18px}.pod.p3{border-bottom:4px solid #c98a4b;order:3;padding-bottom:12px}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 6px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:.7rem;font-weight:700}td.num,th.num{text-align:center}tr.me{background:#ffdf0014}.pos{background:var(--card2);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:800;display:inline-flex}.saldo.pos2{color:var(--money);font-weight:900}.saldo.neg{color:var(--err);font-weight:900}.saldo.zero{color:var(--muted);font-weight:800}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:50;padding-bottom:env(safe-area-inset-bottom);background:#0f1620f5;display:flex;position:fixed;bottom:0;left:0;right:0}nav a{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 4px;font-size:.72rem;font-weight:600;display:flex}nav a .ic{font-size:1.35rem;line-height:1}nav a.on{color:var(--amarelo)}nav a.on .ic{filter:drop-shadow(0 3px 8px #ffdf0066)}@media (width>=820px){nav{border:1px solid var(--line);border-radius:14px;max-width:780px;margin:14px auto 0;position:static;overflow:hidden}.app{padding-bottom:14px}}.match{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:14px;padding:14px}.toaster{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 12px;display:flex;position:fixed;bottom:88px;left:0;right:0}@media (width>=820px){.toaster{bottom:24px}}.toast{pointer-events:auto;cursor:pointer;border-radius:12px;align-items:center;gap:9px;width:100%;max-width:480px;padding:13px 16px;font-size:.9rem;font-weight:700;animation:.25s toastin;display:flex;box-shadow:0 12px 34px #0000008c}.toast.ok{border:1px solid var(--money);color:#caffd8;background:linear-gradient(#1f5132,#143d24)}.toast.err{border:1px solid var(--err);color:#ffd6d2;background:linear-gradient(#5a1f1f,#3d1414)}@keyframes toastin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rules{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.rules li{color:var(--muted);font-size:.88rem;line-height:1.45}.rules li b{color:var(--txt);font-weight:700}.spin{border:3px solid var(--line);border-top-color:var(--amarelo);border-radius:50%;width:34px;height:34px;margin:40px auto;animation:.8s linear infinite rot}@keyframes rot{to{transform:rotate(360deg)}}img{max-width:100%}.tablewrap{-webkit-overflow-scrolling:touch;margin:0 -2px;overflow-x:auto}.mt,.pn,.nm,.detail-text{overflow-wrap:break-word}@media (width<=400px){.app{padding:0 10px 94px}.hdr{margin:0 -10px 14px;padding:18px 14px 16px}.hdr h1{font-size:1.2rem}.hdr .back{width:34px;height:34px;left:8px}.card{padding:14px}.stepper .num{width:50px;height:50px;font-size:1.5rem}.stepbtns button{width:34px;height:34px;font-size:1.2rem}.vsbox .big{font-size:1.6rem}.scoreboard .flag{width:53px!important;height:38px!important}.squad{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:7px}.pl .pn{max-width:62px;font-size:.66rem}.pl img,.pl .av,.pl .avatar{width:42px!important;height:42px!important}th,td{padding:9px 4px;font-size:.82rem}.mcard{padding:12px 13px}.mc-teams{gap:7px;font-size:1rem}nav a{font-size:.66rem}}@media (width<=340px){.pickscore{gap:5px}.stepper .num{width:44px;height:46px;font-size:1.3rem}.xsep{font-size:1rem}}