:root{--navy:#06142a;--gold:#ffca43;--ink:#172033;--line:#dce3ed}*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:var(--ink);font:16px system-ui,-apple-system,sans-serif}header{background:var(--navy);color:white;padding:26px max(20px,calc((100vw - 1180px)/2))}.brand{display:flex;align-items:center;gap:18px}h1{font-size:clamp(26px,5vw,42px);margin:4px 0}.eyebrow{color:var(--gold);letter-spacing:.14em;font-size:12px;font-weight:800}nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}nav a{color:white;text-decoration:none;border-bottom:2px solid var(--gold);padding:8px 0}main{max-width:1220px;margin:auto;padding:20px}.card{min-width:0;background:white;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px}h2{margin:0 0 14px;font-size:22px}h3{margin:8px 0 12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label{display:block;font-size:14px;font-weight:650;margin-bottom:10px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #b6c2d2;border-radius:8px;font:inherit;background:white;color:var(--ink)}input[type=checkbox]{display:inline;width:auto}textarea{min-height:130px}button,.button{display:inline-block;background:#123f73;color:white;border:0;border-radius:9px;padding:12px 16px;font:700 14px system-ui;cursor:pointer;text-decoration:none;margin:4px 5px 4px 0;min-height:44px}button:disabled{opacity:.45;cursor:default}.gold{background:var(--gold);color:var(--navy)}.quiet{background:#e8edf4;color:var(--ink)}.danger{background:#fee4e2;color:#b42318}.notice{background:#fff3ce;border-left:4px solid var(--gold);padding:14px;border-radius:7px}.small{font-size:13px;color:#59677b}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#eff3f8}.fixture{display:grid;grid-template-columns:90px 1fr auto;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.scoreline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:800;margin:16px 0}.score{font-size:38px;white-space:nowrap}.team{flex:1;overflow-wrap:anywhere}.team:last-child{text-align:right}.crest{width:32px;height:32px;object-fit:contain;vertical-align:middle;margin-right:6px}.timer{font-size:30px;font-weight:850;font-variant-numeric:tabular-nums;color:#123f73}.live{border-top:5px solid #008668}.badge{font-size:12px;font-weight:800;color:#087a55}.steps{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.steps button.active{background:var(--gold);color:var(--navy)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}footer{background:var(--navy);text-align:center;padding:12px}.rule-list{line-height:1.6}.pitch{font-size:13px;font-weight:800;color:#59677b}.inline{display:inline-block;width:auto}.hidden{display:none}@media(max-width:700px){.grid,.fields{grid-template-columns:1fr}main{padding:12px}.card{padding:15px}.fixture{grid-template-columns:64px 1fr}.fixture>:last-child{grid-column:2}.scoreline{flex-wrap:wrap}.score{font-size:34px}header{padding:18px}.brand img{width:48px;height:54px}th,td{padding:9px 7px}.team{font-size:15px}}