:root{color:#1f2933;background:#f3f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{align-items:center;background:#0f766e;border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:.45rem;justify-content:center;min-height:2.5rem;padding:.7rem 1rem}button:hover{background:#115e59}main{margin:0 auto;max-width:1180px;padding:2rem}.app-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 0}.header-actions{align-items:center;display:flex;gap:.85rem}.world-cup-theme{align-items:center;display:flex;gap:.75rem}.trophy-badge{align-items:center;background:#fef3c7;border:1px solid #facc15;border-radius:50%;color:#92400e;display:inline-flex;height:3.25rem;justify-content:center;width:3.25rem}.eyebrow{color:#9f1239;font-size:1.05rem;font-weight:800;letter-spacing:0;margin:0 0 .35rem;text-transform:uppercase}h1{color:#111827;font-size:clamp(1.75rem,3.25vw,3.6rem);line-height:.98;margin:0}h2,p{margin:0}.icon-button{aspect-ratio:1;border-radius:50%;padding:0;width:2.75rem}.summary-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:1rem 0 1.5rem}.metric{align-items:center;background:#fff;border:1px solid #dde3ea;border-radius:8px;display:flex;gap:.85rem;min-height:5.5rem;padding:1rem}.metric svg{color:#9f1239;flex:0 0 auto}.metric span{color:#677382;display:block;font-size:.82rem}.metric strong{color:#111827;display:block;font-size:1.35rem;margin-top:.2rem}.tabs{background:#dce5e8;border-radius:8px;display:grid;gap:.35rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem;padding:.35rem}.tabs button{background:transparent;color:#334155}.tabs button.active{background:#fff;color:#111827}.message{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;margin:0 0 1rem;padding:.85rem 1rem}.panel{background:#fff;border:1px solid #dde3ea;border-radius:8px;padding:1rem}.toolbar{display:flex;gap:1rem;margin-bottom:1rem}label{color:#475569;display:grid;font-size:.82rem;font-weight:700;gap:.35rem;min-width:0}input,select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#111827;min-width:0;min-height:2.5rem;padding:.6rem .7rem;width:100%}.toolbar label{min-width:min(100%,22rem)}.filter-grid{display:grid;gap:.85rem;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:1rem}.filter-grid label{min-width:0}.match-list{display:grid;gap:.75rem}.match-card{border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:1rem;padding:1rem}.match-header{align-items:center;display:grid;gap:.75rem;grid-template-columns:1fr auto auto}.match-header p{color:#64748b;font-size:.78rem;font-weight:800;text-transform:uppercase}.match-header h2{color:#111827;font-size:1.05rem}time{color:#64748b;font-size:.9rem;white-space:nowrap}.result{background:#e0f2fe;border-radius:6px;color:#075985;min-width:3.5rem;padding:.45rem .65rem;text-align:center}.score-row{align-items:end;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}.prediction-score-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.form-actions{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.score-input span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-input input{text-align:center}.dash{color:#64748b;font-weight:800;padding-bottom:.75rem}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #e2e8f0;padding:.9rem .65rem;text-align:left}th{color:#64748b;font-size:.78rem;text-transform:uppercase}td{color:#111827}.rank-one td{background:#dcfce7}@media(max-width:760px){main{padding:1rem}.app-header{align-items:start;flex-direction:column}.header-actions{justify-content:space-between;width:100%}.summary-grid,.filter-grid,.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid label{width:100%}.match-header,.score-row{grid-template-columns:1fr}.dash{display:none}.score-row button{width:100%}.responsive-table{display:block}.responsive-table thead{display:none}.responsive-table tbody{display:grid;gap:.75rem}.responsive-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;overflow:hidden}.responsive-table td{align-items:start;border-bottom:1px solid #edf2f7;display:grid;gap:.75rem;grid-template-columns:6.5rem minmax(0,1fr);padding:.7rem .85rem}.responsive-table td:before{color:#64748b;content:attr(data-label);font-size:.75rem;font-weight:800;text-transform:uppercase}.responsive-table td:last-child{border-bottom:0}.responsive-table .empty-row td{display:block}.responsive-table .empty-row td:before{content:none}.predictions-table td[data-label=Match],.predictions-table td[data-label=Date]{grid-template-columns:1fr}.league-table td[data-label=Player],.predictions-table td[data-label=Player]{font-size:1rem;font-weight:800}}@media(max-width:480px){.summary-grid,.tabs{grid-template-columns:1fr}}
