*{box-sizing:border-box}html,body{margin:0;background:#111;color:#eee;font-family:system-ui,sans-serif}button{font:inherit;padding:6px 12px;border-radius:4px;border:1px solid #555;background:#2a2a2a;color:#eee;cursor:pointer}button.primary{background:#2563eb;border-color:#2563eb}.bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:8px 12px;background:#1d1d1d;border-bottom:1px solid #333}.bar .spacer{flex:1}.warn{color:#fbbf24}.msg{padding:16px}.lobby{padding:16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.lobby fieldset{border:1px solid #444;display:flex;flex-direction:column;gap:6px}.muted{color:#999}.error{color:#f87171;white-space:pre-wrap;max-width:100%}.controls{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px;padding:8px 12px}.tile{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:6px;overflow:hidden}.tile video{width:100%;height:100%;object-fit:contain}.tile video.mirror{transform:scaleX(-1)}.tile-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#888}.tile-label{position:absolute;left:6px;bottom:6px;padding:2px 6px;background:#000000a6;border-radius:4px}.stats{margin:8px 12px;padding:8px;background:#000c;border:1px solid #333;font:12px/1.4 ui-monospace,monospace;white-space:pre-wrap;overflow-x:auto}