:root{--k:#5b21b6;--g:#f59e0b;--bg:#f6f5fb;--c:#fff;--t:#1f1b2e}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--t)}
header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 18px;background:var(--k);color:#fff}.brand{font-size:20px}.brand b{color:var(--g)}
nav{display:flex;flex-wrap:wrap;gap:4px;flex:1}nav a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:6px}nav a.on,nav a:hover{background:#ffffff26}
main{max-width:1150px;margin:18px auto;padding:0 14px}.card{background:var(--c);border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0001}
h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
input,select,textarea,button{font:inherit;padding:7px 9px;border:1px solid #ccc;border-radius:6px;margin:3px 0}button{background:var(--k);color:#fff;border:0;cursor:pointer}button.alt{background:var(--g);color:#000}
form{display:flex;flex-wrap:wrap;gap:8px;align-items:end}label{display:flex;flex-direction:column;font-size:13px}
table{width:100%;border-collapse:collapse}td,th{padding:6px;border-bottom:1px solid #eee;text-align:left;font-size:14px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day{background:#fff;min-height:110px;border-radius:6px;padding:4px;font-size:12px;border:1px solid #eee}
.day h4{margin:0 0 3px;font-size:12px;color:#666}.ev{background:#ede9fe;border-left:3px solid var(--k);margin:2px 0;padding:2px 4px;border-radius:3px}.ev.game{border-color:var(--g);background:#fef3c7}
.bracket{display:flex;gap:18px;overflow-x:auto}.round{display:flex;flex-direction:column;justify-content:space-around;gap:10px;min-width:190px}
.match{background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px;font-size:13px}.match .w{font-weight:700;color:var(--k)}
.stat{font-size:28px;font-weight:700;color:var(--k)}#toast{position:fixed;bottom:16px;right:16px;background:#222;color:#fff;padding:10px 14px;border-radius:8px;display:none}
.hero{background:linear-gradient(120deg,var(--k),#7c3aed);color:#fff}.hero h1{margin:0 0 6px}footer{text-align:center;color:#888;padding:20px;font-size:13px}

.banner{background:#b91c1c;color:#fff;padding:8px 18px;text-align:center}.muted{color:#666;font-size:13px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#ede9fe;font-size:12px}