:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef4f0;background:#0d1411}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#111b16,#0a100d);min-height:100vh}
a{color:inherit}
header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #26352d;position:sticky;top:0;background:#0d1411e8;backdrop-filter:blur(12px);z-index:4}
.brand{font-size:20px;font-weight:800;letter-spacing:.08em}
main{max-width:1180px;margin:auto;padding:22px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.card{background:#15221b;border:1px solid #293b31;border-radius:18px;padding:18px;box-shadow:0 10px 30px #0003}
h1,h2,h3{margin-top:0}
label{display:block;font-size:12px;opacity:.75;margin:10px 0 5px}
input,select,button{width:100%;border-radius:10px;border:1px solid #3a5144;background:#0d1711;color:#fff;padding:11px 12px;font:inherit}
button{cursor:pointer;background:#e7f0ea;color:#112018;font-weight:700}
button.secondary{background:#1c2a22;color:#fff}
button.danger{background:#4b1f1f;color:#fff}
.row{display:flex;gap:8px;align-items:center}
.row>*{flex:1}
.muted{opacity:.65}
.badge{display:inline-flex;border:1px solid #456052;border-radius:999px;padding:4px 9px;font-size:12px}
.team{display:flex;gap:12px;align-items:center}
.logo{width:56px;height:56px;border-radius:12px;background:#26372e;object-fit:cover}
.score{font-size:58px;font-weight:900;line-height:1}
.match{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #2b3b32}
.match:last-child{border-bottom:0}
.right{text-align:right}
.center{text-align:center}
.nick{font-weight:800}
.small{font-size:12px}
nav{display:flex;gap:8px;flex-wrap:wrap}
nav button{width:auto}
.hidden{display:none!important}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:8px;border-bottom:1px solid #2b3b32;font-size:14px}
.scoreboard-head{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}
.scorebox{text-align:center}
@media(max-width:650px){main{padding:12px}.score{font-size:42px}.match{font-size:13px}.scoreboard-head{gap:8px}}