:root{font-family:Arial,sans-serif;color:#f7f8fa;background:#0b1016;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{padding:24px;max-width:1920px;margin:auto}h1{font-size:26px}header,nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}header a{margin-left:auto}a{color:#b9d9ff}label{display:block}input,select,button{padding:12px;border:1px solid #98a2ad;border-radius:6px;font:inherit}input{display:block;width:100%;margin:8px 0 24px}button{background:#e31e36;color:white;cursor:pointer}.login{max-width:480px;margin:8vh auto}#connection{padding:12px;background:#141c25;border-left:4px solid #23a26d}.offline #connection{border-color:#f2b632}.offline section{opacity:.45}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:16px}td,th{padding:12px;text-align:left;border-bottom:1px solid #3b4651}th{background:#1d2732}td img{width:48px;height:48px;object-fit:cover;border-radius:6px}#current{padding:12px}.tree{display:flex;gap:12px;overflow:auto;align-items:stretch}.column{min-width:220px;display:flex;flex-direction:column;justify-content:space-around}.match{background:#141c25;border:1px solid #3b4651;border-radius:6px;padding:12px;margin-bottom:12px;min-height:92px}.match p{margin:8px 0}.winner{color:#6bdfad;font-weight:bold}.loser{color:#ff8a8a}.omt{color:#ffb557}small{display:block;color:#98a2ad}body.overlay{background:transparent}body.overlay header,body.overlay nav,body.overlay .links{display:none}body.overlay main{background:#0b1016e8;border-radius:8px}body.overlay.offline section{visibility:hidden}@media(max-width:600px){main{padding:12px}table{font-size:14px}}
td,th{white-space:nowrap}