*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#12152a;color:#fff;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}button,select{font:inherit}.start{max-width:820px;margin:0 auto;padding:64px 24px}.start h1{margin:0 0 6px;font-size:30px}.start-lead{margin:0 0 28px;color:#b8c0ea;font-size:16px}.start-row{display:flex;gap:28px;margin-bottom:24px}.start-row label{display:flex;align-items:center;gap:10px;color:#c9d2ff;font-weight:600}.start-row select{height:34px;border-radius:8px;padding:0 8px}.start-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.start-game{display:flex;flex-direction:column;gap:6px;text-align:left;padding:18px;border-radius:12px;border:1px solid #343a72;background:#1c2042;color:#fff;cursor:pointer}.start-game:hover{border-color:#748df4;background:#222751}.start-game-name{font-size:18px;font-weight:700}.start-game-what{color:#b8c0ea}.stepper{display:inline-flex;align-items:center;gap:8px}.stepper button{width:28px;height:28px;border-radius:14px;border:1px solid #3b4280;background:#262b55;color:#fff;cursor:pointer}.stepper button:disabled{opacity:.4;cursor:default}.room{position:fixed;inset:0;display:flex;flex-direction:column}.rbar{flex:none;height:48px;display:flex;align-items:center;gap:16px;padding:0 14px;background:#1c2042;border-bottom:1px solid #2c3160;white-space:nowrap}.rbar-title{font-weight:800;color:#c9d2ff}.rbar-game{font-weight:600}.rbar-group{display:flex;align-items:center;gap:8px;color:#b8c0ea}.rbar-seg,.pane-seg{display:inline-flex;gap:2px}.rbar-seg button,.rbar-btn,.pane-tools button{height:30px;padding:0 12px;border-radius:7px;border:1px solid #3b4280;background:#262b55;color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.rbar-seg button.is-on,.pane-seg button.is-on{background:#748df4;border-color:#748df4}.rbar-who{display:flex;align-items:center;gap:8px;margin-left:auto;color:#b8c0ea}.rbar-who .dot{width:12px;height:12px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.panes{position:relative;flex:1;min-height:0}.pane-slot{position:absolute;transition:left .18s,top .18s,width .18s,height .18s}.pane{width:100%;height:100%;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:#0b0d1c;border:2px solid #2c3160}.pane.is-focused{border-color:var(--seat);box-shadow:0 0 0 3px color-mix(in srgb,var(--seat) 35%,transparent)}.pane-head{flex:none;height:34px;display:flex;align-items:center;gap:8px;padding:0 8px 0 10px;background:#1c2042}.pane-name{font-weight:700}.pane-keys{color:var(--seat);font-size:12px;font-weight:600}.pane-tools{margin-left:auto;display:flex;gap:4px}.pane-tools button{height:24px;padding:0 9px;font-size:12px}.pane.is-small .pane-head{height:28px}.pane-body{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.pane-screen{position:relative;overflow:hidden;flex:none;background:#000}.pane-screen iframe{position:absolute;left:0;top:0;width:1280px;height:800px;border:0;transform-origin:0 0;background:#fff}.pane-left{display:flex;flex-direction:column;align-items:center;gap:12px;color:#b8c0ea}.pane-left button{height:32px;padding:0 14px;border-radius:8px;border:0;background:#d7f25c;color:#1b1f10;font-weight:700;cursor:pointer}