#videoGrid{grid-template-columns:1fr}#videoGrid.peers-2{grid-template-columns:1fr 1fr}#videoGrid.peers-3{grid-template-columns:1fr 1fr 1fr}#videoGrid.peers-4{grid-template-columns:1fr 1fr}#videoGrid.peers-5,#videoGrid.peers-6,#videoGrid.peers-7,#videoGrid.peers-8,#videoGrid.peers-9{grid-template-columns:1fr 1fr 1fr}#videoGrid.peers-many{grid-template-columns:1fr 1fr 1fr 1fr}.video-tile{position:relative;background:var(--dark-700);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;min-width:200px;max-height:calc(100vh - 200px)}.video-tile video{width:100%;height:100%;object-fit:cover;display:block}.video-tile .video-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem .75rem;background:linear-gradient(transparent,#000000b3);display:flex;align-items:center;justify-content:space-between}.video-tile .peer-name{font-size:.8rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.video-tile .peer-indicators{display:flex;gap:.35rem}.video-tile .peer-indicators i{font-size:.75rem;color:var(--text-muted)}.video-tile .peer-indicators i.active{color:var(--success)}.video-tile .peer-indicators i.muted{color:var(--danger)}.video-tile.local-video{border-color:var(--primary);border-width:2px}.video-tile .no-video{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--dark-700)}.video-tile .no-video .avatar{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:1.8rem;font-weight:700;color:#000}.chat-msg{margin-bottom:.5rem;padding:.4rem .6rem;border-radius:8px;font-size:.85rem;line-height:1.4;word-wrap:break-word}.chat-msg .chat-sender{font-weight:600;color:var(--primary);margin-right:.35rem;font-size:.8rem}.chat-msg .chat-time{font-size:.7rem;color:var(--text-muted);float:right;margin-top:2px}.chat-msg .chat-text{color:var(--text-secondary)}.chat-msg.system-msg{color:var(--text-muted);font-style:italic;font-size:.8rem;text-align:center}#controlBar .btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;padding:0}#controlBar .btn.active{background:var(--primary);color:#000;border-color:var(--primary)}#controlBar .btn.ptt-talking{background:var(--success);color:#000;border-color:var(--success);box-shadow:0 0 15px #0f86;animation:pttPulse .8s ease infinite}@keyframes pttPulse{0%,to{box-shadow:0 0 10px #00ff884d}50%{box-shadow:0 0 20px #0f89}}#controlBar .btn.muted{background:var(--danger);color:#fff;border-color:var(--danger)}.room-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .3s ease}.room-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 5px 20px #00d4ff1a}.room-card .room-card-name{font-family:Orbitron,monospace;font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:.25rem}.room-card .room-card-info{font-size:.8rem;color:var(--text-muted)}.room-card .room-card-count{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--success)}.participant-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--glass-border)}.participant-item .participant-name{font-weight:500;font-size:.9rem}.participant-item .participant-actions{display:flex;gap:.35rem}.participant-item .participant-actions .btn{width:28px;height:28px;padding:0;font-size:.75rem;border-radius:6px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark-900)}::-webkit-scrollbar-thumb{background:var(--dark-600);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.sound-btn{background:var(--dark-600);border:1px solid var(--glass-border);border-radius:8px;padding:.4rem;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s;text-align:center}.sound-btn:hover{background:var(--dark-700);border-color:var(--primary);transform:scale(1.05)}.sound-btn .sound-icon{font-size:1.2rem;display:block}.sound-btn .sound-name{font-size:.6rem;color:var(--text-muted);margin-top:2px}.video-tile .volume-slider{position:absolute;bottom:35px;left:8px;right:8px;opacity:0;transition:opacity .2s;display:flex;align-items:center;gap:4px}.video-tile:hover .volume-slider{opacity:1}.video-tile .volume-slider input[type=range]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--dark-600);border-radius:2px;outline:none}.video-tile .volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--primary);border-radius:50%;cursor:pointer}.video-tile .volume-slider i{color:var(--text-muted);font-size:.7rem}.floating-emoji{position:absolute;font-size:2.5rem;bottom:20%;animation:emojiFloat 2s ease-out forwards;pointer-events:none;z-index:100}@keyframes emojiFloat{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-80px) scale(1.2)}to{opacity:0;transform:translateY(-160px) scale(.8)}}.emoji-bar{display:flex;gap:4px;padding:4px 8px;background:var(--dark-700);border:1px solid var(--glass-border);border-radius:20px}.emoji-bar button{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:2px 4px;border-radius:6px;transition:all .2s}.emoji-bar button:hover{background:#ffffff1a;transform:scale(1.2)}.typing-indicator{padding:.25rem .75rem;font-size:.75rem;color:var(--text-muted);font-style:italic;display:none}.video-tile.speaking{border-color:var(--success)!important;box-shadow:0 0 15px #00ff884d}.video-tile.spotlighted{grid-column:1 / -1;max-height:none;aspect-ratio:16 / 9;border-color:var(--warning)!important}.video-tile .pin-btn{position:absolute;top:8px;right:8px;background:#00000080;border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:.7rem;cursor:pointer;opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.video-tile:hover .pin-btn{opacity:1}.video-tile.spotlighted .pin-btn{opacity:1;background:var(--warning);color:#000}.gif-picker{position:absolute;bottom:100%;left:0;right:0;max-height:300px;background:var(--dark-800);border:1px solid var(--glass-border);border-radius:12px 12px 0 0;overflow:hidden;display:none;flex-direction:column;z-index:10}.gif-picker.show{display:flex}.gif-picker-search{padding:8px;border-bottom:1px solid var(--glass-border)}.gif-picker-results{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;overflow-y:auto;max-height:240px}.gif-picker-results img{width:100%;height:80px;object-fit:cover;border-radius:6px;cursor:pointer;transition:opacity .2s}.gif-picker-results img:hover{opacity:.8}.chat-msg .chat-gif{max-width:200px;max-height:150px;border-radius:8px;margin-top:4px;display:block}.chat-mention{color:var(--primary);font-weight:600;background:#00d4ff1a;padding:0 3px;border-radius:3px}.waiting-room-overlay{position:fixed;inset:0;background:var(--dark-900);z-index:1100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.waiting-room-overlay .spinner{width:48px;height:48px;border:3px solid var(--dark-600);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.room-topic-bar{padding:.25rem 1rem;font-size:.8rem;color:var(--text-muted);background:#0000004d;border-bottom:1px solid var(--glass-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 767.98px){#videoGrid{grid-template-columns:1fr!important}#chatPanel{position:fixed;top:0;right:-320px;width:280px;height:100vh;z-index:1050;transition:right .3s ease}#chatPanel.show{right:0}.video-tile{min-width:unset}#controlBar .btn{width:40px;height:40px;font-size:.95rem}#controlBar select{display:none}}