:root{--panel-menu:#080c12eb}.menu{z-index:40;padding:2rem calc(1rem + var(--safe-r)) calc(2rem + var(--safe-b)) calc(1rem + var(--safe-l));flex-direction:column;justify-content:center;align-items:center;gap:2.25rem;display:flex;position:fixed;inset:0}.menu[hidden]{display:none}.menu.saliendo{pointer-events:none}.menu.saliendo>*{opacity:0;transition:opacity .2s}.menu-tag{color:#8fa2ba;letter-spacing:.35em;text-transform:uppercase;text-shadow:0 1px 10px #030508f2;margin:0;font-size:.7rem}.menu-titulo{letter-spacing:.06em;color:#e8eef6;text-shadow:0 0 24px #7fd4a240,0 2px 18px #030508e6,0 0 3px #030508cc;margin:-1.5rem 0 0;font-size:clamp(2.4rem,9vw,4.5rem);font-weight:700}.menu-botones{flex-direction:column;gap:.8rem;width:min(20rem,80vw);display:flex}.menu-boton{color:var(--fg);font:inherit;text-align:left;cursor:var(--cursor-boton);background:var(--panel-menu);border:1px solid var(--border);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:6px;align-items:baseline;gap:.75rem;padding:.9rem 1.25rem;font-size:.95rem;transition:border-color .12s,transform .12s;display:flex}.menu-boton:hover,.menu-boton:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-2px)}.menu-boton .menu-tecla{color:var(--accent);letter-spacing:.2em;font-size:.7rem}.menu-boton small{color:var(--dim);margin-left:auto;font-size:.7rem}.menu-pie{bottom:calc(1rem + var(--safe-b));color:var(--dim);letter-spacing:.08em;margin:0;font-size:.7rem;position:absolute}.menu-pie a{color:var(--dim)}.menu-fondo{z-index:30;pointer-events:none;background-color:var(--bg);opacity:0;transition:opacity 1.4s;position:fixed;inset:0;overflow:hidden}.menu-fondo.visible{opacity:1}.menu-fondo-lienzo{width:100%;height:100%;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast;display:block;position:absolute;inset:0}.menu-fondo-velo{background:radial-gradient(54% 50% at 50% 47%,#03050894 0%,#0305084d 50%,#03050800 100%),radial-gradient(96% 92% at 50% 44%,#0000 52%,#00000080 100%),linear-gradient(#0305084d 0%,#03050800 26% 78%,#0305086b 100%);position:absolute;inset:0}.mp-forma{flex-direction:column;gap:.8rem;width:min(20rem,84vw);display:flex}.mp-campo{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;gap:.35rem;font-size:.75rem;display:flex}.mp-forma input{color:var(--fg);font:inherit;background:var(--panel-menu);border:1px solid var(--border);-webkit-user-select:text;user-select:text;border-radius:6px;padding:.7rem .9rem}.mp-forma input:focus-visible{border-color:var(--accent);outline:none}.mp-unirse{gap:.6rem;display:flex}.mp-unirse input{text-transform:uppercase;letter-spacing:.25em;text-align:center;flex:1;min-width:0}.mp-unirse .menu-boton{flex:none}.mp-error{color:var(--bad);margin:0;font-size:.8rem}.mp-volver{margin-top:.4rem}.lobby{gap:1.1rem}.lobby-codigo{letter-spacing:.35em;color:#e8eef6;align-items:center;gap:.75rem;font-size:1.6rem;display:flex}.lobby-codigo button{color:var(--dim);font:inherit;letter-spacing:.1em;cursor:var(--cursor-boton);background:var(--panel-menu);border:1px solid var(--border);border-radius:4px;padding:.35rem .7rem;font-size:.7rem}.lobby-codigo button:hover{border-color:var(--accent);color:var(--fg)}.lobby-cuerpo{flex-wrap:wrap;justify-content:center;gap:1.25rem;width:min(52rem,92vw);display:flex}.lobby-jugadores{flex-direction:column;flex:16rem;gap:.5rem;display:flex}.lobby-fila{background:var(--panel-menu);border:1px solid var(--border);border-radius:6px;align-items:baseline;gap:.6rem;padding:.65rem .9rem;display:flex}.lobby-fila span{color:var(--accent);font-size:.75rem}.lobby-fila i{border:1px solid var(--border);border-radius:50%;flex:none;align-self:center;width:.6rem;height:.6rem}.lobby-fila small{color:var(--dim);margin-left:auto;font-size:.7rem}.lobby-fila.vacia{color:var(--dim);border-style:dashed;justify-content:center;font-size:.75rem}.lobby-derecha{flex-direction:column;flex:18rem;gap:.75rem;display:flex}.lobby-yo{background:var(--panel-menu);border:1px solid var(--border);border-radius:6px;align-items:stretch;gap:.5rem;padding:.9rem 1rem 0;display:flex;overflow:hidden}.lobby-yo-datos{flex-direction:column;justify-content:center;gap:.15rem;min-width:0;padding-bottom:.9rem;display:flex}.lobby-yo-datos b{letter-spacing:.04em;color:#e8eef6;overflow-wrap:anywhere;font-size:1.35rem;font-weight:600}.lobby-yo-datos span{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.lobby-yo-retrato{--ancho:8.5rem;width:var(--ancho);height:calc(var(--ancho) * 232 / 140);background-image:url(/textures/portraits.png);background-repeat:no-repeat;background-size:400% 100%;background-position:calc(var(--piel,0) * 33.3333%) 0;flex:none;margin-left:auto}.lobby-skins{gap:.4rem;display:flex}.lobby-skin{min-width:0;color:var(--dim);font:inherit;text-align:center;cursor:var(--cursor-boton);background:var(--panel-menu);border:1px solid var(--border);border-radius:6px;flex-direction:column;flex:1 1 0;align-items:center;gap:.35rem;padding:.5rem .3rem;font-size:.62rem;line-height:1.15;display:flex}.lobby-skin i{border-radius:3px;width:100%;height:1.4rem}.lobby-skin:hover,.lobby-skin.elegido{color:var(--fg);border-color:var(--accent)}.lobby-acciones{align-items:center;gap:.8rem;display:flex}.lobby-espera{color:var(--dim);margin:0;font-size:.8rem}.chat{flex-direction:column;gap:.4rem;min-height:9rem;display:flex}.chat-lista{background:var(--panel-menu);border:1px solid var(--border);border-radius:6px;flex:1;min-height:6rem;max-height:11rem;padding:.5rem .7rem;overflow-y:auto}.chat-linea{overflow-wrap:anywhere;margin:0 0 .2rem;font-size:.8rem}.chat-linea b{color:var(--accent);font-weight:600}.chat-linea.propia b{color:var(--warn)}.chat-linea.sistema{color:var(--dim);font-style:italic}.chat-forma input{width:100%;color:var(--fg);font:inherit;background:var(--panel-menu);border:1px solid var(--border);-webkit-user-select:text;user-select:text;border-radius:6px;padding:.5rem .7rem;font-size:.8rem}.chat-forma input:focus-visible{border-color:var(--accent);outline:none}.chat-juego{left:calc(1rem + var(--safe-l));bottom:calc(7.5rem + var(--safe-b));z-index:24;pointer-events:none;width:min(24rem,70vw);min-height:0;position:fixed}.chat-juego .chat-lista{background:0 0;border:none;min-height:0;max-height:9rem;padding:0;overflow-y:hidden}.chat-juego .chat-linea{text-shadow:0 1px 2px #000000e6}.chat-juego .chat-forma{visibility:hidden}.chat-juego.abierto{pointer-events:auto}.chat-juego.abierto .chat-forma{visibility:visible}html.tactil .chat-juego .chat-forma{display:none}.nametags{z-index:14;pointer-events:none;position:fixed;inset:0;overflow:hidden}.nametag{color:var(--fg);letter-spacing:.08em;white-space:nowrap;border:1px solid var(--border);background:#080c128c;border-radius:4px;padding:.1rem .45rem;font-size:.72rem;position:absolute;top:0;left:0}.nametag.hablando{border-color:var(--accent);color:var(--accent)}.killfeed{top:calc(6.5rem + var(--safe-t));right:calc(1rem + var(--safe-r));z-index:24;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex;position:fixed}.kf-linea{color:var(--fg);border:1px solid var(--border);background:#080c1299;border-radius:4px;margin:0;padding:.2rem .6rem;font-size:.75rem;transition:opacity .5s}.kf-linea.saliendo{opacity:0}.marcador-tabla[hidden]{display:none}.marcador-tabla table{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:6px;min-width:22rem}.marcador-tabla th,.marcador-tabla td{text-align:left;padding:.55rem 1rem;font-size:.85rem}.marcador-tabla th{color:var(--dim);letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--border);font-size:.7rem;font-weight:400}.marcador-tabla td:nth-child(2),.marcador-tabla td:nth-child(3),.marcador-tabla th:nth-child(2),.marcador-tabla th:nth-child(3){text-align:right}.marcador-tabla tr.caido td{color:var(--dim)}.pausa{z-index:28;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05070ab8;flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;display:flex;position:fixed;inset:0}.pausa[hidden]{display:none}.pausa h2{letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin:0;font-size:.95rem;font-weight:400}.pausa .menu-botones{width:min(17rem,80vw)}.pausa-nota{color:var(--dim);text-align:center;margin:0;font-size:.75rem}.pausa-nota kbd{border:1px solid var(--border);color:var(--fg);font:inherit;background:#7896b424;border-radius:3px;padding:0 4px}