:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-touch: 48px;--radius-1: 6px;--radius-2: 12px;--radius-round: 999px;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--motion-theme: .35s}:root,:root[data-theme=light]{color-scheme:light;--color-bg: #F5F1E6;--color-surface: #ECE6D4;--color-text: #232A4D;--color-text-soft: #4D5680;--color-border: #D4C9A8;--color-accent: #7E601C;--color-accent-contrast: #F5F1E6;--color-focus: #7E601C;--color-foco: #7E601C;--color-exito: #1E6E54;--color-graticula: rgba(126, 96, 28, .38);--color-halo: rgba(126, 96, 28, .3);--color-bruma: rgba(142, 151, 196, .4)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0B1026;--color-surface: #141A36;--color-text: #EEF2FF;--color-text-soft: #A9B2D6;--color-border: #2A3260;--color-accent: #D4A857;--color-accent-contrast: #0B1026;--color-focus: #FFE9B8;--color-foco: #FFE9B8;--color-exito: #7FD1AE;--color-graticula: rgba(212, 168, 87, .32);--color-halo: rgba(255, 233, 184, .55);--color-bruma: rgba(62, 74, 140, .55)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-bg: #0B1026;--color-surface: #141A36;--color-text: #EEF2FF;--color-text-soft: #A9B2D6;--color-border: #2A3260;--color-accent: #D4A857;--color-accent-contrast: #0B1026;--color-focus: #FFE9B8;--color-foco: #FFE9B8;--color-exito: #7FD1AE;--color-graticula: rgba(212, 168, 87, .32);--color-halo: rgba(255, 233, 184, .55);--color-bruma: rgba(62, 74, 140, .55)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100dvh;transition:background var(--motion-base),color var(--motion-base)}#raiz{max-width:40rem;margin:0 auto;padding:var(--space-4)}.encabezado{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.enlace-marca{font-weight:700;font-size:1.1rem}.navegacion{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}a.enlace,.enlace-marca,button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--space-touch);min-width:var(--space-touch);padding:var(--space-2) var(--space-3);color:var(--color-accent);text-decoration:none;border-radius:var(--radius-1)}button{font:inherit;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;transition:background var(--motion-fast)}button[disabled]{opacity:.6;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.vista{padding-top:var(--space-4)}.acciones,.acciones-columna{display:flex;gap:var(--space-3);flex-wrap:wrap}.acciones-columna{flex-direction:column;align-items:stretch}.suave{color:var(--color-text-soft)}.resumen-progreso{display:flex;gap:var(--space-5);flex-wrap:wrap;background:var(--color-surface);border-radius:var(--radius-2);padding:var(--space-4);margin:0}.resumen-progreso .dato dt{color:var(--color-text-soft);font-size:.9rem}.resumen-progreso .dato dd{margin:0;font-size:1.5rem;font-weight:700}.lista-habilidades,.lista-misiones,.lista-pasos,.mensajes{padding-left:var(--space-5)}.lista-habilidades li,.lista-misiones li,.lista-pasos li{margin-bottom:var(--space-2);overflow-wrap:anywhere}.chat{margin-top:var(--space-5);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.mensajes{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:var(--space-2)}.mensajes li{background:var(--color-surface);border-radius:var(--radius-2);padding:var(--space-2) var(--space-3);overflow-wrap:anywhere}.mensajes li.mio{background:var(--color-accent);color:var(--color-accent-contrast);align-self:flex-end}.formulario-chat{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.formulario-chat input{flex:1;min-width:0;min-height:var(--space-touch);padding:var(--space-2) var(--space-3);font:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-1)}.visualmente-oculto{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mira{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--space-touch);padding:var(--space-2) var(--space-4);font:inherit;font-weight:600;color:var(--color-accent-contrast);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-2);cursor:pointer;transition:background var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.mira__reticulo{display:inline-flex;color:currentColor;opacity:.85}.mira__texto{line-height:1.2}.mira__insignia{display:inline-flex;align-items:center;margin-left:var(--space-1);padding:2px var(--space-2);font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-contrast);border-radius:var(--radius-round)}.mira:hover{background:var(--color-focus);border-color:var(--color-focus)}.mira:active{transform:translateY(1px)}.mira:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mira[disabled]{opacity:.55;cursor:not-allowed;transform:none}.mira--siguiente{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-foco),0 0 12px var(--color-halo)}.mira--siguiente:focus-visible{outline-offset:4px}.mira-media{display:inline-flex;align-items:center;justify-content:center;min-height:var(--space-touch);padding:var(--space-2) var(--space-4);font:inherit;font-weight:600;color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-2);cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast)}.mira-media:hover{background:var(--color-surface);border-color:var(--color-accent)}.mira-media:active{transform:translateY(1px)}.mira-media:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mira-media[disabled]{opacity:.55;cursor:not-allowed}.sector{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);padding:var(--space-4)}.sector__encabezado{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-graticula)}.sector__titulo{margin:0;font-size:1.1rem}.sector__nota{margin:0;font-size:.9rem}.sector__cuerpo>:first-child{margin-top:0}.lamina{position:relative;margin:0;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);overflow:hidden}.lamina__esquinas{position:absolute;inset:var(--space-2);color:var(--color-graticula);pointer-events:none}.lamina__esquinas svg{width:100%;height:100%;display:block}.lamina__titulo{margin:0 0 var(--space-3);font-size:1.25rem;font-weight:700}.lamina__cuerpo{position:relative}.lamina__pie{margin:var(--space-4) 0 0;font-size:.85rem}.instrumentos{border-top:1px solid var(--color-border);background:var(--color-surface)}.instrumentos__lista{display:flex;margin:0;padding:0;list-style:none}.instrumentos__item{flex:1;margin:0}.instrumento{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--space-touch);padding:var(--space-2);color:var(--color-text-soft);text-decoration:none;border-bottom:3px solid transparent;transition:color var(--motion-fast)}.instrumento__glifo{display:inline-flex}.instrumento__etiqueta{font-size:.8rem;line-height:1.1}.instrumento:hover{color:var(--color-text)}.instrumento:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.instrumento--activo{color:var(--color-text);font-weight:700;border-bottom-color:var(--color-accent)}.mensaje{display:flex;flex-direction:column;gap:2px;max-width:85%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);overflow-wrap:anywhere}.mensaje__remitente{font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-soft)}.mensaje--mio{align-self:flex-end;background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent);border-bottom-right-radius:var(--radius-1)}.mensaje--mio .mensaje__remitente{color:var(--color-accent-contrast);opacity:.85;text-align:right}.mensaje--agente{align-self:flex-start;border-bottom-left-radius:var(--radius-1)}.filtro{display:inline-flex;align-items:center;gap:var(--space-2)}.filtro__glifo{display:inline-flex;color:var(--color-foco)}.filtro__texto{line-height:1.2}.traza__eje{color:var(--color-graticula)}.traza__linea{color:var(--color-accent)}.traza__marcador{color:var(--color-foco)}@media(prefers-reduced-motion:reduce){.mira,.mira-media,.mira:active,.mira-media:active,.instrumento,.filtro{transition:none}.mira:active,.mira-media:active{transform:none}}