:root{--bg:#080d13;--panel:#111922;--card:#1c252e;--lime:#c8ff28;--text:#fff;--muted:#a8b3bf;--line:#33414e;--danger:#ff6b70;--radius:16px;color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% -10%,#213524 0,transparent 28rem),var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px clamp(18px,4vw,64px);border-bottom:1px solid #ffffff14;background:#080d13e8;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--lime);color:#071006;font:800 20px Barlow Condensed}.brand strong{display:block;font:800 19px/1 Barlow Condensed;letter-spacing:.04em}.brand small{color:var(--muted);font-size:10px;letter-spacing:.18em}.site-header nav{display:flex;gap:8px}.site-header nav a{padding:10px 13px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px}.site-header nav a:hover,.site-header nav a.active{color:var(--text);background:#fff1}.site-header nav a.active{box-shadow:inset 0 -2px var(--lime)}main{min-height:calc(100vh - 160px)}footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(18px,4vw,64px);border-top:1px solid #ffffff14;color:var(--muted);font-size:12px}.hero{position:relative;overflow:hidden;padding:clamp(64px,10vw,130px) clamp(20px,8vw,120px) 74px;border-bottom:1px solid #ffffff14;background:linear-gradient(90deg,#080d13 15%,#080d13d9 55%,#080d134d),radial-gradient(circle at 80% 30%,#baff3429,transparent 18rem)}.hero:after{content:"";position:absolute;right:5%;top:14%;width:290px;height:290px;border:2px solid #c8ff2830;border-radius:50%;box-shadow:0 0 0 34px #c8ff2809,0 0 0 68px #c8ff2807}.eyebrow,.match-kicker{color:var(--lime);font:700 12px/1 Barlow Condensed;letter-spacing:.16em;text-transform:uppercase}.hero h1,.page-title h1{font:800 clamp(54px,9vw,112px)/.84 "Barlow Condensed";letter-spacing:-.035em;margin:14px 0}.hero h1 span{display:block;color:var(--lime)}.hero p{max-width:620px;color:var(--muted);font-size:clamp(16px,2vw,20px);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;background:var(--lime);color:#071006;font-weight:800}.button.secondary{background:#fff1;color:#fff;border:1px solid #ffffff20}.section{padding:54px clamp(18px,5vw,76px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2,.page-title h1{margin:0}.section-head h2{font:800 clamp(30px,4vw,46px)/1 "Barlow Condensed"}.section-head p{margin:8px 0 0;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-group{padding:22px;background:#111922cc;border:1px solid #ffffff12;border-radius:var(--radius)}.category-group h3{margin:0 0 14px;font:800 25px Barlow Condensed;color:var(--lime)}.category-links{display:flex;flex-wrap:wrap;gap:8px}.category-links a{padding:10px 12px;border-radius:10px;background:#fff1;color:#e7edf2;font-weight:600;font-size:13px}.category-links a:hover{background:var(--lime);color:#071006}.page-title{padding:50px clamp(18px,5vw,76px) 24px}.page-title h1{font-size:clamp(46px,7vw,78px)}.page-title p{color:var(--muted);margin:12px 0 0}.controls{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:0 clamp(18px,5vw,76px) 28px}.controls label{display:grid;gap:8px;min-width:min(370px,100%)}.controls label span{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.1em}select,.search-input{width:100%;height:50px;padding:0 44px 0 15px;border:1px solid #ffffff22;border-radius:12px;background:#141d26;color:var(--text);outline:none}select:focus,.search-input:focus{border-color:var(--lime);box-shadow:0 0 0 3px #c8ff2817}.segmented{display:flex;padding:4px;background:#141d26;border:1px solid #ffffff16;border-radius:12px}.segmented a{padding:11px 16px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:700}.segmented a.active{background:var(--lime);color:#071006}.bracket-shell{overflow-x:auto;padding:6px clamp(18px,4vw,58px) 44px}.bracket{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:52px;min-width:1150px}.round h2{position:sticky;left:0;margin:0 0 18px;color:var(--muted);font:700 15px Barlow Condensed;text-transform:uppercase;letter-spacing:.1em}.round-matches{height:720px;display:grid;grid-template-rows:repeat(calc(var(--matches) * 2),1fr);gap:8px}.round-matches .match-card{grid-row:span 2;align-self:center;position:relative}.round:not(:last-child) .match-card:after{content:"";position:absolute;right:-53px;top:50%;width:52px;border-top:1px solid #668038}.match-card{min-width:0;background:linear-gradient(145deg,#202b35,#171f27);border:1px solid #ffffff12;border-radius:14px;padding:14px;box-shadow:0 12px 28px #0002}.match-card.empty{opacity:.55}.match-kicker{display:flex;justify-content:space-between;margin-bottom:12px}.team-row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:7px 4px;border-top:1px solid #ffffff0d}.team-row:first-of-type{border-top:0}.team-row strong{display:block;font-size:13px;line-height:1.3}.team-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.team-row.winner strong:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.sets{display:flex;gap:5px;flex:none}.sets b{display:grid;place-items:center;min-width:23px;height:27px;border-radius:6px;background:#0c1319;font-size:12px}.winner .sets b{color:var(--lime)}.match-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:9px;color:var(--muted);font-size:10px}.status{padding:5px 7px;border-radius:999px;background:#fff1;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.status.finished{color:var(--lime);background:#c8ff2813}.status.scheduled{color:#84caff;background:#1980ce1c}.status.bye{color:#ffd166;background:#ffd16616}.mobile-rounds{display:none}.card-list{display:grid;gap:12px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.content-grid .match-card{height:100%}.search-wrap{max-width:760px;margin:0 auto;padding:0 18px}.search-results{display:grid;gap:10px;margin-top:14px}.search-hit{display:flex;justify-content:space-between;gap:14px;padding:15px;background:var(--card);border:1px solid #ffffff12;border-radius:12px}.search-hit small{display:block;color:var(--muted);margin-top:5px}.sync-note{color:var(--muted);font-size:12px}.empty-state{padding:44px;border:1px dashed #ffffff2a;border-radius:16px;text-align:center;color:var(--muted)}@media(max-width:800px){.site-header{align-items:flex-start;padding:12px 16px}.brand strong{font-size:16px}.brand-mark{width:38px;height:38px}.site-header nav{position:fixed;z-index:30;bottom:0;left:0;right:0;justify-content:space-around;padding:8px 6px max(8px,env(safe-area-inset-bottom));background:#080d13f5;border-top:1px solid #ffffff1a}.site-header nav a{padding:9px 8px;font-size:11px}.site-header nav a.active{box-shadow:inset 0 -2px var(--lime)}footer{margin-bottom:62px;flex-direction:column}.hero{padding:60px 20px 52px}.hero:after{right:-170px;top:5%}.hero h1{font-size:58px}.category-grid{grid-template-columns:1fr}.controls{align-items:stretch;flex-direction:column}.controls label{min-width:0}.segmented a{flex:1;text-align:center;padding:11px 8px}.bracket-shell{display:none}.mobile-rounds{display:block;padding:0 16px 44px}.mobile-round{margin-bottom:36px}.mobile-round h2{display:flex;justify-content:space-between;align-items:center;font:800 24px Barlow Condensed;margin:0 0 12px}.mobile-round h2 span{color:var(--muted);font:600 11px Inter}.content-grid{grid-template-columns:1fr}.page-title{padding-top:34px}.section{padding:42px 16px}.section-head{align-items:start;flex-direction:column}}@media(min-width:801px){.round-matches{height:1120px;display:flex;flex-direction:column;justify-content:space-around;gap:16px}.round-matches .match-card{grid-row:auto;align-self:stretch;flex:0 0 auto}}.sync-toast{position:fixed;z-index:50;right:20px;bottom:20px;max-width:330px;padding:14px 18px;border:1px solid #c8ff2855;border-radius:12px;background:#18231d;color:#fff;box-shadow:0 18px 50px #0008;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;font-size:13px;font-weight:700}.sync-toast.visible{opacity:1;transform:translateY(0)}@media(max-width:800px){.sync-toast{right:12px;bottom:78px;left:12px;max-width:none;text-align:center}}@media(min-width:801px){.round-matches{position:relative;display:block;height:var(--bracket-height);overflow:visible}.round-matches .bracket-card{position:absolute;top:var(--bracket-center);left:0;width:100%;transform:translateY(-50%)}.round-matches .has-outgoing:after{content:"";position:absolute;right:-26px;top:50%;width:26px;border-top:1px solid #668038}.round-matches .pair-start.has-outgoing:before{content:"";position:absolute;right:-26px;top:50%;height:var(--connector-height);border-right:1px solid #668038}.incoming-connector{position:absolute;left:-26px;top:50%;width:26px;border-top:1px solid #668038}}
