.mode button{width:auto;flex:1}.mode{flex-wrap:wrap}.mode button[data-mode=online]{border-color:#69b5f477}
.onlineLabel{display:block;color:var(--muted);font-size:11px;margin:20px 0}
.joinRow{display:flex;gap:10px;margin:24px 0}.joinRow input{min-width:0;font-family:monospace;font-size:23px;letter-spacing:4px;text-transform:uppercase}.joinRow button{width:130px}
.roomHeader{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;color:var(--muted);font-size:10px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px}
.roomHeader b{color:var(--lime);font:700 15px monospace;letter-spacing:2px}.roomBigCode{font:700 42px monospace;letter-spacing:7px;color:var(--lime);text-align:center}
.onlineCountdown{text-align:center;font:800 36px var(--font-display);color:var(--lime);min-height:46px}