:root{--accent:#e6ff4b;color-scheme:dark;font-family:Inter,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b0c0e;color:#f4f4f2}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:5;display:flex;height:62px;align-items:center;justify-content:space-between;border-bottom:1px solid #292a2f;background:#0d0e10ee;padding:0 26px;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:16px}.brand b{font-size:13px;letter-spacing:.18em}.brand span{border-left:1px solid #34353a;padding-left:16px;font-size:12px;color:#8b8d93}.connection{display:flex;align-items:center;gap:8px;border:1px solid #34353a;border-radius:20px;padding:8px 11px;font:700 9px/1 Consolas,monospace;letter-spacing:.1em;color:#85878d}.connection i{width:7px;height:7px;border-radius:50%;background:#65676e}.connection.connected{color:#e9f8bc}.connection.connected i{background:var(--accent)}.shell{width:min(1120px,calc(100% - 36px));margin:auto;padding:34px 0 64px}.step{margin-bottom:24px;border:1px solid #2b2c31;background:#111215;padding:24px}.step-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.step-title>span{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:50%;background:var(--accent);color:#090a0c;font:800 12px/1 Consolas,monospace}.step-title h1{margin:1px 0 5px;font-size:18px}.step-title p{margin:0;font-size:12px;line-height:1.45;color:#85878e}
.players{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player{display:grid;grid-template-columns:34px 1fr 36px;align-items:center;border:1px solid #2b2c31;border-left:4px solid var(--team);background:#0e0f12;padding:10px}.player>b{display:grid;width:23px;height:23px;place-items:center;border:1px solid #383a40;color:#8c8e95;font:700 10px/1 Consolas,monospace}.player>div{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.player input:not([type=color]),.settings-grid input,.settings-grid select{width:100%;height:36px;border:1px solid #303137;border-radius:3px;background:#15161a;padding:0 10px;color:#f4f4f2;outline:none}.player input:focus,.settings-grid input:focus,.settings-grid select:focus{border-color:#666970}.player input[type=color]{width:28px;height:28px;border:0;background:transparent;padding:0;cursor:pointer}
.matches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.match{min-width:0;border:1px solid #303137;background:#0e0f12;padding:0;text-align:left;color:#f4f4f2;cursor:pointer}.match:hover{border-color:#55575e}.match.selected{border:2px solid var(--accent)}.match.locked{opacity:.58}.match.locked:hover{border-color:#303137}.match header{display:flex;min-height:36px;align-items:center;justify-content:space-between;border-bottom:1px solid #292a2f;padding:0 11px;font:700 10px/1 Consolas,monospace;letter-spacing:.08em;color:#96989f}.match header b{font-size:8px;color:var(--accent)}.match>div{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:6px;padding:9px 11px;border-bottom:1px solid #232429;font-size:11px;font-weight:700}.match>div:last-child{border-bottom:0}.match>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match>div b{text-align:right;font-family:Consolas,monospace}.note{margin:12px 0 0;font-size:11px;color:#777980}.score-step{border-color:#3a3b40}.scoreboard{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2d2e33}.score-team{display:grid;grid-template-columns:5px minmax(0,1fr) 42px 54px 42px;align-items:center;min-width:0;min-height:88px;background:#0e0f12}.score-team:first-child{border-right:1px solid #2d2e33}.score-team>i{height:100%;background:var(--team)}.score-team>div{min-width:0;padding:0 16px}.score-team strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.score-team span{display:block;margin-top:5px;font:600 9px/1 Consolas,monospace;color:#777980}.score-team>b{text-align:center;font:700 28px/1 Consolas,monospace}.score-team button{width:38px;height:38px;border:1px solid #34353a;border-radius:3px;background:#17181c;color:#e6e6e2;font-size:20px;cursor:pointer}.score-team button.plus{border-color:var(--accent);background:var(--accent);color:#0b0c0e}.actions{display:flex;align-items:center;gap:14px;margin-top:15px}.actions .primary{height:42px;border:0;border-radius:3px;background:var(--accent);padding:0 18px;color:#090a0c;font-size:11px;font-weight:800;cursor:pointer}.actions .primary:disabled{opacity:.6}.actions span{font-size:11px;color:#898b91}
.details{margin-bottom:12px;border:1px solid #2b2c31;background:#101114}.details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:17px 19px;list-style:none}.details summary::-webkit-details-marker{display:none}.details summary>div{display:flex;flex-direction:column;gap:4px}.details summary strong{font-size:13px}.details summary span{font-size:10px;color:#777980}.chevron{font-size:18px!important}.details[open] .chevron{transform:rotate(180deg)}.details-content{border-top:1px solid #292a2f;padding:20px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.settings-grid label>span{display:block;margin-bottom:7px;font:700 9px/1 Consolas,monospace;letter-spacing:.09em;text-transform:uppercase;color:#808289}.color-setting{display:flex;height:36px;align-items:center;border:1px solid #303137;background:#15161a;padding:4px 8px}.color-setting input{width:30px!important;height:25px!important;border:0!important;padding:0!important}.color-setting code{margin-left:8px;font-size:10px;color:#94969c}.url{display:flex;align-items:center;border:1px solid #2d2e33;background:#0d0e10;padding:6px 7px 6px 11px}.url code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#afb1b6}.url button{border:0;background:transparent;color:#aaa;font:700 9px/1 Consolas,monospace;cursor:pointer}.obs-actions{display:flex;align-items:center;gap:13px;margin-top:10px}.secondary{display:inline-flex;align-items:center;height:34px;border:1px solid #34353a;border-radius:3px;padding:0 12px;color:#eee;text-decoration:none;font-size:10px;font-weight:700}.obs-actions span{font-size:10px;color:#777980}.reset{display:block;margin:22px auto 0;border:0;background:transparent;color:#6f7178;font-size:11px;cursor:pointer}
.overlay-html,.overlay-body{min-height:100%;overflow:hidden;background:transparent!important}.overlay{position:fixed;inset:0;overflow:hidden;background:transparent!important}.scorebug{position:absolute;top:32px;left:50%;display:grid;width:min(1120px,calc(100vw - 80px));grid-template-columns:1fr 196px 1fr;transform:translateX(-50%);box-shadow:0 10px 28px #0008}.bug-team{display:flex;align-items:center;min-width:0;height:74px;background:#0c0d10f5}.bug-team>i{width:6px;height:100%;background:var(--team)}.bug-team>div{min-width:0;flex:1;padding:0 18px}.bug-team strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px}.bug-team span{display:block;margin-top:5px;font:600 10px/1 Consolas,monospace;color:#7f8188}.bug-team>b{display:grid;width:66px;height:100%;place-items:center;border-left:1px solid #2b2c31;font:700 37px/1 Consolas,monospace}.bug-team.right{flex-direction:row-reverse;text-align:right}.bug-team.right>b{border-right:1px solid #2b2c31;border-left:0}.score-center{display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:3px solid var(--accent);background:#f0f0ec;color:#0b0c0e}.score-center span{font:800 9px/1 Consolas,monospace;letter-spacing:.14em}.score-center strong{margin-top:7px;font-size:12px}.meta{position:absolute;top:106px;left:50%;display:flex;transform:translateX(-50%);background:#0c0d10ef}.meta>*{padding:7px 12px;border-right:1px solid #2b2c31;font:700 9px/1 Consolas,monospace;letter-spacing:.11em;color:#a2a4aa;text-transform:uppercase}.meta b{background:var(--accent);color:#0b0c0e}.bracket{position:absolute;right:28px;bottom:28px;width:420px;border:1px solid #303137;border-top:3px solid var(--accent);background:#0c0d10f2;box-shadow:0 12px 32px #0007}.bracket>header{display:flex;justify-content:space-between;border-bottom:1px solid #292a2f;padding:11px 13px;font:700 9px/1 Consolas,monospace}.bracket>header b{color:var(--accent)}.bracket-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:12px}.bracket-cols small{display:block;margin-bottom:7px;font:700 8px/1 Consolas,monospace;color:#6e7077}.bracket-cols .final{align-self:center}.bracket-cols em{display:block;height:7px}.bracket-row{display:grid;grid-template-columns:3px 1fr 24px;align-items:center;height:31px;border:1px solid #292a2f;border-bottom:0;background:#111215}.bracket-row:last-child{border-bottom:1px solid #292a2f}.bracket-row i{height:100%;background:var(--team)}.bracket-row span{overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700}.bracket-row b{text-align:center;font:700 10px/1 Consolas,monospace}
@media(max-width:820px){.matches{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr}.scoreboard{grid-template-columns:1fr}.score-team:first-child{border-right:0;border-bottom:1px solid #2d2e33}}@media(max-width:620px){.topbar{padding:0 15px}.brand span{display:none}.shell{width:calc(100% - 22px);padding-top:18px}.step{padding:17px}.players,.settings-grid{grid-template-columns:1fr}.player>div{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column}.details-content{padding:15px}.obs-actions{align-items:flex-start;flex-direction:column}}