.spectator-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.spectator-controls label{display:flex;gap:10px;align-items:center}.spectator-note{font-size:13px;color:#b7c5db;line-height:1.5}.spectator-status{padding:10px;border:1px solid #43516d;border-radius:8px;background:#142039}.spectator-rooms{display:grid;gap:10px;margin-top:15px}.spectator-room{display:flex;align-items:center;gap:12px;padding:12px;background:#182a43;border:1px solid #425c78;border-radius:10px}.spectator-room img{width:48px;height:66px;object-fit:contain;image-rendering:pixelated}.spectator-room div{flex:1}.spectator-room strong,.spectator-room small{display:block}.spectator-room small{color:#bacbda;margin-top:5px}.spectator-room button,.spectator-controls button,.spectator-toolbar button{padding:9px 13px;border:1px solid #698fb1;border-radius:7px;background:#234a68;color:white;font:inherit;cursor:pointer}.spectator-room button:disabled{opacity:.45;cursor:default}.spectator-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#102039;padding:10px;color:white}.spectator-toolbar span{flex:1;font-size:14px}.spectator-video{display:block;width:100%;aspect-ratio:4/3;background:#080e18;object-fit:contain;image-rendering:pixelated}.spectator-view[hidden]{display:none}.spectator-live{font-size:11px;color:#9fc4df;align-self:center}.spectator-live[data-live="true"]{color:#f1a8ac}.spectator-live[data-live="true"]:before{content:'● ';color:#ff6b79}