:root{--bg:#0d0d0f;--panel:#1b1b20;--line:#2c2c33;--gold:#e6c15a;--text:#f5f5f7;--muted:#8b8b96;--danger:#b0413e;--live:#c0392b;--ok:#3fa06a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;font-variant-numeric:tabular-nums;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}.app{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;display:flex}.bar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;padding:10px 14px;display:flex}.bar-court{text-transform:uppercase;letter-spacing:.05em;color:var(--gold);font-weight:800}.bar-preset{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:13px;overflow:hidden}.health{gap:6px;display:flex}.dot{background:var(--ok);border-radius:50%;width:10px;height:10px}.dot[data-bad=true]{background:var(--danger)}.body{-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}.panel{flex-direction:column;gap:12px;padding:14px;display:flex}.panel h1{margin:0;font-size:22px}.panel h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:8px 0 0;font-size:15px}.muted{color:var(--muted);margin:0;font-size:14px;line-height:1.4}.small{font-size:12px}.error{color:#f0b4b0;background:#3a1d1c;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.caution{color:var(--gold);background:#3a3418;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.4}.field{flex-direction:column;gap:8px;display:flex}.field>span:first-child{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:13px}input{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:48px;padding:0 12px;font-size:16px}.presets{flex-direction:column;gap:8px;display:flex}.preset{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:10px;flex-direction:column;gap:3px;padding:12px;display:flex}.preset[data-on=true]{border-color:var(--gold);background:#26230f}.role{background:var(--panel);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;font-size:14px;display:flex}.primary{background:var(--gold);color:#141414;text-transform:uppercase;letter-spacing:.04em;border-radius:10px;min-height:60px;font-size:19px;font-weight:800}.primary:disabled{background:var(--line);color:var(--muted)}.layouts,.sources{flex-wrap:wrap;gap:6px;display:flex}.layout,.source{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex:auto;min-height:44px;font-size:13px}.layout[data-desired=true],.source[data-desired=true]{border-style:dashed;border-color:var(--gold);color:var(--gold)}.layout[data-effective=true],.source[data-effective=true]{background:var(--gold);color:#141414;border-style:solid;font-weight:800}.slots{flex-wrap:wrap;gap:6px;display:flex}.slot{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:8px;flex:40%;align-items:center;gap:8px;min-height:48px;padding:0 10px;display:flex}.slot[data-picking=true]{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}.slot[data-empty=true] .slot-label{color:var(--muted);font-weight:400}.input-group{flex-direction:column;gap:6px;display:flex}.tile-actions{gap:6px;display:flex}.tile-actions .source{flex:auto;min-height:38px;font-size:13px}.camera-settings{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.camera-settings h3{text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:800}.camera-settings p{margin:0}.zoom{align-items:center;gap:8px;display:flex}.zoom .source{flex:0 0 56px;font-size:18px}.zoom-value{text-align:center;flex:auto;font-size:17px;font-weight:700}.slot-shot,.tile-shot{object-fit:cover;background:#000;border-radius:4px;flex:none;width:64px;height:36px}.tile-shot{width:80px;height:45px}.slot-shot-empty,.tile-shot-empty{border:1px solid var(--line);background:var(--bg)}.slot-n{color:var(--muted);font-size:12px;font-weight:800}.slot[data-picking=true] .slot-n{color:var(--ok)}.slot-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:15px;font-weight:700;overflow:hidden}.input-tile{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:10px;align-items:center;gap:10px;min-height:60px;padding:0 12px;display:flex}.input-tile[data-on-air=true]{border-color:var(--live);box-shadow:inset 3px 0 0 var(--live)}.input-tile[data-lost=true]{opacity:.5}.tile-label{flex:auto;font-size:17px;font-weight:700}.tile-id{color:var(--muted);font-size:12px}.tile-state{text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.input-tile[data-on-air=true] .tile-state{color:var(--live)}.discovered{background:var(--panel);border:1px dashed var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.discovered button,.pair-row button{background:var(--line);border-radius:8px;min-height:42px;padding:0 16px;font-weight:700}.pair-row{flex-wrap:wrap;gap:8px;display:flex}.qr{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.qr img{display:block}.qr .muted{color:#444;text-align:center}.qr button{color:#fff;background:#141414;border-radius:8px;min-height:42px;padding:0 18px;font-weight:700}.board-head{justify-content:space-between;align-items:baseline;display:flex}.board-row{background:var(--panel);border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:0 12px;display:flex}.board-wind{background:var(--line);width:26px;height:26px;color:var(--muted);text-align:center;border-radius:50%;font-size:13px;font-weight:800;line-height:26px}.board-row[data-dealer=true] .board-wind{background:var(--live);color:#fff}.board-name{flex:auto;font-weight:700}.board-delta{color:var(--muted);font-size:13px;font-weight:800}.board-points{font-size:18px;font-weight:800}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actions button{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-height:54px;font-size:15px;font-weight:700}.chat-list{flex-direction:column;gap:6px;display:flex}.chat-message{background:var(--panel);-webkit-user-select:text;user-select:text;border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.35}.chat-message[data-super=true]{background:#26230f}.chat-author{color:var(--muted);margin-right:6px;font-weight:800}.chat-author[data-owner=true]{color:var(--gold)}.chat-author[data-mod=true]{color:#6aa9e0}.chat-super{background:var(--gold);color:#141414;border-radius:3px;margin-right:6px;padding:1px 5px;font-size:12px;font-weight:800}.tabs{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);flex:none;display:flex}.tab{min-height:56px;color:var(--muted);flex:1 1 0;font-size:14px;font-weight:700}.tab[data-on=true]{color:var(--gold);box-shadow:inset 0 2px 0 var(--gold)}.bar-leave{background:var(--panel);width:32px;height:32px;color:var(--muted);border-radius:50%;flex:none;font-size:18px;line-height:1}.waking{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:baseline;gap:10px;padding:12px;display:flex}.waking-message{flex:auto;margin:0;font-size:15px}.waking[data-phase=degraded]{border-color:var(--live);color:var(--live)}.waking[data-phase=failed]{border-color:var(--danger);color:var(--danger)}