:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#100914;color:#fff}*{box-sizing:border-box}body{margin:0}.screen-body{width:100vw;height:100vh;overflow:hidden;background:#000}.screen-body #stage{position:relative;width:100vw;height:100vh}.screen-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;z-index:1}.screen-layer.active{opacity:1;z-index:2}.screen-layer.incoming{z-index:3}.control-body{min-height:100vh;background:radial-gradient(circle at 80% 0,#26243e 0,transparent 38%),#100914}.control-shell{max-width:1180px;margin:auto;padding:40px 24px 80px}header,.section-title{display:flex;align-items:center;justify-content:space-between;gap:24px}h1{font-size:38px;margin:8px 0}h2{margin:0 0 18px}.eyebrow{color:#a5ff3b;font-weight:800;letter-spacing:.18em}.panel{background:#1b1220;border:1px solid #3b2845;border-radius:20px;padding:24px;margin-top:22px;box-shadow:0 18px 50px #0005}.current-panel>span{color:#a99eb0}.current-panel>div{font-size:27px;font-weight:800;margin-top:8px}.current-panel small,#current small{display:block;font-size:14px;color:#a99eb0;margin-top:7px}.modes{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px}.mode,.match-card,.secondary{border:1px solid #553266;background:#26182d;color:#fff;border-radius:14px;padding:15px;cursor:pointer;text-decoration:none;font:inherit}.mode:hover,.match-card:hover,.secondary:hover{border-color:#a5ff3b}.mode.active,.match-card.selected{background:#31203b;border-color:#a5ff3b;box-shadow:0 0 0 1px #a5ff3b55}.mode small{display:block;color:#a99eb0;margin-top:5px}.matches{display:grid;gap:10px}.match-card{width:100%;display:grid;grid-template-columns:120px 1fr 180px;align-items:center;text-align:left}.match-time{font-size:20px;font-weight:800}.match-time small,.match-stage small{display:block;color:#a99eb0;font-size:12px;margin-top:4px}.match-pair{font-size:20px;font-weight:700}.match-pair b,#current b{color:#a5ff3b}.match-stage{text-align:right;color:#cbbfd0}.message{min-height:24px;color:#a5ff3b}.secondary{white-space:nowrap}@media(max-width:800px){header,.section-title{align-items:flex-start;flex-direction:column}.modes{grid-template-columns:1fr 1fr}.match-card{grid-template-columns:90px 1fr}.match-stage{display:none}h1{font-size:30px}}