#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,#23261d,#14150f);font-family:Bahnschrift,Segoe UI Semibold,Arial Narrow,system-ui,sans-serif;color:#e8e2c8}.lobby-pantalla{width:min(92vw,460px);max-height:88vh;overflow-y:auto;padding:28px 26px 24px;background:#1c1e16;border:1px solid #4a4a34;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;letter-spacing:.04em;text-transform:uppercase;color:#e0c62b;text-shadow:0 2px 0 #000}.lobby-subtitulo{margin:0 0 10px;color:#a7a184;font-size:13px}.lobby-pantalla h2{margin:0 0 4px;font-size:18px;letter-spacing:.03em;text-transform:uppercase;color:#e8e2c8;border-bottom:1px solid #3a3b2b;padding-bottom:8px}.lobby-etiqueta{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#a7a184;margin-top:4px}.lobby-input,.lobby-select{width:100%;box-sizing:border-box;padding:9px 10px;background:#14150f;border:1px solid #4a4a34;border-radius:3px;color:#e8e2c8;font:inherit;font-size:14px}.lobby-input:focus,.lobby-select:focus{outline:2px solid #e0c62b;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:#e8e2c8;box-shadow:0 0 0 2px #14150f,0 0 0 4px #e0c62b}.lobby-boton{padding:11px 16px;border-radius:3px;border:1px solid #4a4a34;background:#262819;color:#e8e2c8;font:inherit;font-size:14px;letter-spacing:.03em;cursor:pointer;transition:transform .08s ease,background .15s ease}.lobby-boton:hover:not(:disabled){background:#33351f}.lobby-boton:active:not(:disabled){transform:scale(.97)}.lobby-boton:disabled{opacity:.5;cursor:default}.lobby-boton-primario{background:#e0c62b;border-color:#e0c62b;color:#14150f;font-weight:700}.lobby-boton-primario:hover:not(:disabled){background:#f0d840}.lobby-boton-secundario{background:#23261d}.lobby-boton-fantasma{background:transparent;border-color:transparent;color:#a7a184;padding-left:4px}.lobby-boton-fantasma:hover{color:#e8e2c8;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:#e0632b}.lobby-cabecera-sala{text-align:center;padding-bottom:8px;border-bottom:1px solid #3a3b2b}.lobby-codigo{margin:0;font-size:26px;letter-spacing:.18em;color:#e0c62b}.lobby-link{margin:6px 0 0;font-size:12px;color:#a7a184;word-break:break-all;font-family:Consolas,Menlo,monospace}.lobby-tipo-mapa{margin:6px 0 0;font-size:12px;color:#a7a184}.lobby-descripcion-tipo-mapa{min-height:14px;margin:2px 0 8px;font-size:12px;color:#a7a184}.lobby-slots{display:flex;flex-direction:column;gap:6px}.lobby-slot{display:flex;align-items:center;gap:8px;padding:7px 9px;background:#14150f;border:1px solid #33351f;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:#33351f;flex:none}.lobby-slot-nombre{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-slot-civ{color:#a7a184;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:#14150f;border:1px solid #4a4a34;border-radius:3px;display:flex;flex-direction:column;gap:4px}.lobby-tarjeta-civ-nombre{margin:0;font-size:13px;font-weight:700;color:#e0c62b}.lobby-tarjeta-civ-descripcion{margin:0;font-size:12px;color:#e8e2c8}.lobby-tarjeta-civ-bonos{margin:2px 0 0;padding-left:16px;font-size:12px;color:#a7a184;display:flex;flex-direction:column;gap:2px}.lobby-tarjeta-civ-unica{margin:2px 0 0;font-size:12px;color:#a7a184;font-style:italic}@media (max-width: 480px){.lobby-pantalla{padding:20px 16px 18px}.lobby-slot-controles-ia{flex-wrap:wrap}}