@charset "UTF-8";:root{--bg: #0b0e14;--surface: #121724;--surface-2: #1a2132;--border: #273047;--border-strong: #3a4666;--text: #e8ecf4;--text-muted: #aab3c7;--text-faint: #7c869e;--accent: #4cd7e5;--accent-2: #a78bfa;--accent-soft: rgba(76, 215, 229, .12);--glow: 0 0 .75rem rgba(76, 215, 229, .25);--danger: #ff6b81;--token-0: #4cd7e5;--token-1: #a78bfa;--token-2: #f6a94a;--token-3: #6ee7a8;--token-4: #f472b6;--token-5: #60a5fa;--actitud-enemigo: #e05252;--actitud-aliado: #5bb56a;--actitud-neutral: #8b93a7}*{box-sizing:border-box}html{height:100%}body{margin:0;height:100vh;display:flex;flex-direction:column;background:radial-gradient(60rem 30rem at 85% -10%,rgba(167,139,250,.08),transparent),radial-gradient(50rem 25rem at 0% 0%,rgba(76,215,229,.06),transparent),var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif}app-root{display:flex;flex-direction:column;flex:1;min-height:0}h1,h2,h3{color:var(--text);font-weight:650;letter-spacing:.01em}a{color:var(--accent)}input,select,textarea{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:.375rem;font:inherit}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--glow)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-faint)}select option{background:var(--surface-2)}button{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:.375rem;font:inherit;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}button:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--glow)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.boton-primario{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}fieldset{border:1px solid var(--border);border-radius:.5rem;background:var(--surface)}legend{color:var(--accent);font-weight:600}.pagina-estrecha{max-width:26rem;margin:4rem auto;padding:0 1rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.75rem}.panel h1{margin-top:0;font-size:1.5rem}.panel form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.panel form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--text-muted)}.panel form input{padding:.5rem .65rem}.panel form button{padding:.55rem 1rem;align-self:flex-start}.aviso-construccion{margin-top:1.25rem;padding:.6rem .9rem;border-left:3px solid var(--accent-2);background:#a78bfa14;color:var(--text-muted);font-size:.85rem;border-radius:0 .375rem .375rem 0}