:root{--gold: #d99a1c;--gold-deep: #b87a12;--gold-light: #f0c24e;--gold-grad: linear-gradient(135deg, #f3c956 0%, #d99a1c 55%, #b87a12 100%);--gold-soft: #fbf2dc;--ink: #1d1f26;--ink-soft: #44464f;--muted: #8c8779;--paper: #f6f2ea;--surface: #ffffff;--line: #ece4d6;--line-soft: #f3eee3;--shadow: 0 1px 2px rgba(29,31,38,.04), 0 6px 20px rgba(29,31,38,.06);--shadow-sm: 0 1px 3px rgba(29,31,38,.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--paper);background-image:linear-gradient(180deg,#faf6ec 0px,var(--paper) 260px);background-repeat:no-repeat;background-attachment:fixed;color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}.app{max-width:760px;margin:0 auto;padding:0 16px 2rem}.header{padding:1.1rem 0 0;margin-bottom:1.4rem}.header-bar{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.header-bar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold-grad)}.brand-logo{height:52px;width:auto;display:block;flex-shrink:0}.brand-divider{width:1px;align-self:stretch;background:var(--line);margin:2px 0}.brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.brand-kicker{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}.brand-title{font-family:Oswald,sans-serif;font-size:22px;font-weight:700;line-height:1.02;letter-spacing:.01em;color:var(--ink);text-transform:uppercase}.brand-title span{color:var(--gold-deep)}.brand-sub{font-size:12px;color:var(--muted);font-weight:500}.user-chip{margin-left:auto;font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--gold-soft);border:1px solid #f0e2bd;padding:6px 12px;border-radius:999px;white-space:nowrap}.nav{display:flex;gap:7px;flex-wrap:wrap;padding:1rem 2px 0}.nav-btn{padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-soft);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm)}.nav-btn:hover{border-color:var(--gold);color:var(--ink);transform:translateY(-1px)}.nav-btn.active{background:var(--gold-grad);color:#3a2a05;border-color:transparent;box-shadow:0 4px 12px #d99a1c52}.main{padding-top:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.25rem;margin-bottom:14px;box-shadow:var(--shadow)}.section-title{font-family:Oswald,sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:1rem;display:flex;align-items:center;gap:9px}.section-title:before{content:"";width:4px;height:20px;border-radius:3px;background:var(--gold-grad)}.alert{padding:11px 15px;border-radius:12px;font-size:13px;font-weight:500;margin-bottom:1rem}.alert-info{background:#fbf2dc;color:#7a5410;border:1px solid #f0e2bd}.alert-success{background:#e9f6e6;color:#2d7a1f;border:1px solid #bfe6b2}.alert-warning{background:#fff5d9;color:#8a6000;border:1px solid #f3dd8a}.alert-error{background:#fdeaea;color:#b02525;border:1px solid #f5c2c2}.badge{display:inline-block;font-size:11px;padding:2px 9px;border-radius:999px;font-weight:700}.badge-grupos{background:var(--gold-soft);color:var(--gold-deep)}.badge-r16{background:#e8f5e0;color:#1f6a10}.badge-qf{background:#fff3e0;color:#8a4a00}.badge-sf{background:#fce8f0;color:#8a0040}.badge-final{background:#f5e8fc;color:#5a0090}.group-title{font-family:Oswald,sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin:1.1rem 0 4px;padding:7px 12px;background:linear-gradient(90deg,var(--gold-soft),transparent);border-left:3px solid var(--gold);border-radius:0 8px 8px 0}.match-row{display:flex;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line-soft)}.match-row:last-child{border-bottom:none}.team{display:flex;align-items:center;gap:8px;flex:1}.team.right{justify-content:flex-end;flex-direction:row-reverse}.team-flag{font-size:20px;line-height:1}.team-flag-img{height:18px;width:27px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #1d1f261a,0 1px 2px #1d1f261f;display:inline-block;vertical-align:middle}.team-name{font-size:13.5px;font-weight:600}.score-inputs{display:flex;align-items:center;gap:6px}.score-input{width:40px;height:40px;text-align:center;border:1.5px solid var(--line);border-radius:10px;background:#faf7f1;color:var(--ink);font-family:Oswald,sans-serif;font-size:17px;font-weight:600;transition:all .15s}.score-input:focus{outline:none;border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px #d99a1c26}.score-input:disabled{background:#f1ece2;color:#bbb4a6;cursor:not-allowed}.score-sep{font-size:16px;color:var(--muted);font-weight:700}.match-meta{font-size:11px;color:var(--muted);text-align:center;min-width:70px;font-weight:500}.match-pts{font-size:12px;font-weight:700;color:var(--gold-deep)}.pts-exact{color:#2d7a1f}.pts-winner{color:var(--gold-deep)}.phase-tabs{display:flex;gap:6px;margin-bottom:1.1rem;flex-wrap:wrap}.tab-btn{padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-family:Oswald,sans-serif;font-size:12.5px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;color:var(--muted);background:var(--surface);transition:all .15s}.tab-btn:hover{border-color:var(--gold);color:var(--ink)}.tab-btn.active{background:var(--ink);color:var(--gold-light);border-color:var(--ink)}.save-bar{display:flex;align-items:center;gap:12px;margin-top:1.1rem}.btn-save{padding:11px 26px;border:none;border-radius:12px;background:var(--gold-grad);color:#3a2a05;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 4px 14px #d99a1c4d}.btn-save:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-save:disabled{background:#d8d0c2;color:#fff;box-shadow:none;cursor:not-allowed;transform:none}.save-confirm{font-size:13px;font-weight:600;color:#2d7a1f;opacity:0;transition:opacity .3s}.save-confirm.show{opacity:1}.top3-grid{display:flex;gap:10px;margin-bottom:1.1rem;align-items:stretch}.top3-card{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.1rem .75rem;text-align:center;box-shadow:var(--shadow)}.top3-card.is-first{border-color:var(--gold);background:linear-gradient(180deg,#fffaef,#fff);box-shadow:0 6px 22px #d99a1c38}.top3-medal{font-size:26px;margin-bottom:4px}.top3-name{font-size:13px;font-weight:700}.top3-pts{font-family:Oswald,sans-serif;font-size:26px;font-weight:700;color:var(--gold-deep)}.top3-sub{font-size:11px;color:var(--muted)}.rank-table{width:100%;border-collapse:collapse;font-size:13.5px}.rank-table th{font-family:Oswald,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px;border-bottom:2px solid var(--line);text-align:left}.rank-table td{padding:11px 8px;border-bottom:1px solid var(--line-soft)}.rank-table tr:last-child td{border-bottom:none}.rank-table tr:hover td{background:#fdfaf4}.rank-num{font-family:Oswald,sans-serif;color:var(--muted);font-weight:600;width:30px}.rank-pts{font-family:Oswald,sans-serif;color:var(--gold-deep);font-weight:700;text-align:center;font-size:15px}.form-card{max-width:430px;margin:0 auto}.form-row{margin-bottom:15px}.form-label{font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:6px;display:block}.form-input{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;background:#faf7f1;color:var(--ink);font-family:inherit;font-size:14px}.form-input:focus{outline:none;border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px #d99a1c26}.btn-primary{width:100%;padding:12px;border:none;border-radius:12px;background:var(--gold-grad);color:#3a2a05;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;margin-top:6px;transition:all .15s;box-shadow:0 4px 14px #d99a1c4d}.btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-primary:disabled{background:#d8d0c2;color:#fff;box-shadow:none;cursor:not-allowed;transform:none}.link-btn{color:var(--gold-deep);cursor:pointer;font-size:13px;font-weight:600;text-decoration:underline}.winner-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.25rem;margin-bottom:10px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:var(--shadow)}.winner-week{font-family:Oswald,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:3px}.winner-name{font-size:15px;font-weight:700}.winner-pts{font-family:Oswald,sans-serif;font-size:26px;font-weight:700;color:var(--gold-deep);text-align:right}.winner-detail{font-size:11px;color:var(--muted);text-align:right}.admin-result-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line-soft)}.admin-result-row:last-child{border-bottom:none}.site-footer{margin-top:2rem;padding:1.4rem 1rem;text-align:center;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:6px}.footer-logo{height:38px;width:auto;opacity:.92}.footer-text{font-size:13px;color:var(--ink-soft);font-weight:500}.footer-text b{color:var(--gold-deep)}.footer-mini{font-family:Oswald,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}@media (max-width: 520px){.brand-title{font-size:18px}.brand-logo{height:44px}.team-name{font-size:12px}.top3-grid{gap:6px}.top3-card{padding:.85rem .4rem}.top3-pts{font-size:20px}.winner-card{flex-direction:column;gap:6px}.user-chip{display:none}}