:root{--tablero-clara:#dee3e6;--tablero-oscura:#8ca2ad;--tablero-ultima:#9bc70069;--tablero-blancas:#f4f7f8;--tablero-negras:#29323a;--clase-brillante:#0b7a78;--clase-genial:#2f5f9e;--clase-error:#b34a0c;--clase-oportunidad-perdida:#a1306c;--clase-mejor:var(--ok);--clase-excelente:var(--ok);--clase-buena:var(--ok);--clase-imprecision:var(--warn);--clase-error-grave:var(--err);--clase-libro:var(--ink-muted);--clase-forzada:var(--ink-muted);--tablero-seleccion:color-mix(in srgb, var(--ok) 50%, transparent);--tablero-destino:color-mix(in srgb, var(--ok) 55%, transparent);--tablero-jaque:color-mix(in srgb, var(--err) 60%, transparent);--tablero-pista:color-mix(in srgb, var(--clase-genial) 50%, transparent);--tablero-error:color-mix(in srgb, var(--err) 50%, transparent);--tablero-acierto:color-mix(in srgb, var(--ok) 50%, transparent);--tablero-flecha-mejor:color-mix(in srgb, var(--ok) 80%, transparent);--tablero-flecha-jugada:color-mix(in srgb, var(--clase-genial) 80%, transparent);--tablero-flecha-amenaza:color-mix(in srgb, var(--err) 80%, transparent);--tablero-flecha-usuario:color-mix(in srgb, var(--warn) 85%, transparent)}:root[data-theme=dark]{--tablero-clara:#c3ccd2;--tablero-oscura:#788e99;--tablero-blancas:#d3dce2;--clase-brillante:#5fd4cf;--clase-genial:#8fb8ec;--clase-error:#ffa56e;--clase-oportunidad-perdida:#f39ac8}.tablero{aspect-ratio:1;border:1px solid var(--line-strong);-webkit-user-select:none;user-select:none;width:100%;position:relative;container-type:inline-size}.tablero__casillas{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid}.tablero[data-interactivo=true] .tablero__casillas{touch-action:none}.tablero__casilla{min-width:0;min-height:0;font:inherit;color:inherit;background:var(--tablero-oscura);appearance:none;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:0;display:block;position:relative}.tablero__casilla--clara{background:var(--tablero-clara)}.tablero__casilla[data-movible=true]{cursor:grab}.tablero[data-arrastrando=true] .tablero__casillas{cursor:grabbing}.tablero__casilla:focus-visible{z-index:1;outline:3px solid var(--ink);outline-offset:-3px}.tablero__capa{pointer-events:none;position:absolute;inset:0}.tablero__capa--ultima{background:var(--tablero-ultima)}.tablero__capa--seleccion{background:var(--tablero-seleccion)}.tablero__capa--jaque{background:var(--tablero-jaque)}.tablero__capa--pista{background:var(--tablero-pista)}.tablero__capa--error{background:var(--tablero-error)}.tablero__capa--acierto{background:var(--tablero-acierto)}.tablero__capa--sobre{border:.35em solid var(--tablero-destino)}.tablero__pieza{pointer-events:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.tablero__pieza--levantada{opacity:.35}.tablero__destino{width:100%;height:100%;fill:var(--tablero-destino);pointer-events:none;position:absolute;inset:0}.tablero__coord{font-family:var(--font-mono);font-size:min(var(--fs-small), 2.6cqw);pointer-events:none;font-weight:600;line-height:1;position:absolute}.tablero__coord--numero{top:5%;left:6%}.tablero__coord--letra{bottom:5%;right:6%}.tablero__casilla--clara .tablero__coord{color:var(--tablero-oscura)}.tablero__casilla--oscura .tablero__coord{color:var(--tablero-clara)}.tablero__marca{pointer-events:none;width:36%;height:36%;position:absolute;top:3%;right:3%}.tablero__marca .clase-icono{width:100%;height:100%}.tablero__flechas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tablero__flecha--mejor{fill:var(--tablero-flecha-mejor)}.tablero__flecha--jugada{fill:var(--tablero-flecha-jugada)}.tablero__flecha--amenaza{fill:var(--tablero-flecha-amenaza)}.tablero__flecha--usuario{fill:var(--tablero-flecha-usuario)}.tablero__circulo{fill:none;stroke:var(--tablero-flecha-usuario);stroke-width:.08px}.tablero__fantasma{z-index:3;pointer-events:none;will-change:transform;width:12.5%;max-width:none;height:12.5%;display:block;position:absolute;top:0;left:0}.tablero__fantasma[hidden]{display:none}.tablero__promocion{z-index:4;background:color-mix(in srgb, var(--paper) 55%, transparent);position:absolute;inset:0}.tablero__opciones{flex-direction:column;width:12.5%;height:50%;display:flex;position:absolute}.tablero__opcion{border:1px solid var(--line-strong);background:var(--paper-raised);cursor:pointer;appearance:none;min-height:0;transition:background-color var(--t-fast);flex:1 1 0;margin:0;padding:0}.tablero__opcion:hover,.tablero__opcion:focus-visible{background:var(--accent-soft)}.tablero__opcion:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.tablero__opcion img{pointer-events:none;width:100%;max-width:none;height:100%;display:block}.tablero__oculto{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clase-icono{vertical-align:middle;flex:none;display:inline-block}.clase-icono__texto,.clase-icono__forma{fill:var(--paper)}.clase-icono__texto{font-family:var(--font-mono);font-weight:700}.clase-icono__trazo{fill:none;stroke:var(--paper);stroke-width:2.4px;stroke-linecap:square;stroke-linejoin:miter}