:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#111;background:#f4f4f4}body{margin:0}.top{padding:1rem 1.25rem;background:#ffd230;color:#111;border-bottom:4px solid #111}.top h1{margin:.2rem 0}.nav{display:flex;gap:.25rem;flex-wrap:wrap;background:#111;padding:.55rem 1.25rem}.nav a{color:#fff;text-decoration:none;padding:.45rem .7rem;border-radius:999px}.nav a.active,.nav a:hover{background:#fff;color:#111}.wrap{max-width:1180px;margin:1.5rem auto;padding:0 1rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.card{background:#fff;border-radius:12px;padding:1.1rem;box-shadow:0 5px 18px rgba(0,0,0,.07);margin-bottom:1rem}.narrow{max-width:460px;margin:10vh auto}h1,h2,h3{margin-top:0}textarea,input,select{width:100%;box-sizing:border-box;border:1px solid #ccd2d8;border-radius:8px;padding:.65rem;font:inherit}textarea{min-height:190px}label{display:block;margin:.7rem 0;font-weight:650}button,.btn{display:inline-block;border:0;border-radius:999px;background:#111;color:#fff;padding:.7rem 1rem;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;margin:.15rem}.secondary{background:#e9edf2;color:#111}.danger{background:#b00020}.success{background:#116329}.muted{color:#667085}.error{background:#ffe8e8;color:#8a1111;padding:.7rem;border-radius:10px}.notice{background:#e7f5ff;padding:.7rem;border-radius:10px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.55rem}.table th{font-size:.85rem;background:#f8fafc}.num{text-align:right!important}.badge{display:inline-block;border-radius:999px;padding:.2rem .55rem;background:#edf0f3;font-size:.9rem}.open{background:#dcfce7}.closed{background:#fee2e2}.setup{background:#fef3c7}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem}.mini{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:.85rem}.pick-box{text-align:center;padding:2rem}.team-reveal{font-size:clamp(2rem,8vw,5rem);font-weight:900;min-height:6rem;display:flex;align-items:center;justify-content:center}.spinner{animation:pulse .12s infinite alternate}@keyframes pulse{from{transform:scale(.98);opacity:.72}to{transform:scale(1.02);opacity:1}}.copy{font-size:.85rem;word-break:break-all}.group-head{margin:2rem 0 .5rem}.fixture-row{display:grid;grid-template-columns:1fr 70px 1fr 140px;gap:.5rem;align-items:center;border-bottom:1px solid #eee;padding:.55rem 0}.score{text-align:center;font-weight:800}.bracket{display:flex;gap:42px;overflow:auto;padding:1rem 0 2rem}.stage{min-width:210px;display:flex;flex-direction:column;gap:14px}.stage h3{position:sticky;top:0;background:#f4f4f4;padding:.5rem 0}.match{background:#fff;border-left:4px solid #2f7d32;box-shadow:0 3px 12px rgba(0,0,0,.06);padding:.65rem;min-height:78px}.match .meta{font-size:.78rem;color:#667085}.teamline{display:flex;justify-content:space-between;gap:.5rem;border-top:1px solid #eee;padding:.35rem 0}.teamline:first-of-type{border-top:0}.leader{font-weight:800}

@media(max-width:800px){.grid{grid-template-columns:1fr}.fixture-row{grid-template-columns:1fr 70px 1fr}.fixture-row small{grid-column:1/-1}.top{display:block}}

.fixture-filters{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:.75rem;
    margin-bottom:1rem;
    align-items:end;
}

.fixture-filters label{
    margin:0;
}

.fixture-filters .filter-actions{
    display:flex;
    gap:.5rem;
    flex-wrap:wrap;
}

.fixture-meta{
    display:flex;
    gap:.5rem;
    flex-wrap:wrap;
    align-items:center;
}

.fixture-empty{
    background:#fff;
    border-radius:12px;
    padding:1rem;
    box-shadow:0 5px 18px rgba(0,0,0,.07);
}

.quick-filters{
    display:flex;
    gap:.5rem;
    flex-wrap:wrap;
    margin:.75rem 0 1rem;
}