:root{color-scheme:dark;--color-bg: #0a0a0a;--color-surface: #141414;--color-surface-raised: #1b1b1b;--color-border: #2a2a2a;--color-text: #f2f0ea;--color-text-muted: #9c9890;--color-gold: #c9a24b;--color-gold-dim: #8a7133;--color-teal: #4a9d93;--color-teal-dim: #316b64;--color-danger: #b1483f;--color-success: #4c8f63;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2.5rem;--radius: 10px;--touch-target: 44px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.5;-webkit-tap-highlight-color:transparent}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}h1,h2,h3{letter-spacing:.01em;font-weight:600}a{color:var(--color-gold)}.page{max-width:720px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6)}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.stack>*+*{margin-top:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);min-width:var(--touch-target);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;transition:border-color .15s ease}.btn:hover{border-color:var(--color-gold-dim)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-gold);border-color:var(--color-gold);color:#16130a}.btn-primary:hover{border-color:var(--color-gold);filter:brightness(1.05)}.btn-danger{border-color:var(--color-danger);color:var(--color-danger);background:transparent}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-size:.85rem;color:var(--color-text-muted)}.input{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:1rem}.input:focus{outline:2px solid var(--color-gold-dim)}.badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--color-border);color:var(--color-text-muted)}.badge--info{border-color:var(--color-teal-dim);color:var(--color-teal)}.badge--warning{border-color:var(--color-gold-dim);color:var(--color-gold)}.badge--danger{border-color:var(--color-danger);color:var(--color-danger)}.badge--success{border-color:var(--color-success);color:var(--color-success)}.error-banner{border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius);padding:var(--space-3)}.app-footer{border-top:1px solid var(--color-teal-dim);padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:.8rem}.app-footer p{margin:0}.match-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 640px){.match-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.match-card-header{display:flex;align-items:center;justify-content:space-between}.match-card-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2);margin:var(--space-2) 0}.match-card-team{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-card-team--right{text-align:right}.match-card-score-value{color:var(--color-gold);font-size:1.35rem;font-weight:700;white-space:nowrap}.round-heading{margin:0;color:var(--color-teal)}