:root{color-scheme:dark}html,body,#root{height:100%;margin:0;background:#000}body{font-family:var(--ui, system-ui, sans-serif);overflow:hidden}.page{position:relative;height:100%;background:#000}.page video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;display:block}.page video.crop{object-fit:cover}.page:fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.page.pseudo{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:9999}.note{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:.8;font:400 14px/1.4 system-ui,sans-serif;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.pass{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:8px;z-index:3}.pass input{height:36px;padding:0 10px;border:1px solid #444;background:#161618;color:#fff;font:400 13px system-ui,sans-serif;outline:none;width:180px}.pass button{height:36px;padding:0 14px;border:1px solid #444;background:#222;color:#fff;font:600 13px system-ui,sans-serif;cursor:pointer}.pass button:hover{border-color:#6ea2ff}.controls{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;gap:10px;padding:28px 14px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));opacity:0;pointer-events:none;transition:opacity .15s}.controls.show{opacity:1;pointer-events:auto}.cbtn{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:34px;padding:0 9px;border:1px solid rgba(255,255,255,.2);background:#06090e99;color:#eaf2fb;cursor:pointer}.cbtn:hover{background:#fff;color:#000}.cbtn.on{border-color:#3d7dff;background:#3d7dff38;color:#fff}.cbtn.bare{border:none;background:none;padding:0 2px}.cbtn.bare:hover{background:none;color:#fff}.spacer{flex:1}.volwrap{display:flex;align-items:center;gap:8px;height:34px;padding:0 9px;border:1px solid rgba(255,255,255,.2);background:#06090e99}.volwrap input[type=range]{width:120px;accent-color:#3d7dff;cursor:pointer}.lobby{min-height:100%;padding:24px;background:#0a0a0c;color:#ededef;font-family:Inter,system-ui,sans-serif;box-sizing:border-box}.lobby h1{margin:0 0 16px;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.lobby h1 small{color:#71717a;font-weight:400;letter-spacing:0;text-transform:none;margin-left:8px;font-size:12px;font-family:ui-monospace,monospace}.lobby-note{color:#71717a;font:12px ui-monospace,monospace;padding:24px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card-live{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;min-height:110px;text-align:left;cursor:pointer;background:#141417;color:inherit;border:1px solid #232329;border-radius:6px;font:inherit}.card-live:hover{border-color:#6e56cf;background:#6e56cf22}.card-live .badge{font:500 10px ui-monospace,monospace;letter-spacing:.12em;background:#e5484d;color:#fff;border-radius:3px;padding:2px 6px}.card-live .name{font-size:14px;font-weight:600;overflow-wrap:anywhere}.card-live .meta{margin-top:auto;color:#71717a;font:12px ui-monospace,monospace}