:root{--verde-claro:#cadc9f;--verde-medio:#306230;--verde-oscuro:#0f380f;--lista-normal:#848284;--lista-activa:#fff;--texto:#fffbf7;--fondo:#000;--fuente:Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;--fila:clamp(28px, 4.2vh, 46px);--borde:3px;--margen-v:2.5vh;--margen-h:3vw}*{box-sizing:border-box}html,body{background:var(--fondo);height:100%;color:var(--texto);font-family:var(--fuente);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}.pantalla{width:100vw;height:100vh;padding:var(--margen-v) var(--margen-h);flex-direction:column;display:flex;position:relative}.vista{padding:var(--margen-v) var(--margen-h);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#juego{padding:0}.vista[hidden]{display:none}.conexion-remota{z-index:8;padding:var(--margen-v) var(--margen-h);background:#000;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.conexion-remota[hidden]{display:none}.conexion-fondo{background-image:linear-gradient(#0007,#000a),url(/art/background_remote.png);background-size:cover}.conexion-panel{border:var(--borde) solid var(--verde-claro);width:min(680px,88vw);color:var(--verde-claro);text-align:center;background:#0f380fe8;padding:clamp(20px,4vh,48px);position:relative;box-shadow:0 0 0 8px #0f380f88}.conexion-marca{color:#fff;letter-spacing:.18em;text-shadow:0 3px #000;margin:0 auto 2vh;font-size:clamp(28px,5.5vh,62px);font-weight:700}.conexion-panel h1{margin:0 0 1.5vh;font-size:clamp(22px,4vh,46px)}.conexion-panel p{margin:1vh 0;font-size:clamp(14px,2.2vh,24px)}.conexion-codigo{color:#fff;letter-spacing:.09em;font-variant-numeric:tabular-nums;text-shadow:0 4px #000;margin:2vh 0;font-size:clamp(44px,10vw,96px);font-weight:700}.conexion-detalle{color:var(--lista-normal)}.conexion-badge{z-index:7;border:1px solid var(--verde-claro);max-width:55vw;color:var(--verde-claro);background:#0f380fe6;padding:5px 9px;font-size:clamp(10px,1.4vh,15px);position:absolute;top:max(8px,1.2vh);right:max(8px,1.2vw)}.conexion-badge[data-state=offline]{color:#ffe49a;border-color:#e6cc73}.fondo{image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.fondo-atenuado{filter:brightness(.32)}.banner{image-rendering:pixelated;display:block}.carrusel-centro{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2.2vh;display:flex;position:relative}.carrusel-centro .banner{object-fit:contain;width:min(74vw,1088px);max-height:22vh}.carrusel-nombre{letter-spacing:.02em;text-shadow:0 2px #000,0 0 12px #000;margin:0;font-size:clamp(20px,3.4vh,42px);font-weight:700}.puntos{justify-content:center;gap:10px;padding-bottom:1vh;display:flex;position:relative}.punto{background:var(--verde-medio);border-radius:2px;width:clamp(18px,2.4vw,34px);height:5px}.punto.activo{background:var(--verde-claro)}.cabecera{border-bottom:var(--borde) solid var(--verde-oscuro);align-items:center;gap:2vw;padding:0 0 1.4vh;display:flex;position:relative}.banner-pequeno{width:auto;height:clamp(26px,5vh,56px)}.estado{color:var(--verde-claro);white-space:nowrap;margin-left:auto;font-size:clamp(13px,1.9vh,22px)}.cuerpo{flex:1;gap:2vw;min-height:0;padding-top:1.4vh;display:flex;position:relative}.lista{outline:none;flex:1;min-width:0;margin:0;padding:0;list-style:none;overflow:hidden}.fila{height:var(--fila);color:var(--lista-normal);white-space:nowrap;align-items:center;padding:0 .8vw;font-size:clamp(14px,2.1vh,25px);display:flex;overflow:hidden}.fila .titulo{min-width:0;overflow:hidden}.fila.marquesina .titulo{animation:marquesina var(--duracion,4s) linear infinite}@keyframes marquesina{0%,22%{transform:translate(0)}78%,to{transform:translateX(var(--exceso,0))}}@media (prefers-reduced-motion:reduce){.fila.marquesina .titulo{animation:none}}.fila.activa{background:var(--verde-medio);color:var(--verde-claro);font-weight:700}.panel{flex-direction:column;gap:1.4vh;width:clamp(180px,26vw,420px);display:flex}.caratula{aspect-ratio:1;border:var(--borde) solid var(--verde-oscuro);image-rendering:pixelated;color:var(--verde-medio);text-align:center;background:#0006 50%/184px 200px no-repeat;justify-content:center;align-items:center;padding:8px;font-size:clamp(11px,1.6vh,18px);display:flex}@media (max-width:900px){.caratula{background-size:138px 150px}}.datos{margin:0;font-size:clamp(11px,1.7vh,19px);line-height:1.6}.datos dt{color:var(--verde-medio);font-weight:700}.datos dd{color:var(--verde-claro);word-break:break-word;margin:0 0 .7vh}.lienzo{background:#000;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.aviso{background:var(--verde-oscuro);color:var(--verde-claro);border:var(--borde) solid var(--verde-claro);text-align:center;z-index:5;max-width:80vw;padding:.8vh 2vw;font-size:clamp(12px,1.9vh,22px);position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.aviso[hidden]{display:none}.estado-herramientas{z-index:6;border:2px solid var(--verde-claro);color:var(--verde-claro);font:700 clamp(11px, 1.6vh, 16px) var(--fuente);background:#0f380fe6;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:7px;display:flex;position:absolute;top:max(10px,1.5vh);right:max(10px,1.5vw)}.estado-herramientas[hidden]{display:none}.estado-herramientas button,.estado-herramientas select{border:1px solid var(--verde-claro);background:var(--verde-medio);color:var(--verde-claro);font:inherit;cursor:pointer;padding:5px 9px}.estado-herramientas button:hover{background:var(--verde-claro);color:var(--verde-oscuro)}.estado-herramientas button:focus-visible{background:var(--verde-claro);color:var(--verde-oscuro)}.estado-herramientas select:focus-visible{background:var(--verde-claro);color:var(--verde-oscuro)}.estado-herramientas button:disabled,.estado-herramientas select:disabled{opacity:.55;cursor:wait}.estado-herramientas span:empty{display:none}.dialogo-capa{z-index:10;background:#000a;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.dialogo-capa[hidden]{display:none}.dialogo{background:var(--verde-claro);border:var(--borde) solid var(--verde-oscuro);color:var(--verde-oscuro);box-sizing:border-box;width:max-content;max-width:88vw;padding:0 0 1vh}.dialogo-titulo{background:var(--verde-oscuro);color:var(--verde-claro);text-align:left;margin:0;padding:.8vh 1.4vw;font-size:clamp(14px,2.2vh,26px)}.dialogo-texto{text-align:left;margin:0;padding:1.4vh 1.4vw;font-size:clamp(13px,2vh,23px)}.dialogo-texto:empty{display:none}.dialogo-opciones{margin:0;padding:0 .6vw;list-style:none}.dialogo-opciones li{text-align:left;padding:.7vh 1vw;font-size:clamp(13px,2vh,23px)}.dialogo-opciones li.activa{background:var(--verde-medio);color:var(--verde-claro);font-weight:700}.dialogo-opciones li.deshabilitada{opacity:.48}.dialogo-opciones li.deshabilitada.activa{color:var(--verde-oscuro);background:0 0;font-weight:400}.dialogo-capa.dialogo-midiendo .dialogo-opciones li{font-weight:700}