:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#d7e4ef;--panel-border:#8eafca;--panel-fill:#ebf1f6;--text:#fff;--dark:#050505;--soft-black:#0d0d0d;--blue-top:#3385dc;--blue-bottom:#1d4fa9;--rose-top:#c38497;--rose-bottom:#b7758c;--silver-top:#f1f1f1;--silver-bottom:#d8d8d8;--shadow:0 12px 30px #16314a2e}*{box-sizing:border-box}html,body{color:#2e2e2e;background:linear-gradient(#dce8f3 0%,#cfe0ee 100%);min-height:100%;margin:0;font-family:Segoe UI,Tahoma,sans-serif}body{min-height:100vh}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.roulette-shell{min-height:100vh;padding:0}.auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fbfee6;border:1px solid #6d8caa4d;border-radius:28px;width:min(520px,100%);padding:34px;box-shadow:0 30px 70px #2948692e}.auth-card-compact{width:min(420px,100%)}.auth-dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 0 0,#ffffff4d,#0000 24%),#0f1b2875;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.auth-dialog{position:relative}.auth-eyebrow{color:#55738e;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}.auth-card h1{color:#17324c;margin-bottom:12px;font-size:clamp(30px,5vw,42px);line-height:1.05}.auth-copy{color:#4d657b;font-size:16px;line-height:1.6}.auth-actions{gap:12px;margin-top:28px;display:grid}.auth-provider{color:#fff;border:0;border-radius:18px;justify-content:flex-start;align-items:center;gap:14px;width:100%;padding:16px 18px;font-size:17px;font-weight:600;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex}.auth-provider:hover{transform:translateY(-1px)}.auth-provider:disabled{opacity:.7}.auth-provider-vk{background:linear-gradient(135deg,#1f7ae0 0%,#0a5ecf 100%);box-shadow:0 16px 36px #145dc047}.auth-provider-yandex{background:linear-gradient(135deg,#1f1f1f 0%,#0c0c0c 100%);box-shadow:0 16px 36px #00000038}.auth-provider-badge{background:#ffffff24;border-radius:12px;place-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:grid}.auth-error{color:#9e2140;background:#be385114;border-radius:16px;margin-top:16px;padding:12px 14px;line-height:1.5}.auth-note{color:#698198;margin-top:18px;font-size:13px;line-height:1.5}.auth-status-bar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f0f6fbe0;border-bottom:1px solid #7794b059;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;position:sticky;top:0}.auth-profile{align-items:center;gap:12px;min-width:0;display:flex}.auth-avatar{object-fit:cover;border-radius:50%;width:44px;height:44px}.auth-avatar-fallback{color:#fff;background:linear-gradient(135deg,#1c74db 0%,#183d75 100%);place-items:center;font-weight:700;display:grid}.auth-profile-copy{min-width:0;display:grid}.auth-profile-copy strong{color:#1f3549}.auth-profile-copy span{color:#667d92;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.auth-signout{color:#39556f;background:#ffffffbf;border:1px solid #adc0d2;border-radius:999px;padding:10px 16px}p,h1,h2{margin:0}.roulette-layout{grid-template-rows:minmax(0,1fr) 190px;min-height:100vh;display:grid}.stage-split{border:1px solid var(--panel-border);border-bottom:0;grid-template-columns:1fr 1fr;display:grid}.local-stage,.remote-stage{border-right:1px solid var(--panel-border);min-height:580px;position:relative;overflow:hidden}.remote-stage{background:#000;border-right:0}.local-stage-noise{filter:blur(.4px);background:radial-gradient(circle at 10% 20%,#ffffff0f,#0000 20%),radial-gradient(circle at 80% 15%,#ffffff0d,#0000 22%),radial-gradient(circle at 60% 70%,#ffffff0f,#0000 18%),repeating-radial-gradient(circle,#ffffff08 0 2px,#00000024 2px 6px),linear-gradient(#222 0%,#111 100%);position:absolute;inset:0;transform:scale(1.08)}.local-stage-video{object-fit:cover;opacity:1;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.local-stage-video.hidden{display:none}.remote-stage-video{object-fit:cover;opacity:1;width:100%;height:100%;position:absolute;inset:0}.remote-stage-video.hidden{display:none}.camera-hover-actions{z-index:3;opacity:0;gap:10px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:18px;right:18px;transform:translateY(-8px)}.local-stage:hover .camera-hover-actions{opacity:1;transform:translateY(0)}.camera-hover-action{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07070794;border:1px solid #ffffff38;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.camera-hover-icon{font-size:18px}.local-stage-overlay{z-index:1;height:100%;color:var(--text);text-align:center;flex-direction:column;justify-content:space-between;align-items:center;padding:74px 48px 46px;display:flex;position:relative}.local-stage-overlay.camera-active{pointer-events:none;padding:0}.brand-lockup{justify-items:center;gap:18px;margin-top:4px;display:grid}.brand-lockup h1{font-size:clamp(44px,5vw,66px);font-weight:600}.brand-mark{background:#fff;border-radius:50%;width:182px;height:182px;position:relative}.brand-mark span{background:#222;border-radius:50%;width:28px;height:28px;position:absolute}.brand-mark span:first-child{top:16px;left:77px}.brand-mark span:nth-child(2){top:42px;left:34px}.brand-mark span:nth-child(3){top:42px;right:34px}.brand-mark span:nth-child(4){width:30px;height:30px;top:76px;left:77px}.brand-mark span:nth-child(5){bottom:42px;left:34px}.brand-mark span:nth-child(6){bottom:42px;right:34px}.brand-mark span:nth-child(7){bottom:16px;left:77px}.store-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.store-badge{min-width:292px;box-shadow:var(--shadow);background:#000000e0;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;display:flex}.store-badge-icon{background:linear-gradient(135deg,#2f7de1,#fae144,#e13b2f);border-radius:14px;width:56px;height:56px}.store-badge small,.store-badge strong{display:block}.store-badge small{color:#ffffffc7;font-size:13px}.store-badge strong{font-size:26px;font-weight:600}.stage-caption{color:#ffffffd1;max-width:540px;font-size:14px}.stage-empty-state{justify-items:center;gap:18px;display:grid}.camera-enable-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff3d;border-radius:999px;padding:14px 22px;font-weight:600}.camera-enable-button:disabled{opacity:.7}.remote-stage-screen{color:#fff;background:linear-gradient(#0000001f,#0000006b);place-items:center;padding:48px;display:grid;position:absolute;inset:0}.remote-stage-center,.remote-partner-card{text-align:center;justify-items:center;gap:16px;display:grid}.remote-partner-card p{color:#fffc}.pulse-ring{border:1px solid #ffd3c059;border-radius:50%;width:92px;height:92px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 0 18px #ffd3c00f,0 0 0 36px #ffd3c00a}.remote-avatar{color:#1f1f1f;background:linear-gradient(135deg,#fff 0%,#b9cde0 100%);border-radius:50%;place-items:center;width:82px;height:82px;font-size:32px;font-weight:700;display:grid}.online-pill{color:#ffffffa6;background:#ffffff14;border-radius:999px;padding:8px 12px;font-size:12px;position:absolute;bottom:16px;right:16px}.bottom-zone{grid-template-columns:750px minmax(0,1fr);gap:10px;padding:0 0 10px;display:grid}.control-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.control-tile{min-height:178px;box-shadow:inset 0 1px 0 #ffffff8c,var(--shadow);background:linear-gradient(180deg,var(--silver-top)0%,var(--silver-bottom)100%);color:#454545;border:1px solid #8fa9c0;border-radius:20px;align-content:center;justify-items:center;gap:14px;font-size:23px;display:grid}.control-tile strong{font-size:30px}.control-tile-blue{background:linear-gradient(180deg,var(--blue-top)0%,var(--blue-bottom)100%);color:#fff}.control-tile-rose{background:linear-gradient(180deg,var(--rose-top)0%,var(--rose-bottom)100%);color:#fff}.control-tile.is-muted{color:#4f4f4f}.chat-dock{background:#f1f4f7;border:1px solid #a6bfd6;border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.chat-notice{color:#6f7680;background:#dbe4eb;border-radius:10px;align-items:start;gap:10px;margin:8px;padding:10px 12px;font-size:14px;line-height:1.45;display:flex}.chat-notice-icon{color:#2868bd;border-radius:50%;place-items:center;width:24px;height:24px;font-size:18px;display:grid}.chat-log-dock{background:#f8fafc;gap:10px;min-height:0;padding:10px 14px;display:grid;overflow:auto}.chat-empty-state{color:#93a2b1}.message-bubble{background:#dde8f2;border-radius:12px;max-width:min(82%,420px);padding:10px 12px}.message-bubble.own{background:#c7dbf1;justify-self:end}.message-bubble span{color:#567899;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.message-bubble p{color:#35485b;line-height:1.45}.chat-input-row{background:#fff;border-top:1px solid #d2dde7;grid-template-columns:minmax(0,1fr) 44px;display:grid}.chat-input-row input{color:#697685;background:0 0;border:0;outline:none;padding:14px 12px}.chat-send{color:#a7b1ba;background:0 0;border:0;font-size:24px}.chat-send:disabled{opacity:.55}.settings-backdrop{z-index:50;background:#00000061;place-items:center;display:grid;position:fixed;inset:0}.settings-card{background:#f3f6fa;border-radius:22px;width:min(520px,100vw - 24px);padding:22px;box-shadow:0 24px 60px #00000040}.settings-header{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.settings-header p{color:#6e7d8d;margin-top:6px}.settings-close{color:#4f6275;background:#dbe5ee;border:0;border-radius:50%;width:38px;height:38px;font-size:24px}.field{gap:8px;margin-bottom:14px;display:grid}.field span{color:#4b5f71;font-weight:600}.field input,.field textarea{color:#33475a;background:#fff;border:1px solid #cad8e5;border-radius:14px;outline:none;width:100%;padding:12px 14px}.field textarea{resize:vertical;min-height:110px}@keyframes pulse{0%,to{opacity:.86;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}@media (max-width:1180px){.stage-split,.bottom-zone,.control-grid{grid-template-columns:1fr}.roulette-layout{grid-template-rows:auto auto}.bottom-zone{padding:10px}}@media (max-width:720px){.auth-card{padding:24px}.auth-status-bar{flex-direction:column;align-items:flex-start}.local-stage,.remote-stage{min-height:420px}.store-badge{min-width:100%}.control-tile{min-height:120px}}