const el = (id) => document.getElementById(id);

export const $lobby = el('lobby');
export const $room = el('room');
export const $roomId = el('roomId');
export const $status = el('status');
export const $guesser = el('guesser');
export const $timeline = el('timeline');
export const $tokens = el('tokens');
export const $audio = el('audio');
export const $np = el('nowPlaying');
export const $npTitle = el('npTitle');
export const $npArtist = el('npArtist');
export const $npYear = el('npYear');
export const $readyChk = el('readyChk');
export const $startGame = el('startGame');
export const $revealBanner = el('revealBanner');
export const $placeArea = el('placeArea');
export const $slotSelect = el('slotSelect');
export const $placeBtn = el('placeBtn');
export const $mediaControls = el('mediaControls');
export const $playBtn = el('playBtn');
export const $pauseBtn = el('pauseBtn');
export const $nextArea = el('nextArea');
export const $nextBtn = el('nextBtn');
export const $recordDisc = el('recordDisc');
export const $progressFill = el('progressFill');
export const $volumeSlider = el('volumeSlider');
export const $bufferBadge = el('bufferBadge');
export const $copyRoomCode = el('copyRoomCode');
export const $nameLobby = el('name');
export const $setNameLobby = el('setName');
export const $nameDisplay = el('nameDisplay');
export const $createRoom = el('createRoom');
export const $joinRoom = el('joinRoom');
export const $roomCode = el('roomCode');
export const $leaveRoom = el('leaveRoom');
export const $earnToken = el('earnToken');
export const $dashboardList = el('dashboardList');
export const $toast = el('toast');

export function showLobby() { $lobby.classList.remove('hidden'); $room.classList.add('hidden'); }
export function showRoom() { $lobby.classList.add('hidden'); $room.classList.remove('hidden'); }