:root{font-family:system-ui,-apple-system,sans-serif;color-scheme:dark}body{margin:0;background:#0c0c0e;color:#eee}.countdown{font-size:6rem;font-weight:700;text-align:center;letter-spacing:.1em}.tile{position:relative;aspect-ratio:16/9;background:#000}.tile-player{width:100%;height:100%}.tile-label{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:#00000080;display:flex;align-items:center;gap:.5rem}.tile-label img{width:24px;height:24px;border-radius:50%}.sync-indicator{position:absolute;top:.5rem;right:.5rem;font-size:.75rem;opacity:.6}.lobby{padding:2rem;max-width:640px;margin:0 auto;text-align:center}.lobby-grid{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.lobby-grid img{width:48px;height:48px;border-radius:50%}.player-view{display:grid;grid-template-columns:70% 30%;height:100vh}.player-strip{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;overflow-y:auto}.public-grid{display:grid;gap:.5rem;padding:.5rem;min-height:100vh;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.public-grid .tile-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;background:#1a1a20}.public-grid .tile-empty img{width:64px;height:64px;border-radius:50%}.unmute-all{position:fixed;right:1rem;bottom:1rem;padding:.5rem 1rem;background:#2a2a30;color:#eee;border:1px solid #444;border-radius:999px;cursor:pointer}@media(max-width:800px){.player-view{grid-template-columns:1fr;grid-template-rows:60% 40%}.player-strip{flex-direction:row}}