*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a;color:#f8fafc}button{border:0;border-radius:6px;padding:10px 14px;font:inherit;font-weight:700;color:#09251d;background:#34d399;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input{width:86px;border:1px solid rgba(148,163,184,.38);border-radius:6px;padding:9px 10px;color:#f8fafc;background:#0f172a;font:inherit}.appShell{display:flex;flex-direction:column;min-height:100vh}.hud{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid rgba(148,163,184,.24);background:#111827}.brandBlock{min-width:130px}.hud h1{margin:0;font-size:18px;line-height:1.2}.hud p{margin:2px 0 0;color:#cbd5e1;font-size:13px}.joinForm,.botControl{display:flex;align-items:center;gap:8px}.botControl span{color:#cbd5e1;font-size:13px}.roomCode{margin-left:auto;color:#a7f3d0;font-variant-numeric:tabular-nums}.lobbyPanel{display:flex;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid rgba(148,163,184,.22);background:#172033}.lobbyPanel div{display:flex;flex-direction:column;gap:4px}.lobbyPanel span{color:#cbd5e1;font-size:13px}.lobbyList{align-items:flex-end;text-align:right}.gameHost{flex:1;min-height:0;overflow:hidden}@media(max-width:640px){.hud{align-items:stretch;flex-direction:column}.joinForm,.botControl{align-items:stretch}input{width:100%}.roomCode{margin-left:0}.lobbyPanel,.lobbyList{align-items:stretch;flex-direction:column;text-align:left}}