:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#193328;background:#f4f8f5;--green: #04814c;--green-dark: #04663e;--green-soft: #e8f4ed;--border: #dce8e0;--text: #193328;--muted: #70847a;--surface: #ffffff;--surface-soft: #f8fbf9;--red: #d92e3b;--gold: #d79a13}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#f6faf7,#f2f7f4)}button,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.topbar{min-height:76px;padding:14px clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand>div{display:flex;flex-direction:column}.brand strong{font-size:17px}.brand small{color:var(--muted);margin-top:2px}.ball{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--green);color:#fff;box-shadow:0 8px 20px #04814c2e}.top-actions{display:flex;align-items:center;gap:9px}.live-pill{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;color:var(--red);background:#fff0f1;border:1px solid #ffd6d9;font-size:11px;font-weight:800}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}.round-filter{display:flex;align-items:center;gap:7px;padding:7px 8px 7px 11px;border:1px solid var(--border);border-radius:11px;color:var(--muted);font-size:12px}.round-filter select{border:0;border-radius:8px;padding:6px 9px;background:var(--green-soft);color:var(--green-dark);font-weight:800;outline:none}.refresh{border:0;border-radius:11px;padding:10px 14px;background:var(--green);color:#fff;font-weight:700}.tabs{display:flex;gap:5px;padding:11px clamp(18px,4vw,54px) 0;overflow-x:auto}.tabs button{border:0;background:transparent;color:var(--muted);padding:10px 13px;border-radius:9px;font-weight:700}.tabs button.active{background:var(--green-soft);color:var(--green-dark)}main{width:min(1440px,calc(100% - 36px));margin:0 auto;padding:26px 0 48px}.heading{margin-bottom:20px}.eyebrow{display:block;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}h1,h2{margin:0}h1{font-size:clamp(27px,4vw,40px)}h2{font-size:18px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}.metric{min-height:124px;padding:17px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:0 5px 18px #1d46300a}.metric span,.metric small{color:var(--muted)}.metric>span{font-size:12px}.metric strong{margin:auto 0 6px;color:var(--green-dark);font-size:clamp(24px,3vw,34px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.metric small{font-size:10px}.two-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:13px;margin-bottom:13px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:17px;overflow:hidden;box-shadow:0 5px 18px #1d46300a}.general-ranking{margin-top:13px}.panel-title{padding:16px 17px;border-bottom:1px solid var(--border)}.table{width:100%}.table-row{width:100%;min-height:45px;padding:7px 17px;display:grid;grid-template-columns:55px minmax(0,1fr) 80px 60px;gap:8px;align-items:center;border:0;border-bottom:1px solid #edf3ef;background:#fff;color:var(--text);text-align:left;font-size:12px}.table-row:last-child{border-bottom:0}.table-row.header{min-height:36px;background:var(--surface-soft);color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.table-row.clickable:hover{background:#f2faf5}.table.geral .table-row{grid-template-columns:55px minmax(0,1fr) 80px 70px 80px}.points{color:var(--green-dark);font-weight:900}.games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border)}.game{padding:15px 17px;background:#fff}.game-top,.game-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.teams{display:grid;grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);align-items:center;gap:9px;padding:18px 0}.teams strong{font-size:12px}.teams strong:first-child{text-align:right}.score{text-align:center;color:var(--green-dark);font-size:21px;font-weight:900}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900}.badge.live{color:var(--red);background:#fff0f1}.badge.done{color:var(--green-dark);background:var(--green-soft)}.badge.waiting{color:#66756d;background:#eef3f0}.latest{max-height:600px;overflow-y:auto}.latest-row{width:100%;min-height:57px;padding:8px 16px;display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-bottom:1px solid #edf3ef;background:#fff;color:var(--text);text-align:left}.latest-row:hover{background:#f2faf5}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--green-soft);color:var(--green-dark);font-weight:900}.latest-name{min-width:0}.latest-name strong,.latest-name small{display:block}.latest-name strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.latest-name small,.latest-row time{margin-top:3px;color:var(--muted);font-size:10px}.error-box{padding:12px 14px;margin-bottom:15px;border:1px solid #ffd3d7;border-radius:12px;background:#fff3f4;color:#a9232e}.empty{padding:25px 16px;text-align:center;color:var(--muted);font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#172e2361;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(760px,100%);max-height:min(820px,92vh);display:flex;flex-direction:column;background:#fff;border-radius:20px;border:1px solid var(--border);box-shadow:0 24px 80px #153c2740;overflow:hidden}.modal-header{padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:15px;border-bottom:1px solid var(--border)}.modal-total{text-align:right}.modal-total span,.modal-total strong{display:block}.modal-total span{color:var(--muted);font-size:10px}.modal-total strong{color:var(--green-dark);font-size:25px}.close-button{width:36px;height:36px;border:0;border-radius:10px;background:#eef5f1;color:#4c6257;font-size:22px}.guess-games{overflow-y:auto;padding:12px;background:#f7faf8}.guess-game{padding:14px;margin-bottom:9px;border:1px solid var(--border);border-radius:14px;background:#fff}.guess-game:last-child{margin-bottom:0}.guess-game-top,.guess-points{display:flex;align-items:center;justify-content:space-between;gap:10px}.guess-game-top>span:first-child{color:var(--muted);font-size:10px;font-weight:800}.guess-match{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px 0}.guess-match>div{padding:11px;border-radius:11px;background:var(--surface-soft)}.guess-match small,.guess-match strong{display:block}.guess-match small{margin-bottom:4px;color:var(--muted);font-size:9px;text-transform:uppercase}.guess-match strong{font-size:12px}.guess-points{padding-top:10px;border-top:1px solid #edf3ef;font-size:11px}.guess-points strong{color:var(--green-dark);font-size:15px}@media(max-width:980px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns{grid-template-columns:1fr}}@media(max-width:700px){.topbar{position:static;flex-direction:column;align-items:flex-start}.top-actions{width:100%;flex-wrap:wrap}.round-filter,.refresh{flex:1}main{width:calc(100% - 22px)}.tabs{padding-left:11px;padding-right:11px}.games,.guess-match{grid-template-columns:1fr}.table.geral{overflow-x:auto}.table.geral .table-row{min-width:560px}}@media(max-width:480px){.metrics{gap:7px}.metric{min-height:108px;padding:13px}.metric strong{font-size:22px}.table-row{grid-template-columns:42px minmax(0,1fr) 58px 45px;padding-left:11px;padding-right:11px}.brand small{display:none}}html,body,#root,.app{background:#f4f8f5!important;color:#193328!important}.brand-line{display:flex;align-items:center;gap:8px}.version-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;background:#e8f4ed;color:#04663e;border:1px solid #cfe5d8;font-size:9px;font-weight:900;letter-spacing:.08em}.ranking-rule{display:block;margin-top:4px;color:#70847a;font-size:10px}.ranking-page-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:13px;align-items:start}.ranking-page-grid .general-ranking{margin-top:0}.ranking-page-grid .panel{min-width:0}.latest-row time{white-space:nowrap;min-width:118px;text-align:right}@media(max-width:1050px){.ranking-page-grid{grid-template-columns:1fr}.ranking-page-grid .general-ranking{margin-top:0}}@media(max-width:520px){.latest-row{grid-template-columns:36px minmax(0,1fr)}.latest-row time{grid-column:2;text-align:left;min-width:0;margin-top:-5px}}main{width:min(1720px,calc(100% - 36px))}.ranking-triple-grid{display:grid;grid-template-columns:minmax(315px,.78fr) minmax(390px,1.04fr) minmax(430px,1.18fr);gap:13px;align-items:start}.ranking-triple-grid>.panel{min-width:0;margin-top:0}.ranking-round-panel .panel-title,.ranking-general-panel .panel-title{padding:14px 15px}.ranking-round-panel .table,.ranking-general-panel .table{max-height:760px;overflow-y:auto;scrollbar-width:thin}.ranking-round-panel .table-row{min-height:39px;padding:6px 13px;grid-template-columns:38px minmax(0,1fr) 54px 42px;font-size:11px}.ranking-general-panel .table-row{min-height:39px;padding:6px 13px;font-size:11px}.ranking-general-panel .table.geral .table-row{grid-template-columns:38px minmax(0,1fr) 62px 48px 62px}.ranking-round-panel .table-row.header,.ranking-general-panel .table-row.header{position:sticky;top:0;z-index:3;min-height:34px}.games-round-panel{overflow:hidden}.round-switcher{min-height:58px;padding:0 11px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fff,#fbfdfc)}.round-switcher strong{text-align:center;font-size:16px;color:#17271f}.round-arrow{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#00a651;font-size:34px;line-height:1;font-weight:400;transition:background .15s ease,transform .15s ease}.round-arrow:hover:not(:disabled){background:var(--green-soft);transform:scale(1.05)}.round-arrow:disabled{opacity:.25;cursor:default}.ge-games-list{max-height:760px;overflow-y:auto;scrollbar-width:thin;background:#fff}.ge-game{padding:12px 15px 13px;border-bottom:1px solid #e5ece8;background:#fff}.ge-game:last-child{border-bottom:0}.ge-game-meta{min-height:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 10px;color:#65736c;font-size:10px}.ge-game-meta strong{color:#435149;font-weight:800}.ge-match{min-height:53px;padding:7px 0 5px;display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;gap:8px}.ge-team{min-width:0;display:flex;align-items:center;gap:7px}.ge-team.home{justify-content:flex-end;text-align:right}.ge-team.away{justify-content:flex-start;text-align:left}.ge-team-name{min-width:0;max-width:128px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#35463d;font-size:12px;font-weight:600}.team-shield{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%}.team-shield img{display:block;width:32px;height:32px;object-fit:contain}.team-shield.fallback{background:#eef4f0;border:1px solid #d9e5dd;color:var(--green-dark);font-size:12px;font-weight:900}.ge-score{text-align:center;color:#293b31;font-size:21px;font-weight:800;white-space:nowrap}.ge-game-status{width:fit-content;margin:0 auto;padding:3px 7px;border-radius:5px;font-size:9px;font-weight:900}.ge-game-status.live{color:#fff;background:#e78383}.ge-game-status.done{color:#00a651;background:transparent}.ge-game-status.waiting{color:#89958f;background:#f1f5f2}@media(max-width:1240px){.ranking-triple-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ranking-triple-grid .games-round-panel{grid-column:1 / -1;grid-row:1}.ge-games-list{max-height:560px}}@media(max-width:760px){.ranking-triple-grid{grid-template-columns:1fr}.ranking-triple-grid .games-round-panel{grid-column:auto;grid-row:auto}.ranking-round-panel .table,.ranking-general-panel .table,.ge-games-list{max-height:none}.ge-match{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)}.ge-team-name{max-width:112px}.team-shield{width:30px;height:30px;flex-basis:30px}.team-shield img{width:28px;height:28px}}.ranking-general-panel .table.geral .table-row{grid-template-columns:34px minmax(105px,150px) 58px 42px 58px;gap:7px;justify-content:space-between}.ranking-general-panel .table.geral .table-row>strong:nth-child(2),.ranking-general-panel .table.geral .table-row>span:nth-child(2){min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-width:700px){.ranking-general-panel .table.geral{overflow-x:visible}.ranking-general-panel .table.geral .table-row{min-width:0;grid-template-columns:27px minmax(82px,1fr) 47px 33px 48px;gap:4px;padding-left:9px;padding-right:9px}.ranking-general-panel .table.geral .table-row.header{font-size:7.5px;letter-spacing:.025em}.ranking-general-panel .table.geral .table-row:not(.header){font-size:10.5px}}@media(max-width:390px){.ranking-general-panel .table.geral .table-row{grid-template-columns:24px minmax(76px,1fr) 44px 30px 45px;gap:3px;padding-left:7px;padding-right:7px}.ranking-general-panel .table.geral .table-row.header{font-size:7px}.ranking-general-panel .table.geral .table-row:not(.header){font-size:10px}}