.lobby{color:#fff;background-color:#120524;min-height:100vh;padding:30px;font-family:sans-serif}.lobby-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.lobby-title{margin:0;font-size:22px}.lobby-user{align-items:center;gap:12px;font-size:14px;display:flex}.lobby-user-name{color:#0fc;font-weight:600}.lobby-logout-btn{color:#fff;cursor:pointer;background-color:#5b2b99;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:background-color .2s}.lobby-logout-btn:hover{background-color:#ff3b30}.lobby-form{background-color:#2d124d;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:25px;padding:20px;display:flex}.lobby-form-title{width:100%;margin:0 0 4px;font-size:16px}.lobby-input{border:none;border-radius:4px;flex:1;min-width:180px;padding:8px 12px;font-size:14px}.lobby-select{border:none;border-radius:4px;padding:8px;font-size:14px}.lobby-create-btn{color:#fff;cursor:pointer;background-color:#ff007f;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:700}.lobby-subtitle{margin:0 0 15px;font-size:16px}.lobby-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.lobby-card{background-color:#2d124d;border:1px solid #5b2b99;border-radius:8px;flex-direction:column;justify-content:space-between;padding:15px;display:flex}.lobby-card-name{color:#0fc;margin:0 0 5px;font-size:16px}.lobby-card-owner-badge{font-size:12px}.lobby-card-limit{color:#bbb;margin:0 0 15px;font-size:13px}.lobby-card-full{color:#ff9500;margin:-10px 0 10px;font-size:12px;font-weight:600}.lobby-card-actions{justify-content:space-between;align-items:center;display:flex}.lobby-join-btn{color:#fff;cursor:pointer;background-color:#5b2b99;border:none;border-radius:4px;padding:6px 12px;font-size:14px}.lobby-join-btn--disabled{color:#888;cursor:not-allowed;background-color:#3a1a5e}.lobby-delete-btn{color:#fff;cursor:pointer;background-color:#ff3b30;border:none;border-radius:4px;padding:6px 10px;font-size:13px}.auth-section{justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:16px;display:flex}.auth-form{background:linear-gradient(145deg,#2d124df2,#1e0a37fa);border:1px solid #5b2b9966;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:32px 28px;display:flex;box-shadow:0 24px 80px #0006}.auth-form h3{color:#fff;text-align:center;margin:0 0 4px;font-size:20px}.auth-input{color:#fff;background:#120524b3;border:1px solid #b9a2d859;border-radius:10px;outline:none;width:90%;padding:12px 16px;font-size:15px;transition:border-color .2s}.auth-input:focus{border-color:#ff007f}.auth-input::placeholder{color:#ffffff59}.auth-error{color:#ff6b6b;text-align:center;background:#ff3b3026;border:1px solid #ff3b3040;border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.auth-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#ff007f,#5b2b99);border:none;border-radius:10px;width:100%;padding:13px;font-size:15px;font-weight:700;transition:opacity .2s,transform .15s}.auth-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-btn:disabled{opacity:.55;cursor:not-allowed}@media (width<=600px){.lobby{padding:16px}.lobby-header{flex-direction:column;align-items:flex-start;gap:10px}.lobby-title{font-size:18px}.lobby-form{flex-direction:column;align-items:stretch}.lobby-input,.lobby-select{width:100%;min-width:0}.lobby-create-btn{width:100%}.lobby-grid{grid-template-columns:1fr}.lobby-card-actions{flex-direction:column;gap:8px}.lobby-join-btn,.lobby-delete-btn{text-align:center;width:100%}}@media (width<=480px){.auth-form{border-radius:12px;padding:24px 20px}.auth-form h3{font-size:18px}.auth-input{padding:11px 14px;font-size:14px}.auth-btn{padding:12px;font-size:14px}}.room-container{color:#fff;background-color:#1a0b2e;min-height:100vh;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.status-badge{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.grid-container{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px;display:grid}.seat-wrapper{text-align:center;position:relative}.seat{cursor:pointer;background-color:#2d124d;border:2px solid #5b2b99;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:75px;height:75px;margin:0 auto;font-size:12px;transition:transform .2s,border-color .2s;display:flex}.seat:hover{border-color:#ff007f;transform:scale(1.05)}.seat.occupied{cursor:default;border-color:#0fc}.seat.occupied:hover{transform:none}.seat-occupant{flex-direction:column;align-items:center;gap:2px;display:flex}.owner-crown{font-size:10px;display:block}.seat-name{color:#0fc;font-weight:700}.seat-name--me{color:#4cd964}.seat-label{color:#4cd964;font-size:8px;display:block}.seat-empty{font-size:11px}.owner-actions{gap:4px;display:flex;position:absolute;top:-8px;right:10px}.owner-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:background-color .2s;display:flex}.mute-btn{background-color:#5b2b99}.mute-btn--active{background-color:#ff9500}.kick-btn{background-color:#ff3b30}.seat-muted-icon{margin-top:1px;font-size:9px;display:block}.banner{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.banner--error{color:#ff3b30;background-color:#ff3b3022;border:1px solid #ff3b30}.banner--warning{color:#ff9500;background-color:#ff950022;border:1px solid #ff9500}.banner-close{color:inherit;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}.chat-panel{background-color:#120524;border:1px solid #2d124d;border-radius:8px;flex-direction:column;gap:6px;height:200px;margin-bottom:15px;padding:15px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:#666;margin-top:60px}.message-line{width:100%;display:flex}.message-line--own{justify-content:flex-end}.message-line--other{justify-content:flex-start}.message-bubble{border-radius:12px;max-width:70%;padding:8px 12px;font-size:13px;line-height:1.4}.message-bubble--own{color:#fff;background-color:#ff007f;border-bottom-right-radius:4px}.message-bubble--other{color:#fff;background-color:#2d124d;border-bottom-left-radius:4px}.message-sender{color:#0fc;margin-bottom:2px;font-size:11px;font-weight:600}.message-text{word-wrap:break-word}.message-time{color:#ffffff80;text-align:right;margin-top:3px;font-size:9px}.controls-bar{align-items:center;gap:12px;display:flex}.input-field{color:#fff;background-color:#2d124d;border:1px solid #5b2b99;border-radius:25px;outline:none;flex:1;padding:12px 18px;font-size:14px}.input-field:focus{border-color:#ff007f}.btn{color:#fff;cursor:pointer;border:none;border-radius:25px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .3s}.btn-mute{background-color:#4cd964}.btn-mute.muted,.btn-leave{background-color:#ff3b30}.btn-send{background-color:#ff007f}.vr-container{color:#fff;background-color:#0f0f1a;min-height:100vh;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.vr-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.vr-title{margin:0;font-size:20px}.vr-status{align-items:center;gap:12px;font-size:14px;display:flex}.vr-status-dot{font-weight:500}.vr-owner-badge{color:gold;font-weight:600}.vr-participant-count{color:#888;font-size:13px}.vr-banner{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.vr-banner--error{color:#ff3b30;background-color:#ff3b3022;border:1px solid #ff3b30}.vr-banner--warning{color:#ff9500;background-color:#ff950022;border:1px solid #ff9500}.vr-banner-close{color:inherit;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}.vr-lobby{justify-content:center;align-items:center;min-height:60vh;display:flex}.vr-lobby-card{text-align:center;background:#1a1a2e;border:1px solid #333;border-radius:16px;max-width:400px;padding:48px}.vr-lobby-icon{margin-bottom:16px;font-size:64px}.vr-lobby-card h2{margin:0 0 8px;font-size:24px}.vr-lobby-card p{color:#888;margin:0 0 24px}.vr-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:16px;display:grid}.vr-tile-local,.vr-tile-remote{position:relative}.video-tile{aspect-ratio:16/9;background:#1a1a2e;border:2px solid #333;border-radius:12px;position:relative;overflow:hidden}.video-tile__video{object-fit:cover;width:100%;height:100%;display:block}.video-tile__placeholder{background:linear-gradient(135deg,#1a1a2e 0%,#2d1b4e 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.video-tile__avatar{color:#fff;background:#5b2b99;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:32px;font-weight:700;display:flex}.video-tile__overlay{background:linear-gradient(#0000,#000c);justify-content:space-between;align-items:flex-end;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.video-tile__info{align-items:center;gap:6px;display:flex}.video-tile__name{color:#fff;font-size:13px;font-weight:600}.video-tile__you{color:#4cd964;font-weight:400}.video-tile__icons{gap:4px;font-size:12px;display:flex}.video-tile__owner-actions{gap:4px;display:flex}.video-tile__owner-btn{cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:background-color .2s;display:flex}.video-tile__owner-btn:hover{background:#ffffff4d}.video-tile__owner-btn--kick{background:#ff3b3099}.video-tile__owner-btn--kick:hover{background:#ff3b30e6}.vr-controls{background:#1a1a2e;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.vr-btn{color:#fff;cursor:pointer;border:none;border-radius:25px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s}.vr-btn:hover{transform:scale(1.03)}.vr-btn:active{transform:scale(.97)}.vr-btn--join{background:#4cd964;padding:14px 36px;font-size:16px}.vr-btn--join:hover{background:#3cc255}.vr-btn--cam,.vr-btn--mic{background:#4cd964}.vr-btn--off,.vr-btn--leave{background:#ff3b30}.vr-btn--leave:hover{background:#e63328}.vr-btn--send{background:#ff007f;padding:10px 20px}.vr-btn--send:disabled{opacity:.5;cursor:not-allowed;transform:none}.vr-chat{background:#1a1a2e;border:1px solid #333;border-radius:12px;padding:12px}.vr-chat-messages{flex-direction:column;gap:6px;height:180px;margin-bottom:10px;display:flex;overflow-y:auto}.vr-chat-empty{text-align:center;color:#666;margin-top:70px}.vr-chat-msg{width:100%;display:flex}.vr-chat-msg--own{justify-content:flex-end}.vr-chat-msg--other{justify-content:flex-start}.vr-chat-bubble{border-radius:12px;max-width:70%;padding:8px 12px;font-size:13px;line-height:1.4}.vr-chat-msg--own .vr-chat-bubble{color:#fff;background:#ff007f;border-bottom-right-radius:4px}.vr-chat-msg--other .vr-chat-bubble{color:#fff;background:#2d124d;border-bottom-left-radius:4px}.vr-chat-sender{color:#0fc;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.vr-chat-text{word-wrap:break-word;display:block}.vr-chat-time{color:#ffffff80;text-align:right;margin-top:3px;font-size:9px;display:block}.vr-chat-input-bar{gap:8px;display:flex}.vr-chat-input{color:#fff;background:#2d124d;border:1px solid #5b2b99;border-radius:25px;outline:none;flex:1;padding:10px 16px;font-size:14px}.vr-chat-input:focus{border-color:#ff007f}@media (width<=768px){.vr-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.vr-controls{flex-wrap:wrap}.vr-header{flex-direction:column;align-items:flex-start;gap:8px}}