:root{--bg:#061a12;--panel:rgba(255,255,255,0.06);--text:rgba(255,255,255,0.92);--muted:rgba(255,255,255,0.62);--green:#0b3d2e;--green2:#0f5b3a;--red:#d31e1e;--shadow:0 14px 40px rgba(0,0,0,0.45);--radius:18px;}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(900px 500px at 20% -10%, rgba(211,30,30,0.22), transparent 60%),radial-gradient(900px 500px at 90% 10%, rgba(15,91,58,0.35), transparent 60%),linear-gradient(180deg,#03130d,var(--bg));}a{color:inherit;text-decoration:none}.container{width:min(1100px,92%);margin:0 auto;}
.topbar{position:sticky;top:0;z-index:10;background:rgba(6,26,18,0.75);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.08);} .topbar__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
.brand{display:flex;gap:10px;align-items:center;} .brand__logo{font-size:22px} .brand__name{font-weight:800;letter-spacing:0.2px}
.topbar__nav{display:flex;gap:10px;align-items:center;} .navlink{padding:10px 12px;border-radius:999px;color:var(--muted);border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.04);} .navlink:hover{color:var(--text);border-color:rgba(255,255,255,0.20);}
.navlink--pill{border-color:rgba(211,30,30,0.38);box-shadow:0 0 0 4px rgba(211,30,30,0.12);}
.hero{padding:22px 0 14px;} .hero__card{border-radius:var(--radius);background:linear-gradient(145deg,rgba(15,91,58,0.22),rgba(255,255,255,0.05));border:1px solid rgba(255,255,255,0.10);box-shadow:var(--shadow);padding:18px 18px;}
.hero__title{font-size:24px;font-weight:900} .hero__sub{margin-top:6px;color:var(--muted);font-weight:600}
.grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:16px;padding-bottom:34px;} @media (max-width:900px){.grid{grid-template-columns:1fr;}}
.card{border-radius:var(--radius);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);box-shadow:var(--shadow);overflow:hidden;}
.card__header{padding:16px 16px 10px;border-bottom:1px solid rgba(255,255,255,0.08);} .card__header h2{margin:0;font-size:16px;letter-spacing:0.2px}
.hint{margin-top:6px;color:var(--muted);font-size:13px;font-weight:600}
.table-wrap{overflow:auto;} .table{width:100%;border-collapse:collapse;min-width:720px;} .table th,.table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.08);} .table th{font-size:12px;letter-spacing:0.5px;color:var(--muted);text-transform:uppercase;} .table td{font-weight:650;}
.right{text-align:right;} .muted{color:var(--muted);font-weight:600;}
.player-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(11,61,46,0.45);border:1px solid rgba(15,91,58,0.35);font-weight:800;}
.score-badge{display:inline-block;min-width:34px;text-align:center;padding:6px 10px;border-radius:999px;background:rgba(211,30,30,0.16);border:1px solid rgba(211,30,30,0.35);}
.day-list{padding:10px 10px 14px;display:flex;flex-direction:column;gap:10px;}
.day-item{display:flex;align-items:center;justify-content:space-between;padding:12px 12px;border-radius:14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);} .day-item:hover{border-color:rgba(255,255,255,0.22);}
.day-item__title{font-weight:900} .day-item__meta{margin-top:4px;color:var(--muted);font-size:13px;font-weight:650} .day-item__chev{color:rgba(255,255,255,0.6);font-size:20px;padding:0 6px;}
.status{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:0.3px;}
.status--draft{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);color:var(--muted);} .status--live{background:rgba(15,91,58,0.18);border:1px solid rgba(15,91,58,0.34);color:rgba(200,255,230,0.9);} .status--done{background:rgba(211,30,30,0.14);border:1px solid rgba(211,30,30,0.32);color:rgba(255,220,220,0.92);}
.pills{padding:12px 14px 16px;display:flex;flex-wrap:wrap;gap:10px;}
.bracket{padding:14px 14px 18px;display:flex;gap:12px;overflow:auto;}
.bracket__col{min-width:240px;border-radius:16px;background:rgba(0,0,0,0.15);border:1px solid rgba(255,255,255,0.10);padding:12px;}
.bracket__title{font-weight:1000;letter-spacing:0.5px;margin-bottom:10px;color:rgba(255,255,255,0.9);}
.match{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.04);margin-bottom:10px;}
.match__row{display:flex;justify-content:space-between;align-items:center;padding:10px 10px;border-bottom:1px solid rgba(255,255,255,0.08);} .match__row:last-child{border-bottom:none;}
.match__row .name{font-weight:850} .match__row .score{color:var(--muted);font-weight:900}
.match__row.win{background:linear-gradient(90deg,rgba(15,91,58,0.34),rgba(255,255,255,0.02));}
.footer{padding:18px 0 28px;color:var(--muted);font-size:13px;} .footer__inner{border-top:1px solid rgba(255,255,255,0.08);padding-top:14px;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.05);color:var(--text);font-weight:900;cursor:pointer;}
.btn:hover{border-color:rgba(255,255,255,0.22);} .btn--danger{border-color:rgba(211,30,30,0.30);background:rgba(211,30,30,0.10);} .btn--primary{border-color:rgba(15,91,58,0.40);background:rgba(15,91,58,0.18);}
.input,select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.12);background:rgba(0,0,0,0.20);color:var(--text);outline:none;}
.input:focus,select:focus{border-color:rgba(211,30,30,0.42);box-shadow:0 0 0 4px rgba(211,30,30,0.12);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;} @media (max-width:700px){.form-row{grid-template-columns:1fr;}}
.notice{margin:12px 0;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.06);color:var(--muted);font-weight:700;}