:root{--cell-h:88px;--gap-y:12px;--bg:#0c121b;--card:#e9f1ff;--line:#88a8db;--ink:#0b1a33}input[type="number"]{background:var(--color-con);color:var(--color5);border:1px solid var(--color6);padding:4px}input[type="text"]{background:var(--color-con);color:var(--color5);border:1px solid var(--color6);padding:2px}.page{display:grid;gap:14px;padding:12px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;background:rgba(255,255,255,.04);border:1px solid var(--color4);outline:1px solid var(--color4);outline-offset:3px;padding:12px}.toolbar form{display:contents}.toolbar .group{display:grid;gap:6px}.legend{background:rgba(255,255,255,.05);border:1px solid var(--color4);outline:1px solid var(--color4);outline-offset:3px;padding:10px;font-size:13px;color:var(--color5)}.columns{display:grid;grid-auto-flow:column;grid-auto-columns:100px;gap:50px;width:max-content}.board{overflow-x:auto;overflow-y:hidden;background:rgba(255,255,255,.05);border:1px solid var(--color4);outline:1px solid var(--color4);outline-offset:3px;padding:10px;color:var(--color5);position:relative;max-width:900px}.match,.winner,.bye{min-width:100px;max-width:100px}.round{display:flex;flex-direction:column;gap:var(--gap-y);min-height:100%}.round-title{color:var(--color1);letter-spacing:1.5px;font-family:var(--font1);font-size:20px;white-space:nowrap;font-weight:bold;text-align:center}.card{background:var(--color-con);border:1px solid var(--color6);color:var(--color5);min-height:var(--cell-h);display:grid;align-content:center}.match .row{display:flex;align-items:center;padding:8px 1px;justify-content:flex-start;text-align:center}.match .row+.row{border-top:1px solid rgba(0,0,0,.12)}.match .name{flex:1;overflow:hidden;cursor:pointer}.match .tag{color:var(--color1);font-size:8px;opacity:1}.ctrl{display:flex;gap:8px;align-items:center;border-top:1px solid rgba(0,0,0,.1);justify-content:center}.ctrl .button{}.bye{display:grid;gap:6px;text-align:center}.bye .chip{font-size:12px;opacity:.75}.bye .name{font-weight:700}.winner{place-items:center;font-weight:bold;font-size:14px}.wires{position:absolute;inset:0;z-index:0;pointer-events:none}.wire{stroke:var(--color4);stroke-width:1.5;fill:none}input[type="radio"]{accent-color:#335aa6}