:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#05070f;color:#eaf0ff;font-family:Barlow Condensed,Segoe UI,system-ui,sans-serif}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:baseline;gap:14px;padding:12px 18px;background:linear-gradient(180deg,#000a1ee6,#000a1e66)}.topbar h1{margin:0;font-size:20px;font-weight:700;letter-spacing:.5px}.topbar h1 span{color:#00a8ff}.conn{font-size:12px;padding:2px 8px;border-radius:999px}.conn.live{color:#00e0b0;border:1px solid rgba(0,224,176,.4)}.conn.demo{color:#ffb300;border:1px solid rgba(255,179,0,.4)}.board-wrap{flex:1;min-height:0}