html,body,#root{min-height:100%}body{margin:0}#root{min-height:100vh}:root{--bg:#0b0d0a;--panel:#151912;--panel-2:#1d2318;--line:#e8e0c729;--ink:#f4eedf;--muted:#f4eedfad;--green:#b7e06f;--blue:#1648d8;--red:#e36d57;--white:#f8f6ec;--shadow:0 24px 70px #00000057;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Cabinet Grotesk,Outfit,Geist,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(900px 640px at 8% 0%, #b7e06f1f, transparent 58%), radial-gradient(900px 620px at 90% 18%, #1648d81f, transparent 62%), var(--bg);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.side-rail{border-right:1px solid var(--line);background:linear-gradient(#b7e06f0f,#0000 42%),#0a0c09eb;grid-template-rows:auto 1fr auto;gap:20px;height:100vh;padding:18px;display:grid;position:sticky;top:0}.brand-card{border:1px solid var(--line);color:var(--ink);text-align:left;background:#f4eedf0f;border-radius:10px;gap:12px;padding:12px;font-weight:900;display:grid}.brand-card img{object-fit:cover;filter:grayscale()contrast(1.45)brightness(1.08);background:var(--white);border-radius:6px;width:100%;height:180px}.side-rail nav{align-content:start;gap:8px;display:grid}.side-rail nav button,.topbar-actions button,.actions button,.block,.toolbar button,.match-table button,.list button,.bracket-node{border:1px solid var(--line);color:var(--ink);background:#f4eedf0f;border-radius:8px;font-weight:800;transition:transform .18s,border-color .18s,background .18s}.side-rail nav button{text-align:left;padding:12px 14px}.side-rail nav button:hover,.topbar-actions button:hover,.actions button:hover,.toolbar button:hover,.match-table button:hover,.list button:hover,.bracket-node:hover{border-color:#b7e06f7a;transform:translateY(-1px)}.side-rail nav .active,.primary,.match-table .selected,.list .selected,.bracket-node.active{background:var(--green);border-color:var(--green);color:#090b08}.rail-meta{color:var(--muted);gap:6px;font-size:.9rem;display:grid}.rail-meta strong{color:var(--ink)}.workspace{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:96px;margin-bottom:18px;display:flex}.topbar h1,.hero-panel h2,.panel h2{letter-spacing:0;margin:0}.topbar h1{font-size:clamp(2rem,4vw,4rem);line-height:.94}.eyebrow,.sync,.status,.stepper span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow{color:var(--green);text-transform:uppercase;font-size:.78rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-actions button,.actions button,.toolbar button,.block{padding:11px 14px}.sync{color:var(--muted);font-size:.84rem}.event-grid,.two-column,.scoreboard-layout{gap:14px;display:grid}.event-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.scoreboard-layout{grid-template-columns:minmax(0,1fr) 360px}.hero-panel,.panel,.metric{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#f4eedf14,#f4eedf08),#0f120df0;border-radius:10px}.hero-panel{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;gap:24px;min-height:360px;padding:24px;display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--";color:#f4eedf14;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:18px;left:22px}.hero-panel h2{max-width:920px;margin-top:12px;font-size:clamp(2.5rem,5.6vw,6.6rem);line-height:.92}.hero-panel p{max-width:650px;color:var(--muted);font-size:1.08rem;line-height:1.6}.hero-panel img{object-fit:cover;filter:grayscale()contrast(1.5)brightness(1.04);background:var(--white);border:1px solid #f4eedf38;border-radius:8px;width:100%;height:100%;min-height:310px}.metric{align-content:space-between;min-height:150px;padding:18px;display:grid}.metric span,.metric small,.notice,.hint{color:var(--muted)}.metric strong{font-size:clamp(2.3rem,5vw,4rem);line-height:.9}.panel{padding:20px}.wide{grid-column:span 2}.form-grid,.list,.audit-list,.bracket-tree,.result-grid{gap:10px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}label{color:var(--ink);gap:7px;font-weight:800;display:grid}input,select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#f4eedf14;border-radius:8px;outline:none;padding:10px 12px}select option{color:#111}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #b7e06f1f}.error{color:var(--red);font-size:.84rem}.checkbox{align-items:center;gap:10px;display:flex}.checkbox input{width:18px;min-height:18px}.actions,.toolbar{flex-wrap:wrap;align-items:end;gap:10px;margin-top:16px;display:flex}.toolbar{justify-content:space-between;align-items:center;margin:0 0 16px}.toolbar>label{flex:1;min-width:180px}.compact{align-items:center}.stepper{gap:8px;margin-bottom:16px;display:flex}.stepper span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 10px}.stepper .current{border-color:var(--green);color:var(--green)}.list button,.match-table button,.bracket-node{text-align:left;gap:4px;width:100%;padding:12px;display:grid}.list button span,.match-table button span,.bracket-node small{color:var(--muted)}.status-card{border:1px solid var(--line);background:#f4eedf0d;border-radius:8px;margin-top:16px;padding:16px}.timeline{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.timeline span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px}.timeline .done{border-color:var(--green);color:var(--green);background:#b7e06f1f}.block{width:100%;margin-top:10px}.match-table{gap:8px;display:grid}.match-table button{grid-template-columns:130px minmax(220px,1fr) 180px 150px 150px;align-items:center}.status{border:1px solid var(--line);width:fit-content;color:var(--muted);border-radius:999px;padding:5px 8px;font-size:.78rem}.status.live,.status.called{border-color:var(--green);color:var(--green)}.status.blocked_rest{border-color:var(--red);color:var(--red)}.status.finished{color:var(--ink);border-color:#f4eedf6b}.empty{border:1px dashed var(--line);color:var(--muted);border-radius:8px;padding:22px}.bracket-tree{grid-template-columns:repeat(2,minmax(0,1fr))}.bracket-node{min-height:118px}.scoreboard{grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);gap:12px;display:grid}.corner{border-radius:10px;align-content:space-between;gap:14px;min-height:390px;padding:20px;display:grid}.corner.blue{background:linear-gradient(150deg, var(--blue), #071437)}.corner.white{color:#10120d;background:linear-gradient(150deg,#f8f6ec,#cfd4c2)}.corner h2{font-size:clamp(1.6rem,3vw,2.8rem)}.corner strong{font-size:clamp(5rem,11vw,9rem);line-height:.82}.score-buttons{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.score-buttons button{min-height:44px;color:inherit;background:#ffffff2e;border:0;border-radius:7px;font-weight:900}.clock{background:#090b08;border:1px solid #b7e06f5c;border-radius:10px;align-content:center;place-items:center;gap:10px;display:grid}.clock span{color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2.3rem,5vw,4rem);font-weight:950}.clock small{color:var(--muted);text-align:center}.override-box{grid-template-columns:auto minmax(260px,1fr);align-items:center;gap:10px;margin-top:14px;display:grid}.audit-list article,.result-grid article{border:1px solid var(--line);background:#f4eedf0d;border-radius:8px;padding:12px}.audit-list span,.result-grid span,.result-grid small{color:var(--muted);font-size:.88rem}.audit-list p{margin:6px 0 0}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid article{gap:8px;display:grid}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.side-rail{height:auto;position:static}.brand-card{grid-template-columns:90px 1fr;align-items:center}.brand-card img{height:80px}.side-rail nav{display:flex;overflow-x:auto}.side-rail nav button{white-space:nowrap}.rail-meta{display:none}.event-grid,.two-column,.scoreboard-layout,.hero-panel,.scoreboard{grid-template-columns:1fr}.metric,.wide{grid-column:auto}.match-table button{grid-template-columns:1fr}}@media (width<=640px){.workspace{padding:14px}.topbar{flex-direction:column;align-items:flex-start}.hero-panel h2{font-size:clamp(2.5rem,15vw,4.2rem)}.form-grid,.bracket-tree,.result-grid,.override-box{grid-template-columns:1fr}.score-buttons{grid-template-columns:repeat(3,1fr)}}