:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#e5e7eb;background-color:#0b1220;--std-card-width: 220px;--std-card-height: 258px}@media (max-width: 2559px){:root{--std-card-width: 165px;--std-card-height: 194px}}*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e5e7eb}.lobby-shell{min-height:100vh;display:flex;justify-content:center;padding:32px 20px;background:radial-gradient(circle at top,#1a2438,#0f172a 45%,#0b1220)}.lobby-container{width:min(1100px,100%)}.lobby-header h1{margin:0;font-size:32px}.lobby-header p{margin:8px 0 0;color:#9ca3af}.lobby-tip,.lobby-error{margin-top:20px;font-size:14px}.lobby-error{color:#b42318}.lobby-grid{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.lobby-card{border:1px solid #334155;border-radius:14px;background:#111827;padding:16px;box-shadow:0 10px 30px #02061773}.lobby-card h2{margin:0;font-size:22px}.lobby-card p{margin:10px 0 14px;color:#9ca3af;min-height:42px}.lobby-cover{width:56px;height:56px;border-radius:12px;background:#1e293b;border:1px solid #334155;display:grid;place-items:center;font-size:30px;margin-bottom:10px}.lobby-actions{display:flex;justify-content:flex-start}.lobby-link{display:inline-block;padding:8px 12px;border-radius:8px;text-decoration:none;color:#dbeafe;border:1px solid #1d4ed8;background:#1e3a8a}.lobby-disabled{font-size:13px;color:#94a3b8}.loader-fallback{min-height:100vh;display:grid;place-items:center;font-size:16px;color:#cbd5e1}