body{color:#e0e6ed;background:#0a0e17}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e6ed;background:#0a0e17;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:960px;margin:0 auto;padding:20px 16px}header{text-align:center;margin-bottom:32px}header h1{color:#fff;letter-spacing:-.5px;font-size:28px;font-weight:700}.subtitle{color:#8892a4;margin-top:4px;font-size:14px}.loading,.error{text-align:center;color:#8892a4;padding:80px 20px;font-size:18px}.error{color:#f87171}.table-section{margin-bottom:40px}.table-wrapper{background:#111827;border:1px solid #1e2538;border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead{background:#1a2035}th{text-align:center;color:#8892a4;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}td{text-align:center;white-space:nowrap;border-top:1px solid #1e2538;padding:10px 8px}tr:hover{background:#151d30}.pos{width:36px;font-weight:600}.team-col{min-width:140px;text-align:left!important}td.team-col{align-items:center;gap:8px;display:flex}.crest{object-fit:contain;width:22px;height:22px}.team-name{color:#fff;font-weight:500}.pts{color:#fff;font-weight:700}tr.ucl td:first-child{box-shadow:inset 3px 0 #3b82f6}tr.uel td:first-child{box-shadow:inset 3px 0 #f59e0b}tr.relegation td:first-child{box-shadow:inset 3px 0 #ef4444}.prob-col{min-width:100px}.prob-bar-wrap{background:#1a2035;border-radius:4px;height:22px;position:relative;overflow:hidden}.prob-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;height:100%;transition:width .6s;position:absolute;top:0;left:0}.prob-text{z-index:1;color:#e0e6ed;padding:0 6px;font-size:12px;font-weight:600;line-height:22px;position:relative}.legend{color:#8892a4;gap:16px;padding:12px 0;font-size:12px;display:flex}.leg-ucl:before,.leg-uel:before,.leg-rel:before{content:"";vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.leg-ucl:before{background:#3b82f6}.leg-uel:before{background:#f59e0b}.leg-rel:before{background:#ef4444}.matches-section{margin-bottom:40px}.matches-section h2{color:#fff;margin-bottom:16px;font-size:20px}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.match-card{background:#111827;border:1px solid #1e2538;border-radius:10px;padding:14px}.match-card.live{border-color:#22c55e;box-shadow:0 0 12px #22c55e26}.match-status{text-align:center;text-transform:uppercase;color:#8892a4;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:700}.match-card.live .match-status{color:#22c55e}.match-teams{justify-content:space-between;align-items:center;gap:8px;display:flex}.match-team{flex:1;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.match-team.home{justify-content:flex-end}.match-team.away{justify-content:flex-start}.crest-sm{object-fit:contain;width:20px;height:20px}.match-score{color:#fff;text-align:center;min-width:60px;font-size:18px;font-weight:700}footer{text-align:center;color:#6b7280;padding:20px 0;font-size:12px}footer a{color:#818cf8;text-decoration:none}footer a:hover{text-decoration:underline}@media (width<=640px){header h1{font-size:22px}table{font-size:12px}th,td{padding:8px 4px}.hide-mobile{display:none}.prob-col{min-width:70px}.legend{flex-wrap:wrap}}