#lobby{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1c2128,#0d0f12);font-family:-apple-system,Segoe UI,system-ui,sans-serif;color:#f2efe6}.lobby-pantalla{width:min(92vw,460px);max-height:88vh;overflow-y:auto;padding:28px 26px 24px;background:#161a1f;border:1px solid #2c333d;border-radius:4px;box-shadow:0 12px 40px #000a,inset 0 1px #ffffff0d;display:flex;flex-direction:column;gap:12px}.lobby-inicio{text-align:center;align-items:stretch}.lobby-titulo{margin:0 0 2px;font-size:30px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#dcb35c;text-shadow:0 2px 0 #000}.lobby-subtitulo{margin:0 0 10px;color:#9aa0a8;font-size:13px}.lobby-pantalla h2{margin:0 0 4px;font-size:18px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#f2efe6;border-bottom:1px solid #262b32;padding-bottom:8px}.lobby-etiqueta{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9aa0a8;margin-top:4px}.lobby-input,.lobby-select{width:100%;box-sizing:border-box;padding:9px 10px;background:#0d0f12;border:1px solid #2c333d;border-radius:3px;color:#f2efe6;font:inherit;font-size:14px}.lobby-input:focus,.lobby-select:focus{outline:2px solid #dcb35c;outline-offset:-1px}.lobby-select-chico{width:auto;flex:1 1 0;padding:6px;font-size:12px}.lobby-colores{display:flex;flex-wrap:wrap;gap:8px}.lobby-swatch{width:30px;height:30px;border-radius:3px;border:2px solid #00000000;cursor:pointer;padding:0}.lobby-swatch:hover{transform:scale(1.08)}.lobby-swatch-activo{border-color:#f2efe6;box-shadow:0 0 0 2px #0d0f12,0 0 0 4px #dcb35c}.lobby-boton{padding:11px 16px;border-radius:3px;border:1px solid #2c333d;background:#23272e;color:#f2efe6;font:inherit;font-size:14px;letter-spacing:.03em;cursor:pointer;transition:transform .08s ease,background .15s ease}.lobby-boton:hover:not(:disabled){background:#2a2f37}.lobby-boton:active:not(:disabled){transform:scale(.97)}.lobby-boton:disabled{opacity:.5;cursor:default}.lobby-boton-primario{background:#dcb35c;border-color:#dcb35c;color:#0d0f12;font-weight:700}.lobby-boton-primario:hover:not(:disabled){background:#e8c374}.lobby-boton-secundario{background:#1c2128}.lobby-boton-fantasma{background:transparent;border-color:transparent;color:#9aa0a8;padding-left:4px}.lobby-boton-fantasma:hover{color:#f2efe6;background:transparent}.lobby-boton-chico{padding:6px 10px;font-size:12px}.lobby-estado{min-height:16px;font-size:12px;margin:2px 0 0}.lobby-estado-error:not(:empty){color:#e0625a}.lobby-cabecera-sala{text-align:center;padding-bottom:8px;border-bottom:1px solid #262b32}.lobby-codigo{margin:0;font-size:26px;letter-spacing:.18em;color:#dcb35c}.lobby-link{margin:6px 0 0;font-size:12px;color:#9aa0a8;word-break:break-all;font-family:Consolas,Menlo,monospace}.lobby-tipo-mapa{margin:6px 0 0;font-size:12px;color:#9aa0a8}.lobby-descripcion-tipo-mapa{min-height:14px;margin:2px 0 8px;font-size:12px;color:#9aa0a8}.lobby-slots{display:flex;flex-direction:column;gap:6px}.lobby-slot{display:flex;align-items:center;gap:8px;padding:7px 9px;background:#0d0f12;border:1px solid #2a2f37;border-radius:3px;font-size:13px}.lobby-slot-vacio{opacity:.6;font-style:italic}.lobby-slot-color{width:16px;height:16px;border-radius:3px;background:#2a2f37;flex:none}.lobby-slot-nombre{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-slot-civ{color:#9aa0a8;font-size:11px;text-transform:uppercase}.lobby-slot-controles-ia{display:flex;gap:6px;flex:1 1 auto;align-items:center}.lobby-tarjeta-civ{margin-top:-2px;padding:10px 12px;background:#0d0f12;border:1px solid #2c333d;border-radius:3px;display:flex;flex-direction:column;gap:4px}.lobby-tarjeta-civ-nombre{margin:0;font-size:13px;font-weight:700;color:#dcb35c}.lobby-tarjeta-civ-descripcion{margin:0;font-size:12px;color:#f2efe6}.lobby-tarjeta-civ-bonos{margin:2px 0 0;padding-left:16px;font-size:12px;color:#9aa0a8;display:flex;flex-direction:column;gap:2px}.lobby-tarjeta-civ-unica{margin:2px 0 0;font-size:12px;color:#9aa0a8;font-style:italic}.lobby-tarjeta-civ-sello{margin:4px 0 0;font-size:11px;color:#6f9a72}@media (max-width: 480px){.lobby-pantalla{padding:20px 16px 18px}.lobby-slot-controles-ia{flex-wrap:wrap}}