:root{--fondo: #0b1a10;--panel: #14261a;--borde: #3ee63e;--texto: #f4f4e8;--tenue: #9aa89a;--acento: #ffd24a;--alerta: #e04a3a;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--fondo);overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace}#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#game{display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:#000;touch-action:none}#dom-layer{position:absolute;inset:0;pointer-events:none}#dom-layer>*{pointer-events:auto}.cartel{position:fixed;display:block;z-index:5}.cartel:focus-visible{outline:2px solid var(--acento);outline-offset:1px}#modal-root:empty{display:none}.modal-backdrop{position:fixed;inset:0;background:#040a06db;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));z-index:50;animation:modal-in .12s steps(4) both}@keyframes modal-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.modal{background:var(--panel);border:3px solid var(--borde);box-shadow:0 0 0 3px var(--fondo),0 0 0 6px var(--borde);color:var(--texto);width:min(560px,100%);max-height:min(84vh,720px);overflow-y:auto;overscroll-behavior:contain;padding:20px;font-size:14px;line-height:1.7;letter-spacing:.03em;-webkit-user-select:text;user-select:text}.modal h2{font-size:17px;letter-spacing:.12em;color:var(--borde);margin-bottom:4px;text-transform:uppercase}.modal .bajada{color:var(--tenue);font-size:12px;margin-bottom:18px;white-space:pre-line}.modal pre{font-family:inherit;white-space:pre-wrap;font-size:12.5px;line-height:1.75;color:var(--texto)}.modal .dato{border:2px solid #2c4433;background:#0d1c13;padding:10px 12px;margin:10px 0}.modal .dato .etiqueta{font-size:10px;color:var(--tenue);letter-spacing:.18em}.modal .dato .valor{font-size:15px;color:var(--acento);word-break:break-all;-webkit-user-select:all;user-select:all}.fila{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.btn{font-family:inherit;font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:#1d3626;color:var(--texto);border:2px solid var(--borde);padding:12px 14px;min-height:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto}.btn:hover,.btn:focus-visible{background:var(--borde);color:var(--fondo);outline:none}.btn:disabled,.btn:disabled:hover{background:#16241b;color:#55705d;border-color:#2c4434;cursor:not-allowed}.btn.secundario{border-color:#3d5c46;color:var(--tenue)}.btn.ancho{width:100%;flex-basis:100%}.modal .cerrar{position:sticky;top:0;float:right;background:none;border:none;color:var(--tenue);font-size:20px;cursor:pointer;min-width:44px;min-height:44px;font-family:inherit}.modal .cerrar:hover{color:var(--alerta)}.modal .pie{margin-top:18px;font-size:10.5px;color:var(--tenue);line-height:1.6}.campo{margin-bottom:16px}.campo label{display:block;font-size:11px;letter-spacing:.14em;color:var(--borde);margin-bottom:6px}.campo .linea{display:flex;gap:8px}.campo input{flex:1;font-family:inherit;font-size:17px;letter-spacing:.12em;text-transform:uppercase;background:#0d1c13;border:2px solid #2c4433;color:var(--acento);padding:12px;min-height:44px;width:100%}.campo input:focus{border-color:var(--borde);outline:none}.aviso{font-size:10.5px;color:var(--tenue);margin-top:-8px;margin-bottom:14px}.estampita{width:100%;height:auto;image-rendering:pixelated;border:2px solid #2c4433;margin-bottom:12px}.sonido{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:60;width:44px;height:44px;padding:0;border:2px solid var(--borde);background:#0b1a10d9;color:var(--acento);font-family:inherit;line-height:1;cursor:pointer;border-radius:0;display:flex;align-items:center;justify-content:center}.sonido:hover,.sonido:focus-visible{background:var(--acento);color:#0b1a10;outline:none}.sonido.mudo{color:var(--tenue);border-color:#3d5c46}.sonido.dormido{animation:latir 1.1s steps(2,end) infinite}@keyframes latir{50%{background:var(--acento);color:#0b1a10}}