*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Helvetica,Arial,sans-serif;background:#0b1220;color:#e7edf7}
h1,h2,h3,h4{margin:0 0 .6rem 0;font-weight:800}
h1{font-size:clamp(28px,4.5vw,42px)}h2{font-size:clamp(20px,3.6vw,28px)}h3{font-size:clamp(16px,3.2vw,22px);color:#9fc2ff;margin-top:1.25rem}h4{font-size:16px;color:#b8c7e6}
.container{max-width:860px;margin:0 auto;padding:1rem}
.hero{padding:1.2rem 1rem 0;text-align:center}
.logo{font-size:28px}
.subtitle{opacity:.8;line-height:1.4;max-width:780px;margin:.5rem auto 0}
.actions{display:flex;gap:.6rem;justify-content:center;margin:1rem 0 0}
.btn{background:#2d3b5c;color:#fff;border:0;border-radius:10px;padding:.65rem .9rem;font-weight:700;box-shadow:0 1px 0 rgba(255,255,255,.08) inset}
.btn.ghost{background:#1a253c}.btn.warning{background:#5b1a1a}.btn:active{transform:translateY(1px)}
.card{background:#101a2f;border:1px solid #1e2a46;border-radius:14px;padding:1rem;margin:1rem 0;box-shadow:0 8px 30px rgba(0,0,0,.28)}
.input,.score{width:100%;border:1px solid #253558;background:#0d162b;color:#e7edf7;border-radius:10px;padding:.7rem;font-size:16px}
.input::placeholder{color:#667aa5}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.hint{opacity:.75;margin:.25rem 0 .5rem}
.matches{display:grid;gap:1rem;margin:.5rem 0}
.match{border:1px solid #223255;border-radius:12px;padding:.8rem}
.teams{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:center}
.team{display:grid;grid-template-columns:1fr 100px;gap:.5rem;align-items:center}
.team-name{opacity:.9}.vs{opacity:.7}
.table-wrap{overflow-x:auto;margin-top:.6rem}table{width:100%;border-collapse:collapse;font-size:15px}
thead th{background:#18233d;text-align:left;padding:.5rem .6rem}tbody td{border-top:1px solid #203055;padding:.5rem .6rem}tbody tr:nth-child(odd){background:#0e172b}
.notes{opacity:.8;line-height:1.5}.foot{opacity:.65;margin-top:.4rem;font-size:14px}