@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#bd2124;--primary-strong:#a31b1e;--secondary:#1e2026;--success:#0ecb81;--warning:#d0980b;--danger:#bd2124;--surface:#fff;--bg:#fafafb;--dark-bg:#1e2026;--dark-surface:#32313a;--warm-sand:#f5f5f5;--ivory:#fff;--text:#1e2026;--muted:#848e9c;--muted-light:#6a696a;--charcoal:#1e2026;--warm-silver:#d0d3d7;--line:#e6e8ea;--line-warm:#d0d3d7;--line-dark:#32313a;--soft:#f5f5f5;--primary-soft:#fff1f1;--secondary-soft:#f5f5f5;--success-soft:#e8faf2;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-size:14px;line-height:1.5;overflow-x:hidden}button,input,select{font:inherit}button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:42px;padding:8px 16px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:600;transition:background .18s,box-shadow .18s,color .18s,transform .18s}button:hover{background:var(--primary-strong)}button.secondary{background:var(--secondary);border:1px solid var(--secondary);color:#fff}button.secondary:hover{box-shadow:none;background:#111318}button.ghost{border:1px solid var(--line);color:var(--text);background:0 0}button.ghost:hover{background:var(--soft);box-shadow:none}button.ghost.danger{border:1px solid var(--danger);color:var(--danger);background:0 0}button.ghost.danger:hover{background:color-mix(in srgb, var(--danger) 8%, transparent);box-shadow:0 0 0 1px var(--danger)}button.danger{background:var(--danger);color:var(--ivory)}button.subtle{align-self:flex-start;min-height:34px;padding:6px 14px}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:8px;min-height:42px;padding:9px 11px;transition:border-color .18s,box-shadow .18s}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #bd212457}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #bd21241a}.loading-page{justify-content:center;align-items:center;width:100%;height:100vh;min-height:100vh;padding:0;display:flex!important}.loading-block{color:var(--text-secondary);flex-direction:column;align-items:center;gap:24px;font-size:1rem;display:flex}.auth-page{background:var(--dark-bg);grid-template-columns:minmax(0,60%) minmax(360px,40%);align-items:stretch;gap:0;width:100%;height:100vh;min-height:0;margin:0 auto;padding:0;display:grid;overflow:hidden}.auth-visual{color:var(--surface);isolation:isolate;background:var(--dark-bg);height:100vh;min-height:100vh;position:relative;overflow:hidden}.auth-visual:before{content:"";z-index:0;filter:grayscale()contrast(1.08)blur(14px);opacity:.38;background-image:url(/capa-bolao-login.png);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.06)}.auth-visual:after{content:"";z-index:1;background:#1e202685;position:absolute;inset:0}.auth-visual img{z-index:2;object-fit:cover;object-position:center;opacity:.82;filter:grayscale()contrast(1.08);width:100%;height:100%;display:block;position:relative}.auth-card{color:var(--text);border:1px solid var(--line);background:#fff;border-radius:12px;align-self:center;width:min(100%,520px);max-height:100vh;margin:0 auto;padding:48px;overflow-y:auto;box-shadow:0 18px 60px #0000002e}.auth-card-header{text-align:center;gap:8px;margin-bottom:24px;display:grid}.auth-logo{object-fit:contain;filter:grayscale()contrast(1.2)brightness(.72);opacity:.95;justify-self:center;width:auto;height:80px}.auth-card-header span{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.auth-card-header h2{margin-bottom:0}.auth-card-header h1{margin-bottom:4px;font-size:2.8rem}.auth-card-header p{color:var(--muted);margin-bottom:0}.mode-switch{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.mode-switch button{background:var(--soft);border:1px solid var(--line);color:var(--text)}.mode-switch button:hover{background:var(--primary-soft);color:var(--primary)}.mode-switch button.active{background:var(--primary);border-color:var(--primary);color:#fff}.auth-form{gap:12px;display:grid}.auth-form input{border:1px solid var(--line);color:var(--text);background:#fff}.auth-form input::placeholder{color:var(--muted)}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #bd21241a}.auth-note,.form-error{color:var(--muted);margin:14px 0 0;font-size:.9rem}.auth-card .auth-note{color:var(--muted);text-align:center}.form-error{color:var(--danger);margin:0;font-weight:700}.app-shell{grid-template-columns:240px minmax(0,1fr);width:100%;height:100vh;margin:0;padding:0;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);color:var(--text);background:#fff;flex-direction:column;gap:18px;height:100vh;padding:22px 14px;display:flex;overflow-y:auto}.brand-block{border-bottom:1px solid var(--line);justify-items:center;padding:4px 8px 12px;display:grid}.brand-block img{object-fit:contain;object-position:center;filter:grayscale()contrast(1.2)brightness(.72);width:min(160px,100%);height:140px}.workspace{min-width:0;height:100vh;padding:22px;overflow-y:auto}.hamburger,.menu-close,.menu-overlay{display:none}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.sidebar-footer{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.sidebar-actions{flex-direction:column;gap:4px;display:flex}.sidebar-actions button{color:var(--muted-light);text-align:left;background:0 0;border:1px solid #0000;justify-content:flex-start;min-height:38px;padding:0 10px;font-size:.88rem}.sidebar-actions button:hover{background:var(--soft);color:var(--text)}.sidebar-actions button.danger{color:var(--danger)}.sidebar-actions button.danger:hover{color:var(--danger);background:#fee8e8}.topbar{border-bottom:1px solid var(--line);box-shadow:none;background:#fff;border-radius:0;justify-content:space-between;align-items:center;gap:16px;min-height:73px;margin:-22px -22px 22px;padding:16px 22px;display:flex}.topbar-user{border:1px solid var(--line);max-width:min(280px,42vw);min-height:auto;color:var(--text);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.topbar-user-button:hover{background:var(--soft);border-color:var(--line-warm)}.topbar-user-info{flex-direction:column;gap:4px;min-width:0;display:flex}.topbar-user-info strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:800;overflow:hidden}.topbar-user-info small{background:var(--primary-soft);color:var(--primary);border-radius:999px;align-self:flex-start;padding:2px 7px;font-size:.72rem}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:600}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:24px;font-weight:700;line-height:1.2}h2{margin-bottom:8px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:700;line-height:1.25}h3{margin-bottom:4px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.3}.tabs{gap:8px;display:grid}.tabs button{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;justify-content:flex-start;min-height:40px;padding:10px 12px;font-weight:500}.tabs button.active{background:var(--primary-soft);border-color:var(--primary-soft);color:var(--primary);font-weight:700}.tabs button:hover{background:var(--soft);color:var(--text)}.grid{gap:16px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 1px 2px #1e20260a}.overview{grid-column:span 2}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-header p{color:var(--muted);text-align:right;margin-bottom:0}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.stat{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:16px}.stat span{color:var(--muted);margin-bottom:6px;font-size:.86rem;display:block}.stat strong{overflow-wrap:anywhere;font-size:clamp(1.4rem,3vw,2rem);line-height:1.05;display:block}.rules{gap:10px;display:grid}.rules span{background:var(--soft);border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.sync-panel p{color:var(--text);margin-bottom:8px}.sync-panel.loading{border-color:var(--warning)}.sync-panel.success{border-color:var(--success)}.sync-panel.error{border-color:var(--danger)}.sync-source{color:var(--muted);font-size:.9rem}.sync-strip{border:1px solid var(--line);border-left:4px solid var(--primary);background:#fff;border-radius:8px;gap:4px;margin-bottom:16px;padding:12px 14px;display:grid}.sync-strip span{color:var(--muted);font-size:.9rem}.sync-strip.loading{border-left-color:var(--warning)}.sync-strip.success{border-left-color:var(--success)}.sync-strip.error{border-left-color:var(--danger)}.sync-strip.disabled{border-left-color:var(--muted)}.panel-actions{justify-content:flex-end;margin:18px 0 22px;display:flex}.inline-form,.match-form{gap:10px;margin-bottom:16px;display:grid}.inline-form{grid-template-columns:minmax(0,1fr) auto}.inline-form.participant-form{background:var(--soft);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(240px,1fr) minmax(240px,.9fr) minmax(160px,.45fr) 120px;align-items:end;margin:18px 0 22px;padding:12px}.inline-form.participant-form button{width:100%}.modal-backdrop{z-index:300;background:#14141394;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(100%,520px);max-height:calc(100vh - 40px);padding:22px;overflow-y:auto;box-shadow:0 24px 80px #14141347}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-header h2{margin:2px 0 0}.modal-close{flex:none;width:34px;min-height:34px;padding:0}.modal-form{gap:12px;display:grid}.admin-menu-modal{width:min(100%,440px)}.admin-modal-actions{gap:10px;display:grid}.admin-modal-actions button{text-align:left;gap:5px;min-height:auto;padding:14px;display:grid}.admin-modal-actions span{color:#ffffffd1;font-size:.88rem;font-weight:500}.admin-modal-actions button.danger span{color:#ffffffd1}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;display:flex}.modal-actions .icon-btn:first-child{margin-right:auto}.match-form{grid-template-columns:1fr 140px 1fr 1fr 1fr auto}.list,.match-list,.compact-list{gap:12px;display:grid}.list-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.participant-row{grid-template-columns:minmax(0,1fr) minmax(220px,.85fr) auto}.participant-section{gap:8px;margin-top:20px;display:grid}.participant-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.participant-section-title h3{margin:0;font-size:1.1rem}.participant-section-title span{color:var(--muted);font-size:.88rem;font-weight:800}.participant-grid{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.participant-grid-header,.participant-grid-row{grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) minmax(130px,.45fr) minmax(120px,auto);align-items:center;gap:12px;padding:10px 12px;display:grid}.participant-grid-header{background:var(--soft);color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.participant-grid-row{border-top:1px solid var(--line)}.participant-grid-cell{gap:2px;min-width:0;display:grid}.participant-grid-cell strong,.participant-grid-cell span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.participant-grid-row.orphan{background:#dc26260a}.list-row-actions{gap:8px;display:flex}.participant-grid .list-row-actions{justify-content:center}.participant-grid-header span:nth-child(3),.participant-grid-header span:nth-child(4){text-align:center}.icon-btn{justify-content:center;align-items:center;width:34px;min-width:34px;padding:0;display:inline-flex}.icon-btn.danger{border:1px solid var(--line);color:var(--danger);background:0 0}.icon-btn.danger:hover{background:var(--primary-soft);border-color:var(--danger);box-shadow:none}.form-field{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;gap:6px;font-size:.78rem;font-weight:800;display:grid}.form-field input,.form-field select{text-transform:none;letter-spacing:0;font-size:.95rem}.current-user-pill{background:var(--primary-soft);color:var(--primary);white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;min-height:34px;padding:0 12px;font-size:.82rem;font-weight:900;display:inline-flex}.participant-role-pill{background:var(--secondary-soft);color:var(--text);white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;min-height:34px;padding:0 12px;font-size:.82rem;font-weight:800;display:inline-flex}.match-card{border:1px solid var(--line);background:#fff;border-radius:12px;gap:16px;padding:16px;display:grid;box-shadow:0 1px 2px #1e20260a}.results-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.results-list .result-card{min-width:0}.match-meta,.score-line{gap:10px;display:grid}.match-meta{grid-template-columns:1fr 140px 220px}.score-line{grid-template-columns:minmax(160px,1fr) 70px auto 70px minmax(160px,1fr);align-items:center}.score-line span,.prediction-inputs span{color:var(--muted);text-align:center;font-weight:800}.score-input{background:var(--primary-soft);color:var(--primary);text-align:center;border-color:#0000;font-size:1.25rem;font-weight:900}.select-label{gap:7px;max-width:360px;margin-bottom:16px;font-weight:700;display:grid}.prediction-toolbar{grid-template-columns:minmax(220px,360px) minmax(160px,220px);gap:12px;margin-bottom:16px;display:grid}.prediction-toolbar.single{grid-template-columns:minmax(220px,276px)}.prediction-toolbar.round-release-toolbar{flex-wrap:wrap;display:flex}.round-management-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.round-management-row{background:var(--warm-sand);border:1px solid var(--line-warm);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.round-management-info{flex-direction:column;gap:2px;display:flex}.round-management-info strong{font-size:.95rem}.round-status-label{color:var(--muted);font-size:.8rem}.round-status-label.released{color:var(--success,#16a34a)}.round-status-label.locked{color:var(--danger)}.round-management-actions{flex-shrink:0;gap:8px;display:flex}.round-management-actions button{min-height:34px;padding:6px 14px;font-size:.85rem}.readonly-field{gap:7px;max-width:360px;margin-bottom:16px;display:grid}.readonly-field span{color:var(--muted);font-size:.86rem;font-weight:700}.readonly-field strong{border:1px solid var(--line);border-radius:8px;align-items:center;min-height:42px;padding:9px 11px;display:flex}.select-shell{gap:6px;display:grid}.select-shell span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.prediction-card{border-left:4px solid var(--primary);text-align:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.prediction-card.locked{border-left-color:var(--success)}.prediction-card p{color:var(--muted);margin-bottom:0}.prediction-card .match-location{color:var(--text);text-align:center;margin-top:4px;font-weight:700}.prediction-card-vote{text-align:center;align-content:start;justify-items:center;gap:16px;min-width:0;display:grid}.prediction-match-info{text-align:center;justify-items:center;gap:8px;display:grid}.prediction-teams-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;width:min(100%,520px);display:grid}.prediction-team-column{text-align:center;justify-items:center;gap:8px;min-width:0;display:grid}.prediction-team-column .team-name{justify-content:center}.prediction-team-column.home .team-name{text-align:right;flex-direction:row-reverse;justify-self:end}.prediction-team-column.away .team-name{text-align:left;justify-self:start}.prediction-versus{color:var(--muted);padding-top:8px;font-weight:800}.history-button{min-height:30px;padding:4px 10px;font-size:.78rem}.prediction-actions{justify-items:center;gap:8px;display:grid}.prediction-action-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.prediction-card-overview{border-left:1px solid var(--line);text-align:center;align-content:start;justify-items:stretch;gap:10px;min-width:0;padding-left:16px;display:grid}.prediction-card-overview-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.prediction-card-overview-header strong{font-size:.88rem}.prediction-card-overview-header span{background:var(--secondary-soft);color:var(--secondary);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}.prediction-card-overview .table-wrap{width:100%;overflow-x:visible}.prediction-card-overview .compact-table{table-layout:fixed;min-width:0}.prediction-card-overview .compact-table th,.prediction-card-overview .compact-table td{text-align:center;padding:10px 6px}.prediction-card-overview .compact-table th:first-child,.prediction-card-overview .compact-table td:first-child{overflow-wrap:anywhere;width:44%}.prediction-card-overview .compact-table th:nth-child(2),.prediction-card-overview .compact-table td:nth-child(2){width:30%}.prediction-card-overview .compact-table th:nth-child(3),.prediction-card-overview .compact-table td:nth-child(3){width:26%}.prediction-card-overview .prediction-pill{margin:0 auto;padding:5px 8px}.prediction-card-overview .prediction-feedback-pill.compact{white-space:nowrap;min-width:34px;min-height:28px;padding:5px 8px}.prediction-feedback-muted{background:var(--soft);min-height:28px;color:var(--muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.prediction-card-overview .empty{text-align:center}.team-history-modal{width:min(100%,760px)}.team-history-list{gap:10px;display:grid}.team-history-item{border:1px solid var(--line);background:var(--bg);border-radius:8px;justify-items:center;gap:12px;padding:16px;display:grid}.team-history-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.team-history-tags .badge,.team-history-tags .result-status{align-items:center;min-height:30px;margin-bottom:0;line-height:1;display:inline-flex}.team-history-teams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;width:min(100%,520px);display:grid}.team-history-team{min-width:0;font-size:1rem;font-weight:900}.team-history-team.home{text-align:right;justify-self:end}.team-history-team.home .team-name{flex-direction:row-reverse}.team-history-team.away{text-align:left;justify-self:start}.team-history-versus{color:var(--muted);font-weight:900}.team-history-score{background:var(--soft);width:min(100%,250px);color:var(--text);text-align:center;border-radius:999px;grid-template-columns:repeat(3,1fr);align-items:center;padding:10px 18px;font-size:1rem;font-weight:900;display:grid}.team-history-details{color:var(--muted);text-align:center;justify-items:center;gap:4px;font-size:.82rem;line-height:1.4;display:grid}.team-history-details strong{color:var(--text);font-size:.86rem}.result-card{border-left:4px solid var(--line)}.result-accordion{padding:0;overflow:hidden}.result-accordion-toggle{width:100%;min-height:auto;color:var(--text);text-align:center;background:0 0;flex-direction:column;align-items:center;gap:6px;padding:18px;display:flex}.result-accordion-toggle:hover{background:#14141305}.result-accordion.open .result-accordion-toggle{border-bottom:1px solid var(--line)}.result-card.finished{border-left-color:var(--success)}.result-card.live{border-left-color:var(--primary)}.result-card.pending{border-left-color:var(--warning)}.result-card-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.result-card-tags .badge{margin-bottom:0}.result-card-teams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;width:100%;display:grid}.result-card-team{overflow-wrap:break-word;flex:1;min-width:0;font-size:.95rem;font-weight:700}.result-card-team.home{text-align:right;justify-self:end}.result-card-team.home .team-name{flex-direction:row-reverse}.result-card-team.away{text-align:left;justify-self:start}.result-card-team.away .team-name{justify-content:flex-start}.result-card-versus{color:var(--muted);font-weight:800}.result-card-score-row{justify-content:center;margin-top:14px;display:flex}.result-user-prediction{background:var(--primary-soft);color:var(--primary);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.result-user-prediction span{color:inherit;opacity:.78}.result-user-prediction strong{color:inherit;font-size:.9rem}.result-card-date{color:var(--muted);margin:0;font-size:.88rem}.result-card-venue{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:80%;margin:0;font-size:.88rem;font-weight:700;display:block;overflow:hidden}.result-status{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}.result-status.finished{background:var(--success-soft);color:var(--success)}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.result-status.live{color:var(--primary);background:#c964421f;animation:1.4s ease-in-out infinite live-pulse}.result-status.pending{color:var(--warning);background:#d977061a}.result-accordion-score{background:var(--soft);color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:64px;padding:10px 24px;font-size:1rem;font-weight:900;display:inline-flex}.result-accordion-icon{background:var(--primary-soft);width:28px;height:28px;color:var(--primary);border-radius:999px;justify-content:center;align-items:center;font-size:1rem;font-weight:900;display:inline-flex}.result-accordion-body{gap:14px;padding:18px;display:grid}.result-board{background:var(--soft);border-radius:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.result-team{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px;display:flex}.result-team.right{flex-direction:row-reverse}.result-team.winner{border-color:#16a34a57;box-shadow:inset 0 0 0 1px #16a34a1f}.result-team .team-name{font-weight:900}.result-score{background:var(--primary-soft);color:var(--primary);border-radius:8px;justify-content:center;align-items:center;min-width:54px;min-height:48px;padding:0 12px;font-size:1.7rem;display:inline-flex}.result-team.winner .result-score{background:var(--success-soft);color:var(--success)}.result-separator{color:var(--muted);font-weight:900}.result-goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.goal-list{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:12px}.goal-list-title{margin-bottom:6px;font-size:.85rem;font-weight:900}.goal-list ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.goal-list li{background:var(--soft);border-radius:6px;justify-content:space-between;align-items:center;gap:6px;min-height:30px;padding:4px 8px;display:flex}.goal-player,.goal-tags{align-items:center;gap:8px;min-width:0;display:inline-flex}.goal-player strong{overflow-wrap:anywhere}.goal-tags{flex-wrap:wrap;justify-content:flex-end}.goal-list p,.result-goals-empty{color:var(--muted);margin-bottom:0}.goal-minute{background:var(--primary-soft);color:var(--primary);border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:36px;padding:2px 6px;font-size:.78rem;font-weight:900;display:inline-flex}.goal-tag{background:var(--secondary-soft);color:var(--secondary);text-transform:uppercase;border-radius:999px;margin-left:auto;padding:4px 7px;font-size:.72rem;font-weight:900}.compact-table{table-layout:fixed;width:100%;min-width:0}.compact-table th,.compact-table td{overflow-wrap:break-word;word-break:break-word;vertical-align:middle;padding:10px 12px}.compact-table th:last-child,.compact-table td:last-child{text-align:center;white-space:nowrap;width:90px;font-weight:800}.prediction-pill{background:var(--primary-soft);color:var(--primary);border-radius:999px;justify-content:center;align-items:center;min-width:56px;padding:5px 10px;font-weight:900;display:inline-flex}.prediction-inputs{background:var(--soft);border-radius:8px;grid-template-columns:82px 24px 82px;align-items:center;gap:10px;padding:10px;display:grid}.score-input:disabled{background:var(--success-soft);color:var(--success);cursor:not-allowed;opacity:1}.saved-pill{background:var(--success-soft);color:var(--success);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:6px 14px;font-size:.78rem;font-weight:900;display:inline-flex}.round-locked-pill{background:var(--soft);color:var(--muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:6px 14px;font-size:.78rem;font-weight:900;display:inline-flex}.prediction-feedback-pill{text-align:center;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:6px 14px;font-size:.78rem;font-weight:900;display:inline-flex}.prediction-feedback-pill.exact{background:var(--success-soft);color:var(--success)}.prediction-feedback-pill.hit{background:var(--primary-soft);color:var(--primary)}.prediction-feedback-pill.miss{color:var(--danger);background:#b533331a}.badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;margin-bottom:8px;padding:5px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.teams-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.group-panel .section-header{align-items:center}.team-grid{gap:10px;display:grid}.team-card,.team-name{align-items:center;gap:10px;display:flex}.team-card{background:var(--soft);border-radius:8px;min-height:64px;padding:10px}.team-card strong,.team-card span{display:block}.team-card span{color:var(--muted);font-size:.86rem}.flag{width:34px;height:24px;box-shadow:0 0 0 1px var(--line);object-fit:cover;border-radius:4px;flex:none}.teams-versus{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teams-versus .team-name{overflow-wrap:break-word;flex-shrink:1;min-width:0}.table-panel{overflow:visible hidden}.groups-standings-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.group-standings-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.group-standings-header{padding:14px 14px 0}.group-standings-table{min-width:100%}.group-standings-table th,.group-standings-table td{text-align:center;vertical-align:middle;padding:10px 8px}.group-standings-table th:nth-child(2),.group-standings-table td:nth-child(2){text-align:left}.group-standings-table tbody tr.qualified{background:#16a34a0f}.group-team-cell .team-name{min-width:0}.ranking-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.ranking-summary div{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:14px}.ranking-summary span,.ranking-summary strong{display:block}.ranking-summary span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:800}.ranking-summary strong{color:var(--primary);margin-top:6px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.35rem;font-weight:700}.prize-podium{border:1px solid var(--line);border-left:4px solid var(--success);background:var(--surface);border-radius:8px;gap:16px;margin-bottom:16px;padding:16px;display:grid}.prize-podium-heading{gap:4px;display:grid}.prize-podium-heading span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.podium-stage{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;min-height:280px;display:grid}.podium-place{text-align:center;align-content:end;justify-items:center;gap:8px;min-width:0;display:grid}.podium-medal{color:#eef3f8;text-shadow:0 2px 2px #1e202640;background:linear-gradient(145deg,#f5f7fb 0%,#c9d1dc 48%,#8f9aaa 100%);border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex;box-shadow:inset 0 2px 4px #ffffffb3,inset 0 -5px 8px #30394838,0 8px 14px #1e202629}.podium-place-1 .podium-medal{color:#fff7bf;background:linear-gradient(145deg,#fff4a6 0%,#f3c84f 45%,#b78310 100%);width:50px;height:50px;font-size:1.2rem}.podium-place-2 .podium-medal{color:#f8fbff;background:linear-gradient(145deg,#f6f8fb 0%,#c8d0dc 48%,#8b96a5 100%)}.podium-place-3 .podium-medal{color:#ffe0bd;background:linear-gradient(145deg,#ffd2a1 0%,#c9823b 48%,#835022 100%)}.podium-person{gap:4px;width:100%;min-width:0;display:grid}.podium-person strong{color:var(--text);overflow-wrap:anywhere;font-size:.98rem;font-weight:900;line-height:1.2}.podium-person span{color:var(--muted);font-size:.82rem;font-weight:700}.podium-prize{gap:2px;min-width:0;display:grid}.podium-prize strong{color:var(--success);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.18rem;font-weight:800}.podium-prize span{color:var(--muted);font-size:.78rem;line-height:1.35}.podium-step{border:1px solid var(--line);background:var(--bg);border-bottom-width:4px;border-radius:8px 8px 4px 4px;align-content:center;width:100%;min-height:88px;padding:14px 10px;display:grid}.podium-step span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:900}.podium-place-1 .podium-step{border-bottom-color:var(--success);background:var(--success-soft);min-height:132px}.podium-place-2 .podium-step{border-bottom-color:var(--primary);min-height:104px}.podium-place-3 .podium-step{border-bottom-color:var(--muted);min-height:76px}.scoring-examples{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.scoring-card{border:1px solid var(--line);border-left:4px solid var(--line);background:var(--surface);border-radius:8px;align-content:start;gap:12px;min-height:132px;padding:14px;display:grid}.scoring-card-primary{border-left-color:var(--success)}.scoring-card-muted{border-left-color:var(--muted)}.scoring-card-header{background:var(--primary-soft);color:var(--primary);border-radius:999px;justify-self:start;align-items:baseline;gap:6px;padding:6px 10px;display:inline-flex}.scoring-card-primary .scoring-card-header{background:var(--success-soft);color:var(--success)}.scoring-card-muted .scoring-card-header{background:var(--soft);color:var(--muted)}.scoring-card-header strong{font-size:1.05rem;line-height:1}.scoring-card-header span{font-size:.78rem;font-weight:800}.scoring-card-copy{gap:4px;display:grid}.scoring-card-copy strong{color:var(--text);margin-bottom:6px}.scoring-card-copy span{color:var(--muted);line-height:1.45}.ranking-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.ranking-info-grid .ranking-tiebreaker-card{grid-template-columns:1fr;margin:0}.ranking-prize-note{border:1px solid var(--line);border-left:4px solid var(--primary);background:var(--primary-soft);color:var(--text);border-radius:8px;align-content:start;gap:8px;margin:0;padding:16px;display:grid;box-shadow:0 1px 2px #1e20260a}.ranking-prize-note span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.ranking-prize-note strong{color:var(--text);font-size:1rem;line-height:1.45}.ranking-tiebreaker-card{border:1px solid var(--line);border-left:4px solid var(--primary);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:16px;margin:0 0 16px;padding:16px;display:grid;box-shadow:0 1px 2px #1e20260a}.ranking-tiebreaker-heading{align-content:center;gap:4px;display:grid}.ranking-tiebreaker-heading span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.ranking-tiebreaker-heading strong{color:var(--text);font-size:1rem}.ranking-tiebreaker-card ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ranking-tiebreaker-card li{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.ranking-tiebreaker-card li strong{background:var(--primary-soft);width:28px;height:28px;color:var(--primary);border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:8px;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%;min-width:560px}.ranking-table th:first-child,.ranking-table th:nth-child(3),.ranking-table th:nth-child(4),.ranking-table th:nth-child(5),.ranking-table th:nth-child(6),.ranking-table td:first-child,.ranking-table td:nth-child(3),.ranking-table td:nth-child(4),.ranking-table td:nth-child(5),.ranking-table td:nth-child(6){text-align:center}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px}th{background:var(--bg);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}td{color:var(--text)}tbody tr:nth-child(2n){background:var(--bg)}tbody tr{transition:background .18s}tbody tr:hover{background:var(--soft)}.rank-position{background:var(--primary-soft);color:var(--primary);border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;display:inline-flex}.rank-position-leader{background:var(--success-soft);color:var(--success);font-size:.88rem}.participant-cell{font-weight:800}.points-pill{background:var(--secondary-soft);color:var(--text);border-radius:999px;justify-content:center;align-items:center;min-width:36px;padding:5px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;display:inline-flex}tr:last-child td{border-bottom:0}.compact-list>div{border-bottom:1px solid var(--line);gap:3px;padding-bottom:11px;display:grid}.compact-list>div:last-child{border-bottom:0;padding-bottom:0}.compact-list span,.empty{color:var(--muted)}.empty{margin-bottom:0}@media (width<=860px){.auth-page,.app-shell,.section-header{display:grid}.app-shell{grid-template-columns:1fr;height:100vh;overflow:hidden}.workspace{overflow-y:auto}h1{font-size:1.4rem}.sidebar{z-index:200;width:270px;height:100vh;min-height:0;box-shadow:none;flex-direction:column;gap:18px;padding:22px 14px;transition:left .22s;display:flex;position:fixed;top:0;left:-290px;overflow-y:auto}.sidebar.open{left:0;box-shadow:6px 0 32px #1e20262e}.brand-block{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:4px 4px 20px;display:flex}.brand-block img{width:min(300px,100%);height:112px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:-14px -14px 12px;padding:12px 14px;display:flex}.topbar-left{flex:1;align-items:center;gap:10px;display:flex}.topbar-user{max-width:100%}.workspace{padding:14px;overflow-x:hidden}.topbar-title{display:none}.hamburger{background:var(--secondary);color:#fff;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;min-height:38px;padding:0;font-size:1.3rem;display:flex}.hamburger:hover{background:#111318}.menu-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;min-height:32px;padding:0;font-size:1.1rem;display:flex}.menu-close:hover{background:var(--soft);color:var(--text)}.menu-overlay{z-index:150;background:#1e20266b;display:block;position:fixed;inset:0}.auth-page,.teams-layout{grid-template-columns:1fr}.groups-standings-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-page{height:auto;min-height:100vh;padding:0;overflow:visible}.auth-hero{min-height:320px}.auth-visual{display:none}.two-columns,.stats,.match-form,.match-meta,.prediction-toolbar,.scoring-examples,.results-list,.score-line,.result-board,.result-goals,.prediction-card{grid-template-columns:1fr}.result-accordion-score{gap:40px;padding:8px 16px}.result-team.right{flex-direction:row}.overview{grid-column:auto}.section-header p{text-align:left}.score-line{align-items:stretch}.score-line span{display:none}.prediction-inputs,.prediction-actions{justify-self:center}.prediction-actions{justify-items:center}.prediction-card-overview{border-left:0;border-top:1px solid var(--line);padding-top:14px;padding-left:0}.prediction-action-row{justify-content:center}.panel,.match-card{min-width:0;max-width:100%}.prediction-inputs{grid-template-columns:54px auto 54px;gap:4px;padding:7px}.prediction-inputs .score-input{font-size:1rem}.section-header p{overflow-wrap:break-word;word-break:break-word}.modal-actions{display:grid}.panel-actions button{width:100%}.table-panel{overflow:visible}.result-accordion-toggle{padding:12px}.result-accordion-body{gap:10px;padding:12px}}.audit-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.audit-filter-bar .select-label{min-width:240px;margin-bottom:0}.audit-count{color:var(--muted);white-space:nowrap;margin-bottom:0;font-size:.88rem;font-weight:800}.audit-log-list{border:1px solid var(--line);border-radius:8px;overflow:hidden}.audit-log-entry{border-bottom:1px solid var(--line);border-left:3px solid var(--line);background:var(--surface);grid-template-columns:160px minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;transition:background .15s;display:grid}.audit-log-entry:last-child{border-bottom:0}.audit-log-entry:hover{background:var(--soft)}.audit-log-entry.audit-log-success{border-left-color:var(--success)}.audit-log-entry.audit-log-danger{border-left-color:var(--danger)}.audit-log-entry.audit-log-warning{border-left-color:var(--warning)}.audit-log-entry.audit-log-info{border-left-color:var(--primary)}.audit-log-time{color:var(--muted);padding-top:3px;font-family:Inconsolata,monospace;font-size:.8rem;line-height:1.5}.audit-log-body{gap:4px;display:grid}.audit-log-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audit-log-actor{font-size:.9rem;font-weight:800}.audit-log-badge{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:900}.audit-badge-info{background:var(--primary-soft);color:var(--primary)}.audit-badge-success{background:var(--success-soft);color:var(--success)}.audit-badge-warning{color:var(--warning);background:#d977061a}.audit-badge-danger{color:var(--danger);background:#b533331a}.audit-log-details{color:var(--muted);margin:0;font-size:.88rem}@media (width<=620px){.ranking-info-grid{grid-template-columns:1fr;gap:10px}.ranking-tiebreaker-card{grid-template-columns:1fr}.ranking-tiebreaker-heading{align-content:start}.audit-log-entry{grid-template-columns:1fr;gap:6px}.audit-log-time{padding-top:0}}@media (width<=520px){.workspace{width:100%;margin:0;padding:12px}.auth-hero,.panel{padding:16px}.auth-card{width:calc(100% - 32px);margin:16px;padding:24px 20px}.groups-standings-layout{grid-template-columns:1fr}.group-standings-card .table-wrap{overflow-x:visible}.group-standings-table{width:100%;min-width:0}.group-standings-table th,.group-standings-table td{padding:8px 5px;font-size:.8rem}.group-standings-table th:nth-child(n+8),.group-standings-table td:nth-child(n+8){display:none}.ranking-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ranking-summary div{padding:10px}.ranking-summary span{font-size:.7rem}.ranking-summary strong{margin-top:3px;font-size:1rem}.prize-podium{padding:12px}.podium-stage{grid-template-columns:1fr;min-height:0}.podium-place{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;place-items:center start;gap:10px}.podium-place-1{order:1}.podium-place-2{order:2}.podium-place-3{order:3}.podium-medal,.podium-place-1 .podium-medal{width:40px;height:40px;font-size:1rem}.podium-person{width:auto}.podium-prize{text-align:right;justify-items:end}.podium-prize strong{font-size:1rem}.podium-step{display:none}.scoring-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scoring-card{gap:8px;min-height:auto;padding:10px}.inline-form,.inline-form.participant-form,.participant-row,.list-row{grid-template-columns:1fr}.participant-grid-header{display:none}.participant-grid-row{grid-template-rows:auto auto auto;grid-template-columns:1fr auto;align-items:start;gap:3px 10px}.participant-grid-row .participant-grid-cell:first-child{grid-area:1/1}.participant-grid-row .participant-grid-cell:nth-child(2){color:var(--muted);grid-area:2/1;font-size:.82rem}.participant-grid-row .participant-grid-cell:nth-child(3){grid-area:3/1}.participant-grid-row .list-row-actions{flex-direction:column;grid-area:1/2/4/3;justify-content:center;align-self:center;align-items:stretch;gap:6px}.participant-grid-row .list-row-actions .icon-btn{width:100%}}
